/*
Theme Name:Submit Css v.4
Version:4.0
Author:Greg Dougherty
Author URI:http://www.submitcss.com/
*/

/******************** RESET ********************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a img{border:none}

/******************** GLOBAL ********************/
body{font-size:75%; color:#4f4f4f; background:#f8f8f8; font-family:Arial,Helvetica,Verdana,sans}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#404040}
h1{background:url(images/bg-headers.gif) no-repeat; border-bottom:1px solid #d6d6d6; height:19px; text-indent:-9999px; width:620px; margin:10px 0 5px 30px; padding:0 0 5px 0}
h1#latest{background-position:0 0px}
h1#random{background-position:0 -24px}
h1#about{background-position:0 -48px}
h1#search-results{background-position:0 -72px}
h1#thearchives{background-position:0 -96px}
h1#error{background-position:0 -120px}
h1#mostviewed{background-position:0 -142px}
h2{font-size:1.3em; margin:15px 0 5px 0}
h2 a{color:#404040;}
h2 a:hover{text-decoration:underline;}
h3{font-size:1.2em; margin:15px 0 2px 0}
h4{border-bottom:1px solid #E1E1E1; margin:0 0 10px 0; padding:0 5px 5px 5px;}
a{color:#0381ff; text-decoration:none; outline-style:none; outline-width:medium}
a:hover{text-decoration:underline}
strong{font-weight:bold}
em, dfn{font-style:italic}
input{font-family:Arial,Helvetica,Verdana,sans; outline-style:none;}
ul, ol, li ul, li ol{margin:0}
ul{list-style-type:disc}
ol{list-style-type:decimal}
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
p img.right{float:right; margin:0 0 10px 10px; padding:0}
p img.left{float:left; margin:0 10px 10px 0; padding:0}
.clear{clear:both}
.align-left{float:left}
.align-right{float:right}

/******************** LAYOUT ********************/
#container{width:960px; margin:0 auto 0 auto; padding:0; position:relative; display:block}
#content{padding:0 0 30px 0; margin:0; background:url(images/bg-content.gif) repeat-y; position:relative; float:left; width:680px}
#content-container{width:620px; padding:0 30px 0 30px}
.content-top{height:20px; width:680px; padding:0; background:url(images/bg-content-top.gif) no-repeat}
.content-bottom{height:20px; width:680px; background:url(images/bg-content-bottom.gif) no-repeat; position:absolute; bottom:0; left:0}

/******************** MAST HEAD ********************/
#mast{height:85px; background-image:url(images/bg-mast.gif); background-repeat:repeat-y; padding:0 30px 0 20px; margin:0 0 15px 0; position:relative}
.mast-bottom{height:23px; width:960px; background-image:url(images/bg-mast-bottom.gif); position:absolute; left:0px; bottom:0px}
.logo a{width:159px; height:28px; position:absolute; top:28px; left:40px}
#twitter a{background:url(images/bg-twitter.gif) no-repeat 0 0; width:221px; height:28px; position:absolute; top:30px; right:30px}
#twitter a:hover{background-position:0 -28px;}

/* Navigation */
ul#nav{background:url(images/bg-navheader.gif) no-repeat 45px 0; float:right; padding:29px 0 0 0; margin:5px 10px 0 0; width:399px}
#nav li{display:inline}
#nav li a{display:block; float:left; margin:0 0 0 13px}
#nav li.latest a{background:url(images/bg-navigation.gif) no-repeat 0 0; width:66px; height:0; padding:20px 0 0 0; overflow:hidden}
#nav li.random a{width:76px; height:0; padding:20px 0 0 0; overflow:hidden; background:url(images/bg-navigation.gif) no-repeat -66px 0}
#nav li.about a{background:url(images/bg-navigation.gif) no-repeat -142px 0; width:62px; height:0; padding:20px 0 0 0; overflow:hidden}
#nav li.feed a{background:url(images/bg-navigation.gif) no-repeat -204px 0; width:143px; height:0; padding:20px 0 0 0; overflow:hidden}
#nav li.latest a:hover{background-position:0 -28px}
#nav li.random a:hover{background-position:-66px -28px}
#nav li.about a:hover{background-position:-142px -28px}
#nav li.feed a:hover{background-position:-204px -28px}
#nav li.latest-current a{background:url(images/bg-navigation.gif) no-repeat 0 -58px; width:66px; height:0; padding:29px 0 0 0; overflow:hidden; cursor:default}
#nav li.random-current a{background:url(images/bg-navigation.gif) no-repeat -66px -58px; width:76px; height:0; padding:29px 0 0 0; overflow:hidden; cursor:default}
#nav li.about-current a{background:url(images/bg-navigation.gif) no-repeat -142px -58px; width:62px; height:0; padding:29px 0 0 0; overflow:hidden; cursor:default}
#nav li.feed-current a{background:url(images/bg-navigation.gif) no-repeat -204px -58px; width:143px; height:0; padding:29px 0 0 0; overflow:hidden; cursor:default}

/******************** GALLERY ********************/
#gallery-container{width:630px; padding:0 20px 0 30px}
.gallery-item{float:left; background:#f6f6f6; border:1px solid #e5e5e5; padding:8px 8px 5px 8px; margin:10px 10px 0 0}
.gallery-item p{font-size:.95em; width:180px; line-height:1.1}
.gallery-item p a.title{color:#333; font-size:.95em; width:180px; line-height:1.3em}
.gallery-item p a:hover.title{color:#0381ff; text-decoration:none}
.gallery-item p a.link{color:#c3c3c3; font-size:.8em; width:180px}
.gallery-item a:hover.link{color:#878787; text-decoration:none}
.gallery-item a img{border:1px solid #e5e5e5; margin:0 0 5px 0}

/******************** SINGLE ********************/
#single-container{float:left; width:200px; margin:0 10px 0 0; text-align:center; position:relative}
p.single-info{border-bottom:1px solid #e1e1e1; padding:5px 0 2px 0; float:left; width:200px; font-size:.8em}
a.single-thumbnail img{border:2px solid #e1e1e1; padding:8px; margin:0 15px 7px 0; float:left; z-index:1}


/******************** MOST VIEWED ********************/
ol#charts{margin:20px 0 0 20px; float:left; padding:0 10px 0 0; width:280px;}
ol#charts li{line-height:1.3em; padding:0 0 5px 0; border-bottom:1px solid #ddd; margin:0 0 10px 0;}
ol#charts li a{font-size:1.2em}

/******************** COMMENTS ********************/
#comments{float:left; margin:0 0 0 15px; padding:0 5px 5px 0; width:385px}
ul.commentlist{margin:0 0 30px 0; float:left}
.commentlist li{border-bottom:1px solid #e1e1e1; display:block; padding:10px 5px 10px 5px; float:left; width:375px}
.commentlist li.alt{background:#f8f8f8}
.avatar{float:left; margin:0 10px 0 0}
p.author{line-height:2.1em;margin:0 0 5px;}
p.comment{margin: 0 0 0 30px;}
.commentlist p{font-size:.95em}
#author, #email, #url{border:1px solid #E1E1E1; color:#616161; margin:0 5px 5px 5px; padding:3px; float: left; width:250px}
textarea#comment{border:1px solid #e1e1e1; color:#616161; font:Arial,Helvetica,Verdana,sans; height:75px; padding:3px; width:365px; margin:0 0 7px 5px}
label{margin:0 0 0 5px; float:left; line-height:1.9em;}
input#submit{margin:0 5px 3px 0}
p.commentfeed{margin-bottom:10px; margin-left:3px; margin-top:10px}
form#commentform{margin:15px 0 0 0;}

/******************** SIDEBAR ********************/
#sidebar{float:left; width:270px; display:inline; margin:10px 0 0 0;}
.sidebar-margin{margin:10px 0 0 10px;}
.sidebar-viewed{margin:10px 0 30px 10px;}

/* Search Form */
#search{margin:20px 0 20px 0; float:left; width:30px; height:27px; cursor:pointer}
#s{border:2px solid #E1E1E1; color:#666; float:left; padding:6px 5px 4px 5px; margin:20px 0 20px 10px; width:216px; height:13px; font-size:.85em;}

/* Buy Sell Ads */
a.buysellads{background:url(http://www.submitcss.com/wp-content/themes/SubmitCss-v4/images/sidebar-youradhere-125x125.gif) #ffffff; margin: 0 0 10px 10px; height:123px; width:123px; text-indent:-9999px; float:left; border:1px solid #e1e1e1;}
a.buysellads:hover{background:url(http://www.submitcss.com/wp-content/themes/SubmitCss-v4/images/sidebar-youradhere-125x125.gif) #f8f8f8;}

/* Google Ads */
.google-square{margin:10px 0 20px 10px; background:#ffffff; padding:4px; border: 1px solid #e5e5e5; float:left;}

/* Recent Comments */
ul.recentcomments{margin:0 0 20px 10px;}
.recentcomments li{list-style-type:none; margin:10px 0 10px 0;border-bottom:1px solid #e1e1e1; padding: 5px 0 5px 0;}
img.gravatar-recent{float:right; margin: 0 0 5px 5px;}
p.text-size{font-size:.9em;}

/******************** FOOTER ********************/
#footer{border-top:1px solid #e1e1e1; margin:40px 10px 20px 10px; padding:10px 10px 0 10px; position: relative;}
#footer p{color:#666; font-size:0.8em}
#footer p a.gregory{background:url(images/bg-gregdougherty.gif) no-repeat 0 0; width:252px; height:17px; text-indent:-9999px; position:absolute; top:25px; right:0;}
#footer p a:hover.gregory{background-position:0 -17px}

/*125x125 Adds */
#adds											
{ padding: 5px 0 0 0; margin: 0 0 5px 0; width: auto; height: auto; background: #FFFFFF; border: 1px solid #DCDCD4; overflow: hidden;}

#adds a 														{ width: 125px; height: 125px; position: relative;}
#adds a img 												{ height: 125px; width: 125px; margin: 0 0 5px 5px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; }

/*Resources and Links */
#resources											
{ padding: 0 5px 5px 5px; margin: 0 0 5px 10px; width: auto; height: auto; background: #FFFFFF; border: 2px solid #DCDCD4; overflow: hidden;}

#resources a 														{ width: 125px; height: 125px; position: relative;}
#resources a img 												{ height: 125px; width: 125px; margin: 0 0 5px 5px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; }