/*  
Theme Name: OlBastard
Theme URI: http://www.beckythetechy.com
Description: Completely customizable wordpress theme
Version: 1.0
Author: beckythetechy.com
Author URI: http://www.beckythetechy.com/

*/


/* Main formatting */
*{margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; background-color: #000000; margin:0; text-align:center; font-size: 13px; word-wrap: break-word;}
p{font-size: 13px; text-align: left; margin: 10px 20px;}
h1 {color: #000000; font-size: 30px; text-align: center;}
h2 {color: #6E6E6E; font-size: 20px; text-align: center;}
h3 {color: #000000; font-size: 20px; text-align: center;}
h4 {color: #000000; font-size: 15px; text-align: center;}
h5 {color: #000000; font-size: 13px; text-align: center;}
ul, li {font-size: 13px; text-align: left; margin: 20px;}
table#wp-calendar{ width: 100%; text-align: center;} 

/************************************************
*	div formatting				     		    * 
************************************************/
.main_container { width: 100%; position: relative; margin: auto; z-index: 1;}
.content_container { width: 100%; position: absolute; margin: auto; z-index: 2; top: 0px; left: 0px;}
.force_center { width: 900px; position: relative; margin: auto;}

.content, .shadow {
  position: relative;
}
.shadow { 
  background-image: url('shadow.png');
  background-repeat: repeat;
  width: 900px;
 }
.content {
  background-image: url('backfill.gif');
  background-color: #FFFFFF;
  color: #000;
  width: 800px;
  position: relative;
  margin: auto;
  z-index: 3;
}
.bar_upper {
  width: 800px;
  height: 40px;
  position: relative;
  margin: auto;
  z-index: 20;
}
.header {
  width: 800px;
  height: 173px;
  position: relative;
  margin: 0;
  padding: 0;
  background-image: url('header.gif');
}
.sales{
  width: 700px;
  position: relative;
  margin: auto;
}
.footer {
  background-color: #009900;
  width: 800px;
  height: 340px;
  position: relative;
  margin: auto;
}

.footer a:link, .footer a:visited, .footer a:hover {color: #FFFFE1; text-decoration: underline; font-weight: normal;}

.dot_box {
  background-color: #dee4ed;
  width: 425px;
  height: 300px;
  border: 3px dashed #555555;
  position: relative;
  margin: auto;
  text-align: center;
}
.button_box_big{
  background-color: #FEB500;
  background-image: url('button_med.jpg');
  width: 300px;
  height: 50px;
  position: relative;
  margin: auto;
}
.button_box_small{
  background-color: #FEB500;
  background-image: url('button_sm.jpg');
  width: 175px;
  height: 25px;
  position: relative;
  margin: auto;
}
.color_box{
  background-color: #f2f5f7;
  width: 200px;
  position: relative;
  margin: auto;
  border: 1px solid #d0e4fd;
}
.big_color_box{
  background-color: #f2f5f7;
  width: 500px;
  position: relative;
  margin: auto;
  border: 1px solid #d0e4fd;
}
.big_border_box{
  background-color: #FFFFFF;
  width: 500px;
  position: relative;
  margin: auto;
  border: 1px solid #d0e4fd;
}
.bonus_box{
  background-color: #FFFFCD;
  width: 500px;
  position: relative;
  margin: auto;
}

.header a:link, .header a:visited, .header a:hover, {color: #3e6304; text-decoration: none; font-size: 15px; text-align: center;}

.header h1 {margin: 20px 0 0 0;}

#container {float: left; width: 700px; text-align: left; margin-left:35px;   padding-left: 20px; padding-right: 20px;}

#container h2 {text-align: left; padding: 0 10px 0 20px;}

.post h2 {font-size: 18px; font-weight: normal;}

.post a:link, .post a:visited {color: #3b6001; text-decoration: underline; font-weight: normal;}

.post a:hover {color: #3b6001; text-decoration: underline; font-weight: normal;}

.post {padding: 10px 0 10px 0;}

.navigation a:link, .navigation a:visited {text-decoration: underline; font-weight: normal;}

.navigation a:hover {text-decoration: underline; font-weight: normal;}

.navigation {padding: 10px 0 20px 20px;}

.sidebar {float: right; width: 300px; text-align: left}

.sidebar h2 {border: 2px groove #e9070b; padding: 5px 0 5px 5px; background: #780101; color: #FFFFFF;}

.sidebar ul {list-style-type: none; margin:0; padding: 0 10px 0 10px;}

.sidebar ul li {padding: 10px 0 10px 0;}

.sidebar ul li h2 {font-size: 14px;}

.sidebar ul ul li {padding: 0; list-style-type:square; color: #5C5C5C; margin:0 0 0 7px;}

.sidebar a:link, .sidebar a:visited {text-decoration: none; font-weight: normal;}

.sidebar a:hover {text-decoration: underline; font-weight: normal;}

/************************************************
*	COMMENTS					     		    * 
************************************************/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/************************************************
*	Navigation					     		    * 
************************************************/
#nav {
	margin: 5px;
	padding: 0px;
	z-index: 20;
	float: left;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFE1;
	display: block;
	font-size: 12px;
    margin: 0px;
	padding: 8px 8px 13px 8px;
	z-index: 20;
	text-transform: uppercase;
	font-weight: bold;

	}

#nav li a:hover, #nav li a:active {
	color: #FFFFFF;
    margin: 0px;
	padding: 8px 8px 13px 8px;
	text-decoration: none;
	z-index: 20;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	opacity: .90;
	filter: alpha(opacity=90);
	background: #263a07;
	width: 150px;
	color: #FFFFE1;
	float: none;
	margin: 0px;
	padding: 7px 15px 7px 15px;
	border-bottom: 1px solid #40630a;
	border-left: 1px solid #40630a;
	border-right: 1px solid #40630a;
	z-index: 20;
	text-transform: uppercase;
	font-weight: bold;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #40630a;
	color: #FFFFFF;
	padding: 7px 15px 7px 15px;
	z-index: 20;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
	}

#nav li li { z-index: 20;
	}

#nav li ul a { 
	width: 140px;
	z-index: 20;
	}

#nav li ul a:hover, #nav li ul a:active { z-index: 20;
	}

#nav li ul ul {
	margin: -29px 0 0 171px; z-index: 20;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; z-index: 20;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; z-index: 20;
	}

#nav li:hover, #nav li.sfhover { 
	position: static; z-index: 20;
	}