/*
Theme Name: procreative
Theme URI: http://www.templatesold.com/
Description: TemplateSOLD.com - The Marketplace for Premium WordPress Themes
Version: 1.0
Author: TemplateSOLD/TemplateAccess.com
*/
/*=== Setup ===*/
.blue{color:#6699CC}
* { border:0; margin:0 auto; padding:0; outline:none; }
body { margin-top:-27px; padding:0; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:13px; background:#FFF; }
a { color:#6c6b6b; text-decoration:none; }
a:hover { text-underline; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:5px 0 0; margin:0 0 5px; border-bottom:1px dashed #d5d5d5; height:2px; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:Arial, Verdana, Helvetica, sans-serif; }
li { list-style:none; }
h2 { color:#494848; font-weight:normal; letter-spacing:-1px; padding:10px 0 0; margin:0 0 .5em; font-size:24px; }
h3 { padding:20px 0; color:#fff; font-size:36px; margin:0; float:left; font-weight:normal; }
h4 { font-size:16px; margin:0 0 1em; }
p { margin:8px 0 0; padding:0 0 8px; }
/*=== Layout ===*/
.resize { width:960px; margin:0 auto; padding:0;}
#page_index { margin:0; padding:0; background:#fff url(images/page_index_bg.jpg) top center repeat-x; }
#page { margin:0; padding:0; background:#ececec url(images/page_bg.jpg) top center repeat-x; }
/*=== Header ===*/
#header { margin:0 auto; padding:0; width:960px; }
/*- Logo -*/
.logo { margin:40px 0 0 0; padding:5px 0 10px 45px; float:left; width:auto;}
.logo h1 { margin:0; padding:0; width:auto; font-size:36px; font-weight:normal; line-height:1.1em; color:#757575; }
.logo h1 a { color:#454545; }
.logo h1 a:hover { text-decoration:none; }
.logo small { display:block; margin:0; padding:0; color:#b7b7b7; font-size:11px; font-weight:normal; line-height:1em;  }
/* blog title */
.blog_title { margin:35px 0 0 0; float:right; width:610px; height:42px; background:#000 url(images/menu_res_bg.gif) top repeat-x; border-top:1px solid #000; border-left:1px solid #212121; border-right:1px solid #1d1d1d; border-bottom:1px solid #2e2e2e;}
/*=== All Columns ===*/
#columns { margin:0 auto; padding:10px 0; background:url(images/columbs_bg.gif) top repeat-x; background-color:#FFF}
/*=== Center Column ===*/
#centercol { float:left; width:960px; padding:10px 20px 0 0; margin:20px 0 0 0; }
/*=== Right Column ===*/
#rightcol { float:left; width:268px; border-left:1px dashed #b3b3b3; padding:10px 0 0 30px; margin:20px 0 0 0; }
.box { margin:0 0 20px 0;}
.small_link { font-size:12px; font-weight:bold; text-transform:none; padding:5px 0; text-align:center; clear:both; }
.small_link a { color:#747474; font-weight:bold; text-decoration:none;  }
/*- Post Title -*/
.post-title { padding:0; margin:0;  }
.post-title h2 { font-size:24px; color:#282828; font-weight:bold; padding:15px 0; border-bottom:1px dashed #b3b3b3;}
.post-title h2 a { display:inline; padding:0; margin:0; color:#282828; text-decoration:none; }
/*- Post Excerpt -*/
.post-excerpt { padding:10px 0; font-size:12px; color:#868686; margin:0; }
.post-excerpt p { line-height:1.6em; margin:0; }
.post-excerpt a { color:#868686; text-decoration:underline; font-weight:bold; }
/*- Post Date -*/
.post-data { padding:5px 10px; font-size:11px; line-height:16px; color:#868686; background:#e2e2e2; margin:10px 0; }
.post-data a { color:#216d74;}
/* post-leav */
.post-leav { color:#a13d3d; padding:0 10px 0 0; float:left;}
.post-leav a  { color:#868686; font-weight:normal; font-size:11px; background: url(images/a_bg.gif) top repeat-x; text-decoration:none; border:1px solid #dcdcdc; padding:3px 4px;}
/* post-view */
.post-info .post-view { margin:0; padding:0; color:#0a9dd3; }
.post-info .post-view a { color:#0a9dd3; }
.post-info .post-view a strong { color:#0a9dd3; }
/* popular-post */
.popular-post {}
.popular-post img { padding:4px; background:#fff; border:1px solid #c3c3c3; float:left; margin:0 10px 0 0;}
.popular-post ul { font-size:11px; color:#868686; text-decoration:none; text-transform: none;}
.popular-post a { font-size:11px; text-transform:none; color:#216d74; list-style:none;}
.popular-post ul li { border-bottom:1px dashed #b3b3b3; min-height:80px;  padding:10px 0;}
/*- Widget Title - */
.wtitle { margin:0 0 15px; padding:0;}
.wtitle h2 { font-size:24px; color:#282828; font-weight:bold; padding:15px 0; border-bottom:1px dashed #b3b3b3;}
/*=== Ralated Post and Popular Post ===*/
.subcols { }
.cols { float:left; width:260px; margin:0 30px 20px 0; }
.cols li { border-bottom:1px dashed #CCC; clear:both;}
.cols.popular-posts li {min-height:55px;}
.cols a:hover { text-decoration:underline;}
.cols img { float:left; margin:0 10px 0 0; max-height:50px; max-width:50px;}
/* sidebar widget */
.widget_posts {}
.widget_posts li { border-bottom:1px solid #CCC; clear:both; padding:5px 0; }
.widget_posts.popular-posts li { min-height:50px; }
.widget_posts li .wppnothumb img, .widget_posts li img.wpp-thumbnail { float:left; max-height:50px; max-width:50px; margin:0 10px 0 0;}

/*== Single ==*/
/*- Comment Box -*/
.comment_box { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:445px;}
.comment_box.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:445px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:445px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}

/*=== Index page ===*/
/* top block */
.block_top {  padding:5px 20px; margin:0; }
.block_top p { font-family:Arial, Helvetica, sans-serif; color:#000; font-style:normal; font-size:20px; }
.block_top p span { color:#5ba1a7; font-size:12px; text-transform:none; }
.block_top a { display:block; padding:5px 0 0; }
.block_top img { padding:5px 0 0 0;}
/* header_blog_bg */
.header_blog_bg { background:url(images/header_blog_bg.gif) top repeat-x; padding:0; margin:0;}
.header_blog.last { float:right; background:none;}
.header_blog { float:left; padding:10px 20px 10px 5px; margin:10px 20px 10px 0; width:270px; background: url(images/body_blog_bg.gif) right center no-repeat;}
.header_blog h2 { font-size:14px; text-transform:none; color:#393939; font-weight:bold;}
.header_blog p { font-size:11px; line-height:1.8em; color:#868686;}
.header_blog img { float:left; margin:10px 10px 0 0;}
.header_blog a { color:#575e62; font-size:11px; text-decoration:none; font-weight:bold;}
/* index */
.index { padding:0; color:#666666; font-size:13px; width:960px; }
.index h2 { font-size:24px; color:#000; font-weight:bold; padding:15px 0 0 0;}
.index img { margin:10px 0; padding:5px; background:#fff;}
.index img.social { float:left; margin:0 5px 10px 0; padding:0;}
.index img.recent { float:left; margin:0 10px 0 0; padding:4px; background:#f9f9f9; border:1px solid #d0d0d0;}
.index span { font-size:12px; color:#6699CC; float:right; text-align:right;}
.index a { color:#6699CC; font-weight:normal; font-size:13px; text-decoration:none;}
.index .left { float:left; width:500px;}
#index_Testimonials{ float:right; width:400px;}
#index_Testimonials ul {list-style:none; margin:0; padding:0;}
#index_Testimonials li {margin:0; padding:10px 0 10px 0; border-bottom:#CCCCCC thin dashed;}
#index_Testimonials .text{
color:#666666;
font-style:italic;
margin:0;
padding:0;
display:table-cell; vertical-align:middle;
}

/*=== Footer ===*/
#page_bottom { background:#232323 url(images/page_bottom_bg.gif) top repeat-x; margin:0;}
.footer_resize { width:966px; margin:0 auto; }
/* box footer */
.box_footer { padding:20px 0; }
.box-col { width:205px; padding:0 10px; float:left; color:#535353; font-size:11px; line-height:1.8em; }
.box-col.box_1 { width:143px; }
.box-col.box_2 { width:225px; }
.box-col.box_3 { width:225px; float:right; }
.box-col h2 { color:#ececec; font-size:18px; padding:20px 0; font-weight:bold; border-bottom:1px dashed #616161; }
.box-col span { color:#535353; }
.box-col a { color:#868686; }
.box-col li { border-bottom:1px dashed #616161;}
.box-col a:hover { color:#535353; text-decoration:underline; }
.box-col ul.icons { }
.box-col ul.icons li { float:left; padding:10px 2px; }
/* footer */
#footer { color:#535353; text-decoration:none; font:normal 11px Arial, Verdana, Helvetica, sans-serif; background:#1e1e1e; border-top:1px solid #313131;}
#footer a { color:#535353; font-weight: bolder; }
#footer a:hover { text-decoration:underline;}
#footer span { color:#535353; }
#footer img { float:right; margin:0 4px 0 0; padding:22px 0 0 0;}
#footer .text2 { padding:20px; line-height:1.8em; }
#footer .text1 { padding:20px;  float:left; line-height:1.8em; }
/*=== Modules ===*/
/* Search */
.search { width:200px; padding:25px 0 0 0; float:right; }
#search span { width:200px; display:block; margin:0; padding:0; float:left; background:#ebebeb; border:1px solid #29595d; height:29px; }
#search input#s { float:left; width:140px; padding:8px 10px; margin:0; border:0; background:none; color:#a3a3a3; text-transform:none; font:bold 11px/13px Arial, Verdana, Helvetica, sans-serif; }
#search .btn { float:right; padding:0; margin:0; border:0; width:auto; }
/*rss*/
.rss { width:70px; margin:18px 0 0 20px; float:right; padding:0 2px; line-height:1.1em; color:#fff; font-size:14px; font-weight:bold; }
.rss img { padding:1px 5px 1px 2px; float:left; }
.rss p { font-size:14px; float:right; color:#fff; text-decoration:none; padding:4px 0 0; font-weight:bold;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0; padding:5px; background:#fff; border:1px solid #ccc; }
.pic.fl img { float:left; margin:10px 10px 10px 0; }
.pic.fr img { float:right; margin:0 0 10px 10px; }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; max-width:40px; }
.ads img { margin:5px 3px 0 0; }
.banner img { margin:0; border:1px solid #cecece; }
.widget_flickrRSS img { padding:4px; background:#fff; border:1px solid #d6d6d6; margin:5px 1px 0 0; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; padding:5px 0 0; text-align:center; }
.ar { text-align:right; }
.noBorder { border:0; }

/*=== My CSS ===*/

#bottomBar{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
background-color:#000;
height:20px;
width:100%;
padding-top:7px;
margin:0 auto;
}
#bottomBar ul{
margin:0 auto;
list-style:none;
display:inline;
}
#bottomBar li{
float:left;
margin-right:20px;
}
#bottomBar li.last{
margin-right:0;
}

form.contact{border:#CCC thin solid; margin:0 auto; padding:10px; width:385px; float:left}

.input360{
border: 1px solid #CCC;
background-color:#F2F2F2;
color:#666666;	
font-size:12px;
width:360px;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px;
margin:0 0 10px 0;
}

.formBtn{
border:thin solid #666666;
background:#333333;
font-size:12px;
width:100px;
color:#FFFFFF;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px;
margin:0;
cursor:pointer;
}