/*  
Theme Name: MDO
Theme URI: http://www.marketingdoover.com/blog
Description: Custom Designed Theme
Version: 1.0
Author: Erum Munir
Author URI: http://www.dotsndashes.com/
*/

body, p.logo, div#header, form, div.login, table, div#container, tr, td, div#left, div#right, ul#nav, ul#nav li, img, div.sub, div.blue, div.video, p, ul.vidbullets, li,  h2, form.contestant, div.box
{padding:0px; margin:0px; border:none;}

body
{background-color:#474747;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
line-height:150%;
}

img
{border:0px;}

div#header, div#container
{
width: 881px;
margin-left:auto; margin-right:auto;
margin-bottom:20px;
}

table.login
{
border-collapse:collapse;
background-color:#201f1f;
border: 1px solid #737373;
width: 430px; height: 16px;

color:#FFFFFF;
font-size:80%;
}

input.login
{height: 16px;
font:9px;
background-color: #737373;
border:none;
width: 100px;
color:#FFFFFF;
}



div#container
{
clear: both;
background:url(images/back.gif)  repeat-y top;
margin-bottom:10px;
}
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#left
{
position:relative;
float:left;
display:block; 
width:204px;
background:url(images/sidebarback.jpg) repeat-y;

}


div#right
{
position:relative;
display:block;
margin:20px 0px 0px 250px;
width: 580px;
background-color:#FFFFFF;
}


ul#nav
{list-style:none;
}


div.sub
{
background:url(images/subback.jpg) no-repeat top;
height:94px;
padding-top:50px;
font-size:80%;}

div.sub table
{margin-left: 15px; margin-right:20px;}
div.sub table td
{padding-bottom:5px;}
div.sub input
{background:#FFFFFF; border:none;}


div.blue
{background:url(images/sidebartop.jpg) top no-repeat;}

#left h2
{font-size: 120%;
line-height:150%;
padding-top:20px;}

#right h2
{
font-weight:bold; 
font-size:160%; 
font-family:Georgia, 'Times New Roman', Times, serif; 
padding-bottom: 5px; 
}


div#left ul.main
{
list-style:none;
width: 170px;
padding-left:12px; margin-left:12px;
}
ul.main ul {
list-style:none;
padding-left:0px;
margin-left:0px;}

#left ul.main li
{margin-bottom:5px;
line-height:150%;}


p {padding-bottom:15px;
}

fieldset {width: 556px;}

h1{font-size:130%;
color:#000000;
padding-top:30px; text-align:center;
line-height:150%;}

div.video
{padding-right:30px;}

ul.vidbullets
{

padding-top: 136px;
margin-right: 40px;
line-height:170%;
}

ul.vidbullets li
{padding-bottom:30px;}

div.box
{
background-color: #dddddd;
padding: 2px;
padding-top:0px;

}
div.box a:link, div.box a:visited
{color:#000000;
font-size:80%;}

p.footer
{
color:#FFFFFF; font-size:80%; text-align:center; margin-left: 204px;
}

p.footer a:link, p.footer a:visited {color:#FFFFFF; text-decoration:none;}


div.contestdetails
{
width: 500px; 
margin-left:auto; 
margin-right:auto; 
border:1px solid #201f1f; 
border-top:0px; 
padding:20px;
background-color:#f1f1f1;}
div.contestdetails p
{padding:0px; padding-bottom:15px;}

.u
{border-bottom: 1px solid #000000;}


form.contestant
{
width: 422px;  height:373px; 
margin-left:auto; 
margin-right:auto;
background:url(images/formback.jpg) no-repeat center;}
form.contestant table { margin-left:16px;}

form.contestant td
{padding-bottom:8px;
text-align:right;}
form.contestant input
{width: 250px;}

ul.membersarea
{list-style:none;
margin:0px; padding:0px;
margin-left: 60px; margin-right:60px;
text-align:center;
}
ul.membersarea li
{  padding: 20px;}
ul.membersarea li a
{ font-size:120%; font-weight:bold;}

div.blue p
{padding-left:24px; padding-right:26px; 
}
div.blue { font-size:80%; line-height:140%; }

div.blue a:link, div.blue a:visited {color:#000000;}




/* 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 */







/* Begin Various Tags & 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 & 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 0px 10px;
background-color:#dddddd;
border:4px solid #737373;
margin-bottom:10px;

}
.commentmetadata
{font-size:86%;

line-height:140%;
}
ol.commentlist  li.alt
{background:url(images/boxback.jpg) repeat;
border-top: 1px solid #737373;
border-bottom: 1px solid #737373;
}
.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;
	}
	
	
/*posts*/
p.date
{padding-bottom:5px;
font-size:80%;}
#right h2.post a:link, h2.post a:visited
{
 color:#3b8ccb;;
 padding-left:0px; margin-left:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 line-height:170%;
}
p.meta
{ font-size:80%;
border-bottom:1px dotted #666666;
padding-bottom:5px; margin-bottom:5px;}
div.post
{padding-bottom:40px;}

textarea {width: 300px;}