/*  
Theme Name: !Props and Pans
Version: 2.0 Beta
Description: Transformation theme it's a theme about transformation of the oldie theme format to a problogger-like theme. It's an empowering theme for your blog so you can blog like a pro! ;)
Theme URI: http://blogs.mysites-advisor.com/
Author: Ken Xu
Author URI: http://blogs.mysites-advisor.com

*/


/*  ########## Main Section ##########  */

body {
	font-size: 14px;
	font-family: Verdana, Arial, Helvatica, sans-serif;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #67727B;
	color: #333333;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

/* ########## Header Section ########## */

#header {
	clear: both;
	width: 940px;
	height: 100px;
	padding: 15px 10px 15px 10px;
	margin: 0 auto;
	background: #9a9c73;
}

#logo {
	width: 640px;
	float: left;
}

#headerright {
	width: 305px;
	float: right;
	margin-top: -15px;
	margin-right: -15px;
}

#headerright a, a:link, a:visited {
        color: #FFFFFF; 
        text-decoration: none;
}

#headerright a:hover {
        color: #404040; 
}

#headerright img {
        vertical-align: middle; 
}

#headerright p {
	margin-top: 0px;
	margin-bottom: 5px;
}

#rss {
	width: 145px;
	float: left;
}

#bookmark {
	width: 160px;
	float: right;
}

#splash {
	padding: 0 10px;
}
		
/* ########## Body Section II ########## */

#wrap {
	border-left: solid #404040 10px;
	border-right: solid #404040 10px;
	padding: 0px;
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: #EFEEE4;
}

#page {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0;
} 

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

#contentleft {
	width: 650px;
	float:left;
	padding: 10px 0;
	margin: 0;
} 

#content {
	background: #FFFFFF;
	width: 340px;
	float: right;
	margin: 0;
	padding: 0;
}

#midcontent {
	font-size: 8pt;
	width: 290px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#midcontent .featurepost h2 {
	background: #FFFFFF;
	font-size: 16px;
}

#contentright {
	width: 290px;
	float:right;
	padding: 10px 10px 0;
	margin: 0;
} 

#feedbg {
	background-image:url(images/feedbg.jpg);
	background-position:top;
}

#sidebar {
	font-size: 12px;
	width: 290px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
} 

/*  ########## Navigation ##########  */

#nav2 {      
        font-size:9pt;
        clear: both;
	padding: 6px 30px;
	margin: 0;
	background: #404040 url(images/alert.png) no-repeat 10px 7px;
        color: #FFFFFF;
        /*height: 32px;*/
        /*border-top:1px solid #404080;*/
        /*border-bottom: 3px solid #efeee4;*/
        }

#nav2 a {
        color: #FFFFFF; 
        text-decoration: none;
}

#nav2 a:hover {
        text-decoration: underline;
}

#nav {      
        font-size:9pt;
        clear: both;
        height: 32px;
	padding: 0;
	margin: 0;
	background: #404040;
        border-top:1px solid #404080;
        /*border-bottom: 3px solid #efeee4;*/
        }
		
#nav li:hover a:hover {
		background: #FFFFFF;
		color:#9a9c73;
		
		}

#nav .stopper {
        width:955px;
        margin:0;
        padding:0;
        }

#nav ul {
        font-weight:bold;
        font-size:8pt;
	float: left;
	list-style: none;
        height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

#nav ul li {
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
        }

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
        float: left;
        color: #FFFFFF; 
        text-decoration: none;
	padding: 0 10px 0 10px;
        }

#nav ul li a:hover, #nav ul li a:active {
        text-decoration:underline;
		background: #fff;
		color: #9a9c73;
        }
	
#nav .stopper ul li.current_page_item{
	text-decoration:none;
		background: #fff;
		color: #9a9c73;
}

#nav .stopper ul li.current_page_item a{
	text-decoration:none;
		background: #fff;
		color: #9a9c73;
		}


/* ########## Footer Section ########## */

#footer {
	border-top:1px solid #fff;
	font-size: 8pt;
	line-height: 190%;
	color:#F2EBDA;
	background: #404040;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 15px 0;
	text-align: center;
	border-top: #555555 5px solid;
}

#footer p {
	width:960px;
	padding: 0px;
	margin: 0 auto;
}
		
