/*  
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: 15px 0px 25px 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: 5px; }

.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;}


/*  Leaderboard +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SyndicateBG { width: 100%; float: left;}
.Syndicate { width: 900px; position: relative; clear: left; margin: 0 auto; border-top: solid 1px #717b87; padding: 20px 0px;}


.SyndicateList { position: absolute; right: 0px; top: 0px; width: 160px; padding-left: 10px; text-align: left;}
.SyndicateList ul { padding: 0px; margin: 20px 0px;}
.SyndicateList li { padding: 0px; margin: 0px; list-style-type: none; font-size: 10px; font-weight: bold;}
.SyndicateList li a { background: url(images/SyndicateListBkg.gif) no-repeat left top; height: 14px; padding: 6px 5px 4px 5px; margin: 0px 0px 5px 0px; display: block;}
.SyndicateList li a { background: url(images/SyndicateListBkg.gif) no-repeat left top;}
.SyndicateList li a:hover { background: url(images/SyndicateListBkg.gif) no-repeat left bottom; text-decoration: none; }

/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container-bg { width: 100%;}
.container { width: 960px; position: relative; clear: left; margin: 0 auto; border-top: solid 1px #ccc; padding-top: 30px;}

/* Central Column
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { float: left; width: 550px;}


.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: 380px; background: #e4effc;}
.SR h3 { font: bold 14px/14px 'Arial'; letter-spacing: -1px; padding: 6px; color:#2f3337; background: #e4effc;}
.SR ul { border-top: solid 1px #eceff2; padding-left: 6px;}
.SR li { padding: 6px 0px 2px 7px; border-bottom: solid 1px #eceff2; background: url(images/widget-li.png) no-repeat left 8px;}

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

.SR .widget { margin-bottom: 20px;}
.p-adsense { margin-left: 10px; }
.widget h3 { font: bold 14px/14px 'Arial'; letter-spacing: -1px; padding: 6px; color:#2f3337; background: #e4effc;}

/* Right - First Column */
.SR .SRL { float: left; width: 180px;}

/* Right - Second Column */
.SR .SRR { float: right; width: 170px; margin-left: 20px; padding-right: 6px;}
 
 
/* Extra Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.extra-bg { width: 100%; float: left; background: #003399; 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:#95c5e8; }
.extra li a:hover { color:#fff4ca; }
.extra div { width: 300px; float: left;}
.extra p { color: #ffffff; }


/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer-bg { width: 100%; float: left; background: #000066;  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 a, .footer p a:visited, .footer p a:hover {color:#2e498e; text-decoration: underline;}