/*
Theme Name: Stoopidity
Theme URI: http://studio.uncensored.gr/
Description: Stoopid is as stoopid does
Version: 1
Author: Phoat Spyropoulos
Author URI: http://phoat.com/
Tags: 
*/

@import url("_reset.css"); 
@import url("_960.css");
@import url("_layout.css");
@import url("_typography.css");
@import url("_color.css");

hr { display: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.bg_grid	{ background: url(images/_grid16.gif) repeat-y scroll center top; }
.bg_box		{ background: url(images/_box.png) repeat scroll left top; }


.comments h3 { 
    font-size: 18px;
    font-weight: bold; 
    margin-bottom: 5px;
    margin-left: 10px;
}

.comments ol {
    padding: 10px 10px;
    background: url(images/black_40.png) repeat scroll left top;
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 20px;
}

.comments ol li { position: relative; min-height: 100px; margin-bottom: 10px;
      background: url(images/white_40.png) repeat scroll left top;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
padding: 25px 0 15px;
}

.comments ol li.alt {
    background: url(images/black_40.png) repeat scroll left top;
}

.comment-author img {
    position: absolute; left: 10px; top: 10px;
    width: 60px; height: 60px;
     -moz-border-radius: 5px 0 5px 0;
	 -webkit-border-radius: 5px 0 5px 0;
}

.comment-author span { position: absolute; left: 0; top: 73px; }
.comment-author span, .comment-author span a { text-transform: uppercase; font-size: 10px; font-weight: bold; color: #fff; width: 80px; text-align: center; text-decoration:none; }

.comment-meta { position: absolute; top: 7px; right: 7px;
    font-size: 12px; color: #666;
 }

.comments ol li p {
    font-size: 15px; line-height: 1.3em;
  margin-bottom: 0.5em;
   margin-left:95px; margin-right: 10px;
}

.comments ol li p { color: #555; }
.comments ol li.alt p { color: #888; }
.comments ol li p.unapproved { color: #fff; font-size: 12px; font-style: italic; }
.comments ol li p a { color: #fff; text-decoration:none; border-bottom: 1px dotted #fff; }

#respond { position: relative; margin-bottom: 20px;}

#respond h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 10px;
}

p#login, p#comment-notes { position: absolute; right: 10px; font-size: 12px; top: 5px; }


.formcontainer {
    padding: 20px;
background: url(images/black_40.png) repeat scroll left top;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.formcontainer .form-label { width: 80px;  font-size: 14px; float: left; margin-bottom: 10px; clear: left; text-align: left; margin-right: 15px; height: 20px; line-height: 20px; }
.formcontainer .form-input { margin-bottom: 10px; height: 20px; }
.formcontainer .form-input input, .formcontainer .form-textarea textarea { height: 20px; border: 3px; -moz-border-radius: 5px; padding: 3px 5px 0; }
.formcontainer .form-textarea textarea { height: 150px; width: 455px; }
.formcontainer .form-submit input { width: 465px; margin-left: 95px; margin-top: 10px; height: 50px; font-size: 22px; font-weight: bold; color: #555; }

ul#nav-sub { position: relative; width: 1000px; margin: 0 auto; }
#nav-rss { position: absolute; top: 210px; right: 50px; width: 140px; height: 100px; background: url(images/bg_rss.png) no-repeat left top; text-indent: -9999px;}
#nav-rss:hover { background-position: right top; }
#nav-rss a { display: block; width: 100%; height: 100%; }

#nav-main { position: relative;}

#nav-words:hover, #nav-videos:hover, #nav-images:hover { background-position: top right;}
#nav-words a, #nav-videos a, #nav-images a { display: block; width: 100%; height: 100%; }

#nav-words { width: 140px; height: 140px; position: absolute; background: url(images/bg_words.png) no-repeat scroll left top; top: 0; left: 30px; text-indent: -9999px;} 
#nav-videos { width: 140px; height: 140px; position: absolute; background: url(images/bg_videos.png) no-repeat scroll left top; top: 20px; left: 140px; text-indent: -9999px; }
#nav-images{ width: 140px; height: 140px; position: absolute; background: url(images/bg_images.png) no-repeat scroll left top; top: -10px; left: 250px; text-indent: -9999px; }

#entry-nav {  background-color: #9E0B0F; margin: 0 0 20px; height: 30px; line-height: 30px; -moz-border-radius: 5px; }
#entry-nav p { font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 10px;}
.single #entry-nav p { text-transform: none; }
#entry-nav p a { text-decoration: none; color: #fff; }
#entry-nav p a:hover { color: #000; }

p.nav-previous { float: left; } 
p.nav-next { float: right; }

#nav-submit { 
position: absolute; top: 320px; right: 20px;
background: url(images/bg_submit.png) no-repeat scroll left top; width: 200px; height: 170px; text-indent: -9999px; }

#nav-submit:hover { background-position: right top; }

#nav-submit a { display: block; width: 100%; height: 100%; }

#nav-syncme {
    position: absolute; top: 500px; right: 50px;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    opacity: .8;
    -moz-box-shadow: 2px 2px 3px #333; }
}

#footer { overflow: auto; }

p.wp-branding { float: right; }
p.uncensored-branding { 
	width: 245px; height: 50px; float: left;
	background: url(images/logo_uncensored.png) no-repeat scroll left top;
	text-indent: -9999px;
}

p.mt-branding {
	margin-right: 10px;
	width: 76px; height: 50px; float: right ; 
	background: url(images/logo_mediatemple.png) no-repeat scroll left center;
        text-indent: -9999px;
}

#sidebar { position: fixed; top: 0; left: 50%; width: 175px; margin-left: -490px; top: 270px;}
#shoutbox { background: url(images/black_40.png) repeat scroll left top;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
           padding: 10px 15px 10px 10px;
        color: #ccc;
        font-size: 12px; height: 500px;

}

#shoutbox h3 { display: none; }

#sb_messages div.small { border-bottom: 1px dotted; padding-bottom: 4px; }

.entry-content a { color: #999; text-decoration: none; border-bottom: 1px dotted; font-weight: bold; }
.entry-content a:hover { color: #369; border-bottom-width: 0; }