/*  
Theme Name: Custom
Theme URI: 
Description:
Version: 
Author: 
Author URI: http://coolvibe.com
*/

body {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background-color: #C7C0B1; background-image:url(images/bg.png); background-repeat: repeat-x;}
#header {width: 1000px; margin: 0px auto 30px; background-color: #333; height:129px;}
/*.center {width: 1000px; margin: 30px auto 30px; padding: 0;}*/
#header .logo {float: left; padding: 10px 0 0 10px; width: 260px;}
#header .logo .description {margin: 30px 0 0 0; font-size: 12px; color: #fff}
#header .nav {float: left; width: 100px; margin: 0 0 0 15px; padding: 5px 0 0 15px; height: 124px; border-left: 1px dotted #666; border-right: 1px dotted #666; background-color: #222}
#header .nav a {font-size: 14px; color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 2px 0 3px 0}
#header .nav a:hover {color: #FF9900; text-decoration: none;}
#header .nav a img {border: 0; vertical-align: middle; padding: 0 3px 3px 0}
#header .ads {float: right; margin-bottom: 20px;}
#main {margin: 10px auto 0px; width: 1000px;}
img {border: none;}
.entry {line-height: 20px;}
.highlight-author {background-color: #DBFF91;}
.alt {}
/* #twitter-follow {border: 0;position: fixed; top: 300px; right:0;} */
.gallery {margin: 0; padding: 0;}
.gallery p {margin: 0; padding: 0;}
.gallery-item {float: left; margin: 0; padding: 0}
.gallery-item a {text-decoration: none; border: 2px solid #fff; display:block; width: 194px; height: 120px;}
.gallery-item a:hover {text-decoration: none; border: 2px solid #bb0000}
.gallery img {border: none; width: 194px; height: 120px}
.gallery-caption {margin-left: 0;}
.gallery dt {margin: 0; padding: 0;}
.gallery dl {margin: 0; padding: 0;}
#content {width: 1000px;}
#content .more a {margin: 10px 0 30px 0; float: right; font-size: 24px; padding: 0 2px 0 2px; background-color:#cc0000; text-decoration: none; color:#fff;}
#content .more a:hover {text-decoration: none; background-color:#fff; color:#cc0000}
#content .entry {}
#content .entry .entrypost {margin: 5px 0 0 0; background-color: #fff; color: #000; padding: 5px;} 
#content .entry .entrypost h3 {margin: 10px 0 2px 0; padding: 0; color: #af0000; font-size: 16px;} 
#content .entry .entrypost a, #content .entry .entrypost a:visited {color: #000; text-decoration: none; font-weight: bold;}
#content .entry .entrypost a:hover {color: #cc0000; text-decoration: none; font-weight: bold;}
#content .entry .entrydetails {margin: 10px 0 0 0; background-color: #fff; padding: 5px 5px 5px 5px; height: 160px}
#content .entry .entrydetails .section {width: 240px; float:left; margin: 0 20px 0 0; font-size: 14px; font-weight:bold; color:#ccc; text-transform:uppercase}
#content .entry .entrydetails .section h2 {margin:0 0 3px 0; padding:0; font-size: 14px; color: #000;}
#content .entry .entrydetails .section a {color: #fff; text-decoration: none; padding: 0 2px 0 2px; background-color:#bb0000;}
#content .entry .entrydetails .section a:hover {color: #000; text-decoration: none; background-color:#fff; padding: 0 2px 0 2px}
#content .entry .entrydetails .section-s {width: 300px; float:left; margin: 0 20px 0 0;}
#content .entry .entrydetails .section-s h2 {margin:0 0 3px 2px; padding:0; font-size: 14px; color: #bb0000; text-transform:uppercase}
#content .entry .entrydetails .section-s ul {margin: 0; padding:0; list-style: none; font-size: 14px; color:#888;}
#content .entry .entrydetails .section-s li {margin: 0 0 5px 0; border-bottom: 1px dotted #999; padding: 0 0 0 3px}
#content .entry .entrydetails .section-s li a {color: #000; text-decoration: none; background-color: none;}
#content .entry .entrydetails .section-s li a:hover {color: #666; text-decoration: none; }
#content .entry p {margin: 0 0 0 0; padding: 0}
#content .thumb {float: left; margin: 5px 5px 0 0; padding: 0;}
#content .thumb a {text-decoration: none; border: 2px solid #fff; display:block; width: 210px; height: 140px;}
#content .thumb a:hover {text-decoration: none; border: 2px solid #333}
#content .sub {font-size: 12px; color: #666;}
#content .sub a, #content .sub a:visited {color: #000; text-decoration: none;}
#content .sub a:hover {color: #000; text-decoration: underline;}
#content .post {margin: 0 0 0 0; clear:both;}
#content .post h1 {font-size: 36px; color: #000; text-transform:uppercase; font-weight: bold; margin: 20px 0 -1px 0; text-align:right}
#content .post h1 a {color: #000; text-decoration: none}
#content .post h1 a:hover {color: #666;}
#content .post .headline {background-color: #fff; padding: 0 2px 0 2px;}
#content .post .subheader {background-color: #fff; padding: 0 2px 0 2px; font-size: 12px; text-transform:uppercase; color:#000; font-weight:bold; margin: 0 0 5px 0; text-align:right} 
#content .post .subheader a, #content .post .subheader a:hover {color: #000; text-decoration: none;}
#content .return {float: left}
#content .return a {font-size: 20px; color: #000; display: block; padding: 1px 3px 1px 3px; text-decoration: none; background-color: #fff;}
#content .return a:hover {background-color: #000; color: #fff;}
/* Safari hack for h1   */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content .post h1 {font-size: 36px; color: #000; text-transform:uppercase; font-weight: bold; margin: 20px 0 -1px 0; text-align:right}
} /* end Safari hack */
.navigation {clear: both; margin: 20px 0 20px 0;}
.navigation .button a {margin: 10px 0 30px 0; float: right; font-size: 24px; padding: 2px; background-color:#fff; text-decoration: none; color:#000;}
.navigation .button a:hover {text-decoration: none; background-color:#000; color:#fff}
form {display: inline; margin-top: 40px;}
#commentform {height: 220px;}
#commentform .data {color: #000; border: 1px solid #999; background: none; margin: 0; padding: 3px; font-size: 20px; width: 200px}
#commentform input {background: #fff; color: #000; padding: 3px; margin: 2px 0 0 0;}
#commentform textarea {color: #000; width: 750px; height: 200px; border: 1px solid #999; background-color: #fff; margin: 0; padding: 3px; font-family: helvetica, sans-serif; font-size: 20px;}
#commentform #submit {margin-right: 1px; float: right; background-color:#ccc; color:#000}
#commentform p {margin: 2px 0;}
#commentform h2 {margin: 10px 0 0 0; padding: 0; font-size: 18px; font-weight: bold; color: #666}
#commentform .commenttextinput {float: right;}
#commentform .commentinfo {float: left; width: 220px;}
#commentform .commenttext {color: #000;}
.commentlist {margin: 0; padding: 0; text-align: justify; font-size: 14px; background-color: #E7E4DC}
.commentlist .author {color: #000; font-weight: bold; font-size: 20px; text-transform:uppercase;}
.commentlist .author a {color: #bb0000; text-decoration: none; }
.commentlist .author a:hover {color: #bb0000; font-weight: bold; text-decoration: underline}
.commentlist p {line-height: 1.4em; text-transform: none; margin: 10px 1px 1px 0; font-size: 16px; font-weight: normal}	
.commentlist li {margin: 1px 0 0px; padding: 5px; list-style: inside decimal; border-bottom: 4px solid #C7C0B1; font-size: 18px; }
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}
#footerbg {background-color: #2C2C2C; background-image:url(images/footerbg.png); background-repeat: repeat-x; width: 100%;}
#footer {width: 1000px; margin: 0px auto; padding: 50px 0 0 0;}
#footer .section {width: 240px; float:left; margin: 0 10px 10px 0;}
#footer .section h2 {margin:0 0 3px 0; padding:0; font-size: 16px; color: #000;}
#footer .section ul {margin: 0; padding:0; list-style: none; font-size: 14px; font-weight:bold; color:#ccc; text-transform:uppercase}
#footer .section ul small {text-transform: none; font-size: 10px; color: #333; margin: 0 0 0 2px; font-weight:normal}
#footer .section li {margin: 0 0 5px 0; border-bottom: 1px dotted #444}
#footer .section li a {color: #fff; text-decoration: none; padding: 0}
#footer .section li a:hover {color: #000; text-decoration: none; background-color:#fff; padding: 0}
#footer .section ul .links {margin: 0; padding:0; list-style: none; font-size: 12px; font-weight:bold; color:#ccc; text-transform:uppercase}
#footer .endfooter {width: 1000px; background-color: #2C2C2C; clear:both; padding: 10px 0 10px 0; text-align:center; font-size: 12px; margin: 10px 0 0 0; color: #fff}
#popular {width: 690px; float: left; text-transform: uppercase}
#popular h1 {margin:0 0 3px 0; padding:0; font-size: 24px; color: #000;}
#popular {width: 700px; float: left; text-transform: uppercase}
#popular h1 {margin:0 0 3px 0; padding:0; font-size: 24px; color: #000;}
a.popularpost {display: block; width: 330px; height: 50px; text-decoration: none; color: #fff; padding: 130px 3px 3px 3px; border: 2px solid #2C2C2C; font-weight: bold; margin-bottom: 2px;}
a:hover.popularpost {text-decoration: underline; border: 2px solid #fff; }
a.popularpost2 {display: block; width: 214px; height: 39px; text-decoration: none; color: #fff; padding: 78px 3px 3px 3px; border: 2px solid #2C2C2C; font-weight: bold; margin: 0 2px 2px 0}
a:hover.popularpost2 {text-decoration: underline; border: 2px solid #fff; }
a.popularpost3 {display: block; width: 157px; height: 32px; text-decoration: none; color: #fff; padding: 55px 3px 3px 3px; border: 2px solid #2C2C2C; font-weight: bold; margin: 0 2px 2px 0}
a:hover.popularpost3 {text-decoration: underline; border: 2px solid #fff; }