#footer .misc {
	text-align: left;
}

/* ########## Single Page [single.php] ########## */

.single {
	background: #FFFFFF;
	width: 640px;
	float: right;
	margin: 0;
	padding: 0;
	
}

/* ########## What to do Section ########## */

#more {
	margin: 10px;
	padding: 10px;
	width: 600px;
	border-bottom: dashed 1px #CCCCCC;
}

#more p {
	margin-top: 6px;
	margin-bottom: 6px;
}


#more a, a:link, a:visited {
        color: #333333; 
        text-decoration: none;
}

#more a:hover {
        color: #30bbff; 
}

#more img {
        vertical-align: middle; 
}
	
#more h2 h3 h4 {
	padding: 0 20px;
}

.leftmore {
	float: left;

}

.rightmore {
	/*float: right;*/
	margin-left: 300px;
}

.leftmore ul li {
	list-style: url(images/bullet.gif);
	line-height: 20px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
}

.rightmore ul li {
	list-style: url(images/bullet.gif);
	margin: 0 10px 0 0;
	line-height: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.advance {
	background:#FFFFE6;
}

.advance h3 {
}

/* ########## Headings Section ########## */

h1, h2, h3, h4, h5, h6, h7 {
	line-height: 110%;
	font-family:"Century Gothic", "Lucida Grande", Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	letter-spacing: -1px;
	text-align: left;
	color: #2D2C28;
	font-weight: normal;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 16pt;
}

h3 {
	font-size: 14pt;
}

h4,h5,h6,h7 {
	font-size: 12pt;
}

h1.pagetitle {
	margin: 0 0 10px 0;
}

.tb {
	padding: 20px;
}

.related {
	padding: 20px;
}

h2.sectionhead, #sidebar h2, #midcontent h2, #headerright h2  {
	font-weight: bold;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	height: 20px;
	background: #404040;
	padding: 4px 5px;
	font-size: 10pt;
	letter-spacing: 0;
	margin: 0 0 10px 0;
	/*border-bottom: 3px solid #CCCCCC;*/
}

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
	margin: 30px 0 6px 10px;
        color: #30bbff;
}


/* ########## Links ########## */

a, a:link, a:visited {
	color: #333366;
	text-decoration: none;
	padding: 0;
	font-size: bold;
}

a:hover, a:active {
	color: #30BBFF;
	text-decoration:underline;
}

.entry a, .entry a:link, .entry a:visited, .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {
	border-bottom: dashed 1px #FF6600; 
}

#footer a {
	color: #F2EBDA;
	text-decoration: underline;
}

#footer a:hover {
	background: transparent;
	color: #ffcc00;
	text-decoration: underline;
}

h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited {
	color: #2B2433;
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #30bbff;
	text-decoration:none;
}

        
	
/* ########## Images ########## */

img.alignright {
	float: right;
	clear: right;
	margin: 0 0 5px 10px;
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
}

img.alignleft {
	float: left;
	clear: left;
	margin: 0 10px 5px 0px;
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
}

img.centered { 
	display: block; 
	padding: 2px; 
	margin: 0 auto 20px auto; 
	border: 1px solid #ccc; 
	float: none; 
	clear: both;
}

.entry img {
	padding: 0 0 10px 10px;
}


/* ########## Sidebar ########## */

#sidebar {
	background: #FFFFFF;
}

#sidebar ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 15px;
}

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

#sidebar ul li ul li {
	list-style-type:none;
	background: url(images/bullet.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	border: 0;
	margin: 0 0 1px;
}

#sidebar p {
	padding: 0 5px;
}

#contesticon {
	  background: url(images/trophy.jpg) no-repeat top right;
	  margin-top: -10px;
	  padding-top: 10px;
}

/* ########## Middle Content ########## */

#midcontent {
	background: #FFFFFF;
	margin: 0 0 0 10px;
}

#midcontent ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#midcontent ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#midcontent ul li ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 5px;
}

#midcontent ul li ul li {
	list-style-type:none;
	background: url(images/bullet.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	border: 0;
	margin: 0 0 1px;
}

#midcontent p {
	padding: 0 5px;
}

/* ########## Comment Form ########## */

#commentform {
	border-top:1px solid #F2EBDA;
	border-bottom:1px solid #F2EBDA;
	padding: 15px 15px 1px;
	margin: 0;
	width: 550px;
}

#commentform label {
	display:block;
	margin: 0;
}

#commentform input {
	width: 170px;
	padding: 1px;
	margin: 0px 5px 10px 0;
}

#commentform textarea {
	width: 400px;
	padding: 0;
	margin: 0px 0px 10px 0; 
}

#commentform #submit {
	margin: 0 0 20px 0;
}

#commentform p {
	margin: 5px 0;
}

.meta {
	/*border-bottom: 1px solid #DDDDDD;*/
	margin: 0 0 20px;
}

/* ########## Comments ########## */

#comments {
	padding: 20px;
	width: 550px;
}

#commentmetadata { 
	font-size: 11px;
}

#nocomments { 
	font-size: 11px;
}

#comments h2, #respond h2 {
	color: #30bbff;
	padding-bottom: 10px;
}

ol.commentlist {
	padding: 0;
	margin: 0 0 1px;
}

ol.commentlist li {
	border-top:1px solid #F2EBDA;
	display: block;
	list-style: none;
	padding: 15px 15px 1px;
	margin: 0;
}


ol.commentlist li.commenthead {
	display: block;
	list-style: none;
	padding: 5px 15px;
	margin: 0;
}

ol.commentlist li.commenthead h2 {
	margin: 0;
}

ol.tblist {
	border-top:1px solid #F2EBDA;
	list-style: none;
	padding: 15px;
	margin: 0 0 1px;
}

ol.tblist li {
	display: block;
	list-style: none;
	background:url(images/hotbullet.gif) 0px 2px no-repeat;
	padding-left:15px;
	margin: 0 0 5px;     
}

/* ########## Misc Section ########## */

#misc {
	clear: both;
	float: left;
	width: 960px;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image:url(images/footerbg.jpg);
	background-repeat: repeat-y;
	background-color: #404040;
	border-top: 20px solid #B3ADA1;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #fff;
	border-bottom: #555555 solid 1px;
}

#misc a {
	color: #fff;
}

#misc-divs {
	float: left;
	clear: both;
	margin: 0;
	padding: 20px;
}

#misc-left {
	width: 290px;
	padding: 20px 10px 20px 10px;
	float: left;
}

#misc-mid {
	width:335px;
	padding: 20px 0 20px 10px;
	float: left;
}

#misc-right {
	width: 295px;
	padding: 20px 0 20px 10px;
	float: left;
}
#misc-right img, p{
	margin: 0 10px;
}

#misc h2 {
	margin: 0 8px 10px;
	padding: 0;
	font-size: 18px;
	color: #F2EBDA;
}

#misc h2 span {
	color: #888;
}

#misc ul {
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #555;
}

#misc ul li {
	border-bottom: 1px solid #555;
}

#misc ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 5px;
}

#misc ul li a:hover {
	background: #191919;
}

#misc-sep {
	clear: both;
}


/* ########## Tags & Classes Section ########## */

.orange {
	color: #FFA340;
}

table {
	border: 0;
}


.post ul, .singlepost ul, .post ol, .singlepost ol {
	margin: 15px 30px;
	padding: 0;
	list-style-type: none;
}

.post ul li, .singlepost ul li {
	list-style-type:none;
	background: url(images/bullet.gif) no-repeat 0 2px;
	padding: 0 0 2px 15px;
	border: 0;
	margin: 0;
}

.post ol li, .singlepost ol li {
	list-style-type:decimal;
	padding: 0 0 2px 15px;
	border: 0;
	margin: 0;
}

p {
	margin-top: 0px;
	margin-bottom: 15px;
}

acronym, abbr, span.caps {
	cursor: help;
}

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

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

blockquote { margin: 0 25px 1.5em 25px; color: #666; line-height: 22px; padding: 10px 0 10px 75px; background: url("images/blockquote.gif") 0 0 no-repeat;  border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }

.center {
	text-align: center;
}

a img {
	border: none;
}

.navigation {
	text-align: center;
	margin-bottom: 10px;
	padding: 10px;
}

.entry {
	padding: 10px 0 0 0;
	margin: 0 0 0 -10px;
	line-height: 24px;
}
	
.index-entry {
	font-size:8pt;
}

.postinfo {
clear: both;
	margin: 0px;
	font-size: 8pt;
	padding: 0;
	font-style: italic;
}
	
.postinfo {
	margin: 2px 0;
}

.postinfo2 {    
        clear: both;
	font-size: 8pt;
	margin: 10px 0 0 0px;
}

.singlepost {
	margin: 0 20px 10px 20px;
	padding: 10px 0px 20px 0px;
	line-height: 18px;
	/*background: url(images/splitter.jpg) bottom no-repeat;*/
	border-bottom: dashed 1px #CCCCCC;
}

.post {
	margin: 0 0 10px 0;
	padding: 0 10px 20px;
	line-height: 18px;
	background: url(images/splitter.jpg) bottom no-repeat;
}

code{
	font:1.2em 'Courier New',Courier,Fixed;
}

hr {
	display: block:
	clear:both;
}

a.more-link {
	padding-right:17px;
	background: url(images/hotbullet.gif) 100% 80% no-repeat;
}
        
   

/* ########## Search Bar ########## */

.searchform {
	text-align:right;
	float:right;
	margin: 0;
	padding: 4px 0; 
}

.searchform #s {
	padding-left:2px;
	font-size:8pt;
	width: 140px;
	margin-right: -4px;
	
}

.searchform #submit {
	font-size:8pt;
	padding: 2px;
}

/* ########## Sponsorship ########## */

.clear{
	margin: 0;
	padding: 0;
	clear: both;
}

#contentright #sidebar td {
	border:#CCCCCC solid 1px;
}


.alignleft {
	float: left;
}

.alignright {
	float: right;
}




/*  ########## Feature Post ########## */

.postwarper {
	background: #FFFFFF;
	
}

.featurepost {
	padding: 0 10px 10px;
	line-height: 18px;
	background:url(images/featured.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom: 5px solid #F99750;
}

#midcontent .sectionhead {
	color: #CCCCCC;
}
	
.featurepost h1 {
	margin: 0;
	padding: 0;
}

/*  ########## Tables ##########  */

.entry table {
	margin-bottom:15px;
	padding:auto;
	border:auto;
}

.entry tr, .entry td, .entry th {
	margin:auto; padding:auto; border:auto;
}

.entry td, .entry th {
	padding:0px;
	vertical-align:top;
}

.entry th {
	font-weight:bold;
	background:#E5DFCF;
}

.entry td {
	border:1px solid #E5DFCF;
}

/* ########## Adsense Block ########## */

.adsense-home {
	padding: 0 20px 20px 20px;
}

#adsenseafterpost {
	border-bottom: dashed 1px #CCCCCC;
	margin: 10px 20px 0 25px;
	padding: 0 0 10px 0;
}

#afterfirstpost {
	border-bottom: dashed 1px #CCCCCC;
	margin: 0 20px 20px 20px;
	padding: 0 0 10px 0;
}

#adsensesidebar {
	padding: 0 0 10px 15px;
}

#adsensebottom {
	background: #b3ada1;
	padding-top:10px;
}

/* ########## Author Info ########## */

#authorinfo {
	font-size: 11.5px;
	padding-top: 10px;
	line-height: 18px;
	margin: 15px 10px;
	border-top: dashed 1px #CCCCCC;
}

/* ########## Page Bar Plugin ########## */
.pagebar { 
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
    text-decoration: none;
    font-size: 11px;
}
	

.pagebar a, .pageList .this-page {
    border: 1px solid #404040;
    text-decoration: none;
    padding: 0.2em 0.5em;
}
    

.pagebar a:visited {
    border: 1px solid #404040;
    text-decoration: none;
    padding: 0.2em 0.5em;
}

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

.pagebar .this-page {
    border: 1px solid #404040;
    padding: 0.2em 0.5em;
    font-weight: bold;
    background: #404040;
    color: #fff;
}

.pagebar a:hover{
    border-color: #404040;
    background: #404040;
    color: #fff;
}

/* ########## Misc ########## */
#highlight {
    padding:20px 10px;
    background: #efeee4;
}
#highlight h2 {
    	line-height: 110%;
	font-family:"Century Gothic", "Lucida Grande", Arial, sans-serif;
	margin: 0 0 5px 10px;
	padding: 0;
	letter-spacing: -1px;
	text-align: left;
	color: #30bbff;
	font-weight: normal;
}