/*  
Theme Name: WhackedOutMarketing
Theme URI: http://www.whackedoutmarketing.com/
Description: Custom Designed Theme
Version: 1.0
Author: Erum Munir
Author URI: http://www.dotsndashes.com/
*/
 
 
body, #top, #header, form, table, #container, ul#nav,ul#nav li,  div#left, div#right, p, h1, h2, h3, div.bar,li#accordion, ul.main, div#right ul, ol.commentlist , ol.commentlist  li, ul, div.post, div#bottom, ul#menu, ul#menu li, div#bottom ul
{ padding:0px; margin:0px;
}

body {
background-color: #dbdbdb;
font-family: Arial, Verdana,  Helvetica, sans-serif;
background:url(images/bodyback.gif) repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited
{ color:#000000; }
a:hover, ul#nav li a:hover, div#right h2 a:hover
{
color: #158c10;
}

#top
{
background:url(images/back.jpg) top  repeat-x;

}


#header
{
width: 923px;
background:url(images/header.jpg) no-repeat top center;
height:151px;
margin-left:auto; margin-right:auto;

}

#header .banner
{
padding-top:25px;
margin-left:430px;
color:#FFFFFF;
font-size:75%;
}

#container
{
width: 907px; 
margin-left:auto; margin-right:auto;
background-color:#FFFFFF;
border: 8px solid #e2dfdf;
background:url(images/contentback.gif) repeat-y;
}

div#container:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
    }  

/* Hides from IE-mac \*/
* html div#container {height: 1%;
display: block;}
/* End hide from IE-mac */
div#container {height: 100%;}

div#bottom
{
width: 907px; 
margin-left:auto; margin-right:auto;
background-color:#333333;
color:#FFFFFF;
font-size:75%;
line-height: 150%;
border: 8px solid #292b2e;
border-bottom:none;
padding-top:20px;
}


/*nav*/
ul#nav
{list-style:none;
width: 591px;
background:url(images/menuback.gif) repeat-x top;
height:31px;
position:absolute;
margin-top:8px; margin-left:8px;
}


ul#nav li
{
float: left;
padding-top:5px; padding-bottom:5px;
font-size:70%;
display: block;
}
#nav a {
	text-decoration: none;
	}
	#nav li a
	{
		padding-left: 16px;
		padding-right:16px;
		}
ul#nav a:link, ul#nav a:visited 
{
color: #000000;
text-decoration:none;
}
ul#nav li.active, ul#nav li:hover
{
background-color:#e2dfdf;
border-bottom:10px solid #e2dfdf;
}
ul#nav li.active:hover
{
background-color:#404347;
border-bottom:10px solid #404347;
}
ul#nav li.active:hover a
{color:#FFFFFF;}


/*memu*/
ul#menu
{
list-style:none;
height:31px;
padding-top:8px;
}
ul#menu li
{
float: left;
padding-top:5px;
padding-bottom:5px;
font-size:80%;
font-weight:bold;
display: block;
color:#01a800;
background:url(images/divider.jpg) right no-repeat;
}
#menu li a
{
color:#01a800;
text-decoration: none;
padding-left:20px; padding-right:20px;
 height:31px;}
 
 #menu li:hover a
{color:#FFFFFF;}

 
/*content*/
div#left
{
position:relative;
float:left;
display:block;
width: 545px;
margin:50px 0px 30px 20px;
font-size:75%;
line-height:150%;
/*border:1px solid #333333;*/
}


div#right
{
position:relative;
display:block;
margin: 0px 20px 30px 620px;
font-size:75%;
line-height:150%;
padding-top:0px;
/*border:1px solid #333333;*/
}




/*------------- Formatting---------------- */

p
{padding-bottom:16px; margin:0px;}

p.date
{padding-bottom: 0px;
font-variant:small-caps;
margin-bottom:5px;
}
p.date span
{
color: #158c10;
padding:3px;
}

p.comm
{
float:left;
padding:0px;
}
p.topics
{text-align:right;padding:0px;}
div.bar
{
width: 536px;  font-size:90%;
border-top: 1px dotted #000000;

margin-bottom:16px;
}
div.bar a:link, divbar a:visited 
{
color:#000000;
text-decoration:none;
}
div.bar a:hover 
{
color: #158c10;
}


img
{border:0px;
}

div.post
{padding:4px;
margin-bottom:40px;
}


/*------------- Headers ---------------- */
h2, h2 a:link, h2 a:visited, h1, h1 a:link, h1 a:visited
{color: #158c10;
text-decoration:none;
line-height:120%;
border:none;
}
h2 {font-size:220%;
margin-top:20px;}
h2 a:hover, h1 a:hover {color: #404347; border:none;}

h1 
{font-size: 290%;
font-family:Arial, Helvetica, sans-serif; }

h1.pagetitle
{
border-bottom:1px solid #CCCCCC;
padding-top:0px; margin-top:0px;
margin-bottom: 20px;
color:#000000;
font-size:130%;}
h3 {font-size:120%;}

div#right h2 a:link, div#right h2 a:visited
{color: #ffffff;}

/*------------- Right---------------- */
div#right ul {
list-style:none;
padding-left: 3px; margin-left: 3px;}

div#right h2, div#bottom h2
{
color: #666666;
font-size:130%;
padding-top:8px;
font-family:Arial, Helvetica, sans-serif;
background-color: #666666;
color:#FFFFFF;
padding: 2px 5px 2px 5px;
}


div#right ul
{
padding-bottom:0px;}
ul.main li
{
margin-top: 30px;
}
ul.main li ul li
{padding-bottom:2px;
margin-top:0px;}

/* --------------------bottom----------------------*/
div#bottom h2
{border:none;
color: #158c10;
padding-top:0px;
margin-top:0px;
background:none;}
div#bottom a:link, div#bottom a:visited
{color:#FFFFFF;}

/*border-right: 1px dotted #666666;*/}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/*Form*/
textarea
{width: 300px;}
input#s
{width: 200px;}


/* Begin Various Tags and Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	}
/* End Various Tags and Classes*/


/*Comments*/
ol#commentlist
{
padding-left:0px;
margin-left:0px;

}

ol#commentlist li:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
    }  
ol#commentlist li {display:inline-table;}
/* Hides from IE-mac \*/
* html ol#commentlist li {height: 1%;
display: block;}
/* End hide from IE-mac */
ol#commentlist li {height: 100%;}


ol#commentlist li
{
list-style:none;
padding: 10px 10px 10px 10px;
margin-bottom:10px;
width:518px;
background-color: #f7f7f7;
border: 1px solid  #f7f7f7;
}
.commentmetadata
{font-size:86%;

line-height:140%;
}
ol#commentlist  li.alt
{
background:none;
}

ol#commentlist  li.author
{
background-color: #f7f7f7;
border: 1px solid #c8c6c6;
}


.commentright
{
position:relative;
display:block;
margin-left:130px;
}


.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
	




li.mytwitter
{padding: 3px; margin-bottom: 3px; margin-top: 3px; border: 1px solid #cccccc;}


div#left ol.cf-ol li.textonly
{
font-weight: normal;
font-size:10px;}