/*
Theme Name:  Perfect Desire 2.0
Theme URI:  http://www.perfectdesire.com
Description:  Perfect Desire Theme
Author: Erum Munir
Author URI: http://dotsndashes.com/
*/

/* CSS Document */
body, #menu, #headerback, #header, #containerback, #container, ul.authors, form, ul.widget, ul.widget ul, h2.widgettitle, div.post h2, h1, h2.pagetitle, #footer,ol.commentform, ol#commentlist, h3, p.comment-meta, div.post h3  {
	padding:0px; margin:0px;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e6e2d7;
	}

/*Links*/
a:link, a:visited {
	color: #ff4f00;
	}


.desc a:link, .desc a:visited {
	text-decoration:none;
	}
ul.authors a:link, ul.authors a:visited {
	color:#000000;
	}
div.post h2 a:link, div.post h2 a:visited, div.post h1 a:link, div.post h1 a:visited {
	color: #2d0d05;
	text-decoration:none;
	}
a.more-link  {
	font-weight:bold;
	}
p.cutout a:link, p.cutout a:visited {
	color:#008bbd;
	text-decoration:none;
	}
a:hover, p.cutout a:hover, div.post h2 a:hover, div.post h2 a:hover {
	color:#000000;
	}

/*Header*/
#headerback {
	background:#2d0d05;
	height: 110px;
	}

#header {
	width: 932px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/title.gif) no-repeat left;
	}

/*Menu*/
#menu {
	margin-left:580px;
	list-style:none;
	padding-top:65px;
	width: 352px;
	}
#menu li {
	float:left;
	}

/*Container*/
#containerback {
	background-color:#ddd7c7;
	padding-bottom:40px;
	}

#container {
	background:url(images/back.jpg) no-repeat top center;
	width: 932px;
	margin-left:auto;
	margin-right:auto;
	}

#left {
	width: 550px;
	float:left;
	padding-right:0px;
	position:relative;
	display:block;
	}

#right {
	margin-left:577px;
	position:relative;
	display:block;
	}
p {line-height:150%;}

	
/*Left Margin*/
div.post {
	padding-top:30px; 
	}

div.post h2, div.post h1 {
	color:#2d0d05;
	font-size: 180%;
	font-weight: bolder;
	}	
div.post h3 {
	font-size: 110%;
	}
div.post p {
	margin-top:0px;
	}
p.meta {
	padding-top:1px;
	margin-top:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	font-weight:bold;
	color:#ff4f00;
	}
h2.pagetitle {
	color:#00a3a4;
	font-size:110%;
	padding-bottom:7px;
	padding-top:16px;
	}
p.cutout {
	background:url(images/cutout.gif) no-repeat left;
	height: 22px;
	padding:10px;
	width: 550px;
	font-size:80%;
	}	


/*Comment Form*/
ol.commentform textarea {
	width: 495px;
	background:#efece4;
	border:none;
	padding-top:30px;
	}
ol.commentform li {
	padding-bottom:10px; 
	}

ol.commentform input {
	width: 325px;
	height: 25px;
	margin-left:120px;
	float:right;
	background:#efece4;
	border:none;
	padding-left:10px;
	}
ol.commentform  label {
	width: 160px;
	padding:6px; 
	float: left; 
	position:absolute;
	display: block;
	background-color:#bfb8a4;
	}
ol.commentform {
	font-size: 80%;
	list-style:none;
	}
fieldset.commentform {
	padding:10px 20px 10px 20px;
	}
	
/*Comments*/
h3#comments {
	padding-top:16px;
	}

ol#commentlist {
	padding-left:0px;
	width: 522px;
	font-size:80%;
	}
	
ol#commentlist li:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:hidden; 
    } 
/* 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;
	margin-bottom:10px;
	width:522px;
	border:2px dotted #bfb8a4;
	}

ol#commentlist li ul.children li {
	width: auto; 
	padding:3px; 
	margin-bottom:3px; 
	padding-bottom:0px;
	border: 1px dotted #bfb8a4;
	}
	
ol#commentlist li ul.children {
	margin: 5px 0px  0px 0px;
	padding:0px;
	}
	
ol#commentlist li ul.children li.bypostauthor{
	border:2px solid #00a3a4;
	}

p.commentmetadata {
	font-size:90%;
	line-height:140%;
	padding-bottom:6px;
	border-bottom: 1px solid #bfb8a4;
	}
ol#commentlist li.bypostauthor {
	border:2px solid #00a3a4;
	}

.commentright {
	position:relative;
	display:block;
	margin-left:100px;
	}
	
/*Comment Preview and Subscribe To Comments*/
div.comment-preview {
	margin-top:10px; 
	padding-top:0px; 
	margin-bottom:10px; 
	border:1px solid #cccccc;
	background-color: #f9f9f6; 
	display:block; 
	padding:4px;
	color: #999999;
	font-size:90%;
	width: 495px;
	}

p.subscribe-to-comments {  
	margin-top:12px;  
	font:0.9em Trebuchet MS,sans-serif;  
	padding-bottom:0px; 
	margin-bottom:0px; 
	color: #999999; 
	}

p.subscribe-to-comments label {
	font-size:100%;
	}



	
	
/*Right Margin*/
.desc {
	background-color:#edeae2;
	padding:20px;
	}
	
ul.authors {
	list-style:none;
	font-size: 120%;
	}	

ul.authors li {
	float:right;
	margin-right:8px;
	margin-left: 8px;
	text-align:center;
	}
	
/*Search Form*/
div.searchform {
	margin-top: 16px;
	background-color: #bfb8a4;
	width: 344px;
	height: 60px;
	padding: 4px;
	}

div.searchform input.text {
	height: 26px;
	padding-top:16px; 
	padding-bottom:16px;
	width: 253px;
	float: left;
	margin-right:7px;
	background-color:#bfb8a4;
	border:none;
	margin-left:20px;
	font-size:140%;
	}

/*Widget*/		

ul.widget, ul.widget ul {
	list-style:none;
	}

h2.widgettitle {
	color: #2d0d05; 
	padding-top: 16px;
	padding-bottom:5px;
	font-size:140%;
	}
	
ul.widget li, ul.widget ul  li {
	padding-bottom:3px;
	}
	
ul.footerwidget {
	font-size: 80%;
	padding-top:30px;
	width: 582px;
	}
ul.footerwidget ul {
	font-size: 100%;
	}
ul.footerwidget li {
	float: left; 
	margin-right:50px;
	}
ul.footerwidget li li {
	padding-bottom:5px;
	float: none;
	}
div#footer ul.footerwidget li.widget_recent_comments li {
	margin-right:0px; 
	}
ul.footerwidget h2.widgettitle {
	font-size:  130%;
	}
	
/*Lists*/
ul.text, ol.text { 
	border-left: 6px solid #2d0d05;
}
.text li {
	padding-bottom:8px;
	font-size:90%;
	line-height:150%;
}

/*Footer*/
div#footer {
	clear:both;
	width: 932px; 
	margin-left:auto;
	margin-right:auto;
	background:url(images/frog.jpg) no-repeat top right;
	padding-bottom:70px;
}


/* Begin Images */
img {
	border: 0px;
	}

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

/*Pagebar*/


.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,  div.pagebar span.current
	{
		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;
	}
	



/*Clearfix*/

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