/*  

Theme Name: BloggingPro

Theme URI: http://designdisease.com/

Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://smashingmagazine.com">Smashing Magazine</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>

Version: 2.0

Author: Design Disease

Author URI: http://designdisease.com/

Tags: white, orange, blue, three columns, fluid width, widgets

*/



/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

body { background: #fff; font: normal 12px "Verdana", sans-serif; color:#535353; }

input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }

legend { display: none; }

fieldset { border: none; }

ul, ol { list-style: none; }

ol { list-style-type: decimal;}

table { border-collapse: collapse; width: 100%; }

hr { display: none; }

img { padding: 0px; margin: 0px; border: none; text-align: center;}



a:link { text-decoration: none; color : #3366cc; border: 0px; -moz-outline-style: none;}

a:active { text-decoration: underline; color : #3366cc; border: 0px; -moz-outline-style: none;}

a:visited { text-decoration: none; color : #3366cc; border: 0px; -moz-outline-style: none;}

a:hover	{ text-decoration: underline; color : #ff5a00; border: 0px; -moz-outline-style: none;} 

a:focus { outline: none;-moz-outline-style: none;}



h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#bgcontain { width: 100%; background: url(./images/bkg_bgcontain.png) repeat-x;} 



/* Header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header-bg { width: 100%; background: #fff url(./images/bkg_body.png) repeat-x; overflow: hidden;}

.header { width: 960px; position: relative; margin: 0 auto;}



.logo { padding: 1px 0px 0px 0px;}

.logo .txt h1 { font: bold 40px/38px "Arial"; letter-spacing: -2px; padding-bottom: 5px; }

.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#ff5a00;}

.logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#999;}

.logo .img img { margin-bottom: -2px; }



.top-menu { overflow: hidden; height: 33px;}

/**/ * html .top-menu { height:1%; height: 33px;} /* */ 

.top-menu ul { border-left: solid 1px #76acd3; float: left; margin: 8px 0px; }

.top-menu li { font: bold 11px/13px 'Arial'; padding: 1px 5px; display: inline; border-right: solid 1px #76acd3; float: left;}

.top-menu li a, .top-menu li a:visited, .top-menu li a:hover { color:#fff;}



.search { width: 375px; background: #000 url(./images/SearchBkg.png) no-repeat right top; position: absolute; right: 0px; top: 0px;}

.search form { padding: 47px 0px 28px 35px;}

.search input { float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 5px; width: 236px; color:#000066;}

.search button { float: left; background: url(images/search-button.png) no-repeat; width: 63px; height: 24px; border: none; cursor: pointer; color:#fff; font-size: 11px; font-weight: bold; vertical-align: middle; padding-top: 2px; padding-bottom: 5px;}





/* Container

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.container-bg { width: 100%;}

.container { width: 960px; position: relative; clear: left; margin: 0 auto; border-top: solid 1px #ccc; padding-top: 15px;}



/* Central Column

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { float: left; width: 550px;}



/* .SC { float: none; width: 100%;} -->old one */



.title { font: normal 26px/26px 'Arial'; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #ccc solid;}



/* Posts

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post {}



.p-head { overflow: hidden; padding-left: 45px;}

.p-head h1 { font: normal 24px/24px 'Arial'; letter-spacing: -1px;}

.p-head h1 a, .post h1 a:visited  { color: #ff5a00; text-decoration: none; }

.p-head h1 a:hover { color: #003399; text-decoration: none;}



.p-head h2 { font: normal 21px/21px 'Arial'; letter-spacing: -1px;}

.p-head h2 a, .post h2 a:visited  { color: #ff5a00; text-decoration: none; }

.p-head h2 a:hover { color: #003399; text-decoration: none;}



.p-categ { color: #999; font-size: 11px; }

.p-categ a, .p-categ a:visited, .p-categ a:hover { text-decoration: underline; color: #999;}



.p-date { position: absolute; left: 0px; text-align: center; padding-right: 10px; margin-right: 10px; border-right: solid 1px #ccc;}

.p-date .day { font: normal 24px/22px 'Arial'; color: #666; margin-bottom: 3px; display: block; }

.p-date .month { display: block; background: #f1f1f1; color: #999; font: normal 10px/10px 'Verdana'; padding: 2px; text-transform: uppercase;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.p-con { padding: 10px 0px;}

.p-con p { font: normal 12px/18px "Verdana"; padding: 4px 0px; margin: 4px 0px;}

.p-con ol { list-style: decimal inside; }

.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }

.p-con ol li { padding: 2px 0px 2px 0px; }

.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }

.p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }

.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }

.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }

.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}



.p-det { text-align: left;}

.p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;}

.p-det li.p-det-com { background: url("images/p-det-cat-ico.png") left center no-repeat; }

.p-det li.p-det-tag { background: url("images/p-det-tag-ico.png") left center no-repeat; }

.p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px;}



.wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }

.wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }



/* Images

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.p-con img { padding: 0; max-width: 100%; }

.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 3px; border: solid 1px #e4e4e4;}

.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 1px #e4e4e4; padding: 3px; }

.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 1px #e4e4e4; padding: 3px;}

.p-con .alignright { float: right; }

.p-con .alignleft { float: left }



/* Navigation

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.nav { overflow: hidden; padding-bottom: 30px;}

.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 2px; padding-left: 17px; }

.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 2px; padding-right: 17px; }

.nav a, .nav a:visited { color:#ff7e00; cursor: hand; font: bold 11px/14px "Verdana"; letter-spacing: -1px; }

.nav a:hover { color:#4779ac; }







/* Comments

############################################################################################################## */

.comments-list { padding-top: 20px;}

.comments-list h2 { color:#272d36; font: normal 19px/19px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 30px;}

.comments-list div.entry { margin-bottom: 30px;}

.comments-list div.alt { margin-bottom: 30px;}

.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000; padding-top: 10px;}

.comments-list p.avt { padding: 0px; margin: 0px; float: right;}

.comments-list p.avt img { border: solid 1px #ccc;}

* html .comments-list p.avt { left: -60px; }

.comments-list p.date { font-size: 11px; margin-bottom: 5px; border-bottom: solid 1px #ccc; padding-bottom: 10px;}

.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;}



.comments-list .con { font: normal 12px/17px "Verdana"; color:#333;}

.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}

.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }

.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }





/* Comments Form

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.comments-form-all { background: #d5e7f8 url(images/comments-form-bot.png) no-repeat left bottom; padding-bottom: 5px;}

.comments-form { margin: 10px 0px; background: #d5e7f8 url(images/comments-form-top.png) no-repeat left top; padding: 20px 20px 5px 20px;}

.comments-form h3 {color:#272d36; font: normal 19px/19px "Arial"; letter-spacing: -1px; padding-bottom: 10px; border-bottom: solid 1px #9ec9f2; margin-bottom: 10px;}

.comments-form p { padding: 7px 0px; color:#333;}

.comments-form .required { font-weight: normal; color:#ff0000;}

.comments-form input { padding: 5px; width: 250px; margin-right: 5px; }

.comments-form input.formid { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}

.comments-form input.formemail { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}

.comments-form input.formuri { border: 1px solid #7eb1e1; background: #fff; padding: 5px; color:#333;}

.comments-form textarea { border: 1px solid #7eb1e1; background: #fff; padding: 5px; width: 490px; color:#333;}

.comments-form .button { background: url(images/SubmitComment.png) no-repeat left top; text-indent: -50000px; width: 80px; height: 26px; border: none; display: block;}





/* Right Column

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.SR { float: right; width: 370px; margin-bottom: 20px;}

.SR h3 { font: bold 14px/14px 'Arial'; letter-spacing: -1px; padding: 4px; color:#2f3337; background: #e4effc;}

.SR ul { border-top: solid 1px #eceff2; }

.SR li { padding: 2px 0px 2px 7px; border-bottom: solid 1px #eceff2; background: url(images/widget-li.png) no-repeat left 8px;}



.SR .syndicate { margin-bottom: 20px;}

.SR .ads { margin-bottom: 10px;}

.SR .syndicate li { background: url(images/rss-ico.png) no-repeat left 4px; padding-left: 15px;}



.SR .widget { margin-bottom: 20px;}





/* Right - First Column */

.SR .SRL { float: left; width: 180px; margin-left: 5px;}



/* Right - Second Column */

/* .SR .SRR { float: right; width: 170px; margin-left: 20px; } --> old one */

.SR .SRR { float: right; width: 180px; margin-left: 5px; background-color:#ffffff; text-align:center; }

 

 

/* Extra Footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.extra-bg { width: 100%; float: left; background: #003399 url(./images/linebg.png) repeat-x; padding: 25px 0px;}

.extra { width: 960px; margin: 0 auto; }

.extra h3 { font: normal 19px/19px 'Arial'; letter-spacing: -1px; color:#fff; padding-bottom: 10px; margin-bottom: 10px;}

.extra ul { border-top: solid 1px #0f41a4;}

.extra li { color:#fff; padding: 3px 0px 3px 8px; background: url(images/extra-li-ico.png) no-repeat left 8px; border-bottom: solid 1px #0f41a4; font-size: 11px;}

.extra li a, .extra li a:visited { color:#0065CC; }

.extra li a:hover { color:#fff4ca; }

.extra div { width: 300px; float: left;}





/* Footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer-bg { width: 100%; float: left; background: #0065cc;  padding: 15px 0px;}

.footer { width: 960px; position: relative; clear: left; margin: 0 auto; }

/* .footer p { padding: 1px 0px; color:#2e498e; font-size: 10px; } */

.footer p { padding: 1px 0px; color:#ffffff; font-size: 10px; }

.footer p a, .footer p a:visited, .footer p a:hover {color:#ffffff; text-decoration: underline;}

/* hide footer smiley */

img#wpstats{display:none}



pre{

     background:#FBF7D9 none repeat scroll 0 0;

     border:1px solid #F6F3D3;

     color:#993300;

}


/* folio custom css */
#folio_thumb_container{
	padding:5px;
	border: 2px dashed #0065CC;
	text-align:center;
}

#folio_thumb_container img{
	margin: 5px; padding: 3px;
	width:210px;
	height:170px;
}

.folio_thumb{
	 border: solid 1px #e4e4e4;
	float:left;
	text-align:center;
	padding-bottom: 5px;
	margin: 4px 4px;
	width: 226px;
}

/* folio custom css end */