/* Theme Name:weProsper Blog Theme URI:http://www.phase2online.com Description:WP weProsper theme designed by Phase2. Version:1.0 Author:Tim Nix Author URI:http://www.phase2online.com This theme was designed and built by Tim Nix. */ /* reset */ html, body, div, span, object, iframe, img, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} /* general */ strong {font-weight: bold;} em {font-style: italic;} .left {float: left;margin-right: 1em;} .right {float: right;margin-left: 1em;} .center {text-align: center;} .clear {clear: both;} .hide {display: none;} .show {display: block;} body {font:75%/150% "Trebuchet MS",Tahoma,Arial; color:#333; background: #cfc9b0 url(images/hands.jpg) repeat-x center top; margin:0px; padding:0px 0px 30px} a{color:#C60; text-decoration:none} a:visited{color:#C63; text-decoration:none} a:hover{color:#F60; text-decoration:underline} img{border:none} p{padding:0px 0px 15px; margin:0px} h1{margin:0px; background:url(images/header-icon.gif) no-repeat; padding-left:70px; height:60px; font:bold 36px/100% "Trebuchet MS",Tahoma,Arial; color:#c9eefe} h1 a, h1 a:visited{color:#c9eefe; text-decoration:none} h1 a:hover{color:#fff; text-decoration:none} h2{color:#d68839; margin:0px 0px 2px; border-bottom:1px dotted #CCC; letter-spacing:-1px; font:normal 190%/100% "Trebuchet MS",Tahoma,Arial; padding-bottom:3px} h2 a, h2 a:visited{color:#d68839; text-decoration:none} h2 a:hover{color:#F60; text-decoration:none} h3{font:normal 140%/100% "Trebuchet MS",Tahoma,Arial; color:#d68839; margin:10px 0px 5px} h4{font:normal 130%/100% "Trebuchet MS",Tahoma,Arial; color:#d68839; margin:10px 0px 5px} form{margin:0px; padding:0px} /* basic */ #mainContainer, #headerContainer, #bodyContainer, #footerContainer, #footerBottom {clear: both; width:760px; margin:0px auto;} #mainContainer { background:url(images/body-bg.jpg) repeat-y center top; margin-bottom:5px;} /* header */ #headerContainer { background:url(images/header-bg.jpg) no-repeat center top; height:121px;} #headerLogo {width:200px; float:left;} #headerLogo h1 {text-indent: -9999px;margin: 0;} #headerLogo a {display: block; width:100%; height:75px;} #headerNav {width:550px; float:right; } #headerNav ul {margin-top:28px; } #headerNav li {list-style: none; border-left: 1px solid #fff; text-align:center; float:left;} #headerNav li a { color: #9e9b92; font-weight: bold; display:block; line-height:32px; padding:0px 25px;} /* body */ #bodyContainer {} #bodyContent { float:left; margin-top:-15px; position:relative;} #rightCol {float: right; width:240px; margin-right:10px;} /* footer */ #footerContainer { background:url(images/footer-bg.jpg) repeat-y center top;} #footerContent {float:left;} #footerBottom { background:url(images/footer-bottom-bg.jpg) no-repeat center top; height:42px;} /* content area */ #content{padding:0px 0px 30px 20px; float:left; width:475px; overflow:hidden} .post{clear:both; padding-top:15px} .post-date{width:45px; height:49px; float:left; background:url(images/date-bg.gif) no-repeat} .post-month{font-size:11px; text-transform:uppercase; color:#FFF; text-align:center; display:block; line-height:11px; padding-top:2px; margin-left:-3px} .post-day{font-size:18px; text-transform:uppercase; color:#999; text-align:center; display:block; line-height:18px; padding-top:7px; margin-left:-3px} .post-title{float:left; margin-left:10px; width:420px} .entry{clear:both; padding-top:10px} .post-cat{background:url(images/mini-category.gif) no-repeat; padding-left:20px; float:left; font-size:95%; color:#999} .post-comments{background:url(images/mini-comments.gif) no-repeat; padding-left:20px; float:right; font-size:95%} .post-calendar{background:url(images/mini-calendar.gif) no-repeat; padding-left:20px; float:right; font-size:95%; color:#999} .mini-add-comment{background:url(images/mini-down-arrow.gif) no-repeat; padding-left:18px; float:right} .navigation{clear:both; padding:10px 0px} .navigation a, .navigation a:visited{color:#59770e} .previous-entries a{float:left; padding-left:18px; background:url(images/mini-nav-left.gif) no-repeat left center} .next-entries a{float:right; padding-right:18px; background:url(images/mini-nav-right.gif) no-repeat right center} /* comments area */ #comments, #respond{border-bottom:1px dotted #CCC; padding:10px 0 5px 0; clear:both} .commentlist{margin:10px 0px; padding-left:20px; line-height:130%} .commentlist li{padding:5px 10px} .commentlist .alt{background:#f3f1eb} .commentlist cite{font-weight:bold; font-style:normal; font-size:120%; color:#C60} .commentlist cite a, .commentlist cite a:visited{color:#C60} .commentlist small{margin-bottom:5px; display:block; font-size:87%} #commentform{margin-top:10px; font:110% Arial,Helvetica,sans-serif} #commentform p{padding:6px 0px; margin:0px} #commentform label{color:#787878; font-size:87%} #commentform input{width:200px; background:#f9f8f5; border:1px solid #f3f1eb; padding:3px; margin-top:3px} #commentform textarea{width:460px; height:115px; background:#f9f8f5; border:1px solid #f3f1eb; padding:2px; margin-top:3px} #commentform textarea:focus, #commentform input[type="text"]:focus{background:#fff} #commentform #submit{background:url(images/btn-bg.gif) no-repeat; font:bold 12px Arial,Helvetica,sans-serif; color:#FFF; border:none; float:right; width:144px; height:28px; cursor:pointer} /*sidebar */ #sidebar{float:right; padding:0px 10px 20px 0px; width:220px; color:#e8e4d9; overflow:hidden} /*sidebar title (h2) */ #sidebar h2, #sidebar .sidebartitle{font:normal 140%/100% "Trebuchet MS",Tahoma,Arial; color:#b6dff6; margin:20px 0px 2px; border-bottom:1px solid #a1c0cd} /*sidebar text styles */ #sidebar a, #sidebar a:visited{color:#e8e4d9; text-decoration:none} #sidebar a:hover{color:#F60; text-decoration:none} /*sidebar list level1 */ #sidebar ul{margin:0; padding:0} #sidebar ul li{list-style:none; margin:0; padding:0; border:none} /*sidebar list level2 */ #sidebar ul li ul{padding:0; margin:0} #sidebar ul li ul li{padding:2px 0 2px 0px; border-bottom:1px solid #72a1b3} /*sidebar list level3 */ #sidebar ul li ul li ul li{padding:1px 0 1px 10px; border:none} /*blogroll */ ul.list-blogroll li{background:url(images/mini-blogroll.gif) no-repeat !important; padding-left:16px !important} /*category widget */ ul.list-cat li, li.widget_categories li{background:url(images/mini-category.gif) no-repeat !important; padding-left:20px !important} /*archives widget */ ul.list-archives li, li.widget_archives li{background:url(images/mini-monthly-archive.gif) no-repeat !important; padding-left:20px !important} /*pages widget */ ul.list-page li, li.widget_pages li, li.widget_recent_entries li{background:url(images/mini-page.gif) no-repeat !important; padding-left:20px !important} /*sub-pages */ ul.list-page li ul li, li.widget_pages li ul li{background:url(images/mini-page-arrow.gif) no-repeat !important; padding-left:10px !important} /*recent comments widget */ li.widget_recent_comments li{background:url(images/mini-recent-comments.gif) no-repeat !important; padding-left:20px !important} /*calendar widget */ li.widget_calendar td{padding:1px 7px} /*text widget */ .textwidget{padding-top:5px} /*search form */ #searchform{margin:15px 0 0} #searchform br{display:none} #searchform #s{ width:135px; height:22px; padding:4px 5px 0px 5px; border:1px solid #1f6678; background:#fff; margin-right:2px; color:#000; font-weight:normal} /* search form button - to specify button only use input[type="submit"] */ #searchform input{background:url(images/search-btn-bg.gif) no-repeat; border:none; width:67px; height:26px; font:bold 12px Arial,Helvetica,sans-serif; color:#FFF; vertical-align:middle} /* footer area */ #footer{clear:both; color:#1f6678; font-size:95%; line-height:130%;} #footer a, #footer a:visited{color:#9b9784} #footer h4{font:normal 146%/100% "Trebuchet MS",Tahoma,Arial; color:#467d53; margin:10px 0px 5px} .footer-recent-comments{width:240px; float:left; margin-left:10px;} .footer-recent-comments ul{list-style:none; margin:0px; padding:0px} .footer-recent-comments ul li{background:url(images/mini-footer-comments.gif) no-repeat; padding:0px 0px 10px 20px} .footer-recent-posts{width:240px; float:left; margin-left:10px;} .footer-recent-posts strong{font-size:107%; line-height:135%; font-weight:bold} .footer-recent-posts ul{list-style:none; margin:0px; padding:0px; font-size:92%; line-height:110%} .footer-recent-posts ul li{background:url(images/mini-footer-post.gif) no-repeat; padding:0px 0px 10px 20px} .footer-about{width:220px; float:right; padding-right:10px; padding-left:10px; margin-right:10px;} #footer .footer-about h4 {color:#306a82;} #footer .footer-about a, #footer .footer-about a:visited {color:#676458;} /* credits */ #credits{margin:0px auto; width:760px; color:#1f6678; font-size:85%; line-height:120%} #credits a, #credit a:visited{color:#1f6678} .rss{background:url(images/mini-rss.gif) no-repeat left center; padding-left:18px; padding-bottom:2px; margin-left:8px} .loginout{background:url(images/mini-loginout.gif) no-repeat left center; padding-left:18px; padding-bottom:2px; margin-left:8px} /* alignments */ .center{text-align:center} img.center, img[align="center"]{display:block; margin-left:auto; margin-right:auto} .alignleft{float:left} img.alignleft, img[align="left"]{float:left; margin:2px 10px 5px 0px} .alignright{float:right} img.alignright, img[align="right"]{float:right; margin:2px 0px 5px 10px} .clear{clear:both} hr.clear{clear:both; visibility:hidden; margin:0px; padding:0px}