/*   
Theme Name: SpongeBob Squarepants 
Theme URI: http://watchspongebobonline.com/
Description: WatchSpongeBobOnline.com Themes	 
Author: Od3n
Author URI: http://watchspongebobonline.com/
Version: 1.0
*/



h1,h2,h3,h4,h5,h6,form {margin: 0px; padding: 0px; }
p {margin: 10px auto;}
h1 {font-size: 19px; margin-bottom: 10px; color: #000000;}
h2 {font-size: 14px; color: #ffffff; padding-bottom: 5px;}
h3 {font-size: 13px; color: #000000; margin-top: 10px;}
h4 {font-size: 13px; margin-bottom: 2px; color: #bf5000;}
h5 {font-size: 13px; margin-bottom: 2px;}
a {color: #00919b; text-decoration: none; }
img {border: none;}
input, textarea { font-size: 11px;}



body {margin: 0px; padding: 0px; margin-top: 10px; font: 13px Myriad Pro, georgia, arial, sans-serif; background: #f0e68c; }
#outer {width: 900px; text-align: left; }
#imgcontent { width:630px; float:left; padding: 5px; padding-top: 15px; margin-right: 10px; }

#header { }
#header .left { float: left; width: 170px; }
#header .right { float: right; }
#header .clear { clear: both; }


#posts {width: 520px; float: left; padding: 10px; margin-top: 5px; background: #fff; }
.post {margin-bottom: 30px; padding-top: 10px;  }
.post .pagination { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.post .tags { border-top: dashed 1px #999999; font-size: 11px; padding-top: 5px; margin-top: 5px;}
.news {width: 510px; height: 20px; margin-top: 15px; font-size: 11px; padding: 5px; text-align: left; background: #f0e68c; clear: both; }
.news-bottom {width: 510px; height: 15px; margin-top: 15px; font-size: 11px; padding: 5px; text-align: right; background: #f0e68c; clear: both; }
.dated {width: 510px; height: 15px; margin-top: 15px; font-size: 11px; padding: 5px; text-align: right; background: #dae6e8; clear: both; }
.attachment { text-align: center; margin-top: 10px; margin-bottom: 10px; }
.post a img { outline: none; margin: 2px; }
.post a:hover img { border: solid #ddddd1 2px; margin: 0;}
.post .alignleft { float: left; margin: 3px; }

.post blockquote { margin: 0 10px 10px 0; width: 143px; padding: 5px; display: block; float: left; min-height: 50px; }
.post blockquote strong { color: #000; font-size: 11px; }
.post blockquote a { height: 20px; display: block; padding: 4px 2px 2px 33px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: url(images/icon_play.gif) no-repeat; font-weight: bold; font-size: 14px; color: #555; }

.post .download { margin: 0 10px 10px 0; width: 130px; padding: 5px; display: block; float: left; min-height: 50px; }
.post .download strong { color: #000; font-size: 11px; }
.post .download a { height: 20px; display: block; padding: 4px 2px 2px 33px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: url(images/icon_download.gif) no-repeat; font-weight: bold; font-size: 14px; color: #555; }



#sidebar {width: 355px; float: left; margin-left: 5px; margin-top: 5px; color: #cdd6d8; }


#sidebar .search {font-size: 12px; font-weight: bold; color: #000000; background: #a3bcce; padding: 10px; margin-bottom: 5px; }

#sidebar .box {background: #2c3132; padding: 10px; margin-bottom: 5px; }
#sidebar .box ul {list-style: none; margin: 0px; padding: 0px; margin-top: 5px; }
#sidebar .box ul li {display: block; border-top: solid 1px #494d4e; padding: 3px 0px 3px 0px; }
#sidebar .box ul li a {color: #7dbce9; }
#sidebar .box ul li a:hover {color: #ffffff; }

#sidebar .featured {background: #2c3132; padding: 10px; margin-bottom: 5px; }
#sidebar .featured ul {list-style: none; margin: 0px; padding: 0px; margin-top: 5px; }
#sidebar .featured ul li {float: left; padding: 1px; }


#sidebar .leftbar {float: left; width: 185px; font-size: 12px; }
#sidebar .leftbox {background: #000000; padding: 10px; margin-bottom: 5px; }
#sidebar .leftbox ul {list-style: none; margin: 0px; padding: 0px; margin-top: 5px; }
#sidebar .leftbox ul li {display: block; border-top: solid 1px #494d4e; padding: 3px 0px 3px 0px; }
#sidebar .leftbox ul li a {color: #7dbce9; }
#sidebar .leftbox ul li a:hover {color: #ffffff; }
#sidebar .blogads {background: #2c3132; padding: 10px; margin-bottom: 5px; }


#sidebar .rightbar {float: left; width: 165px; margin-left: 5px; font-size: 12px; }
#sidebar .rightbox {background: #2c3132; padding: 10px; margin-bottom: 5px; }
#sidebar .rightbox a {color: #7dbce9; }
#sidebar .rightbox a:hover {color: #ffffff; }
#sidebar .rightbox ul {list-style: none; margin: 0px; padding: 0px; margin-top: 5px; }
#sidebar .rightbox ul li {display: block; padding: 3px 0px 3px 0px; }

#sidebar .adsbox {background: #2c3132; padding: 5px; margin-bottom: 5px; }


#sidebar_img {width: 335px; float: left; margin-left: 5px; margin-top: 5px; color: #cdd6d8; background: #fff; padding: 10px; }
.imgnavbox { margin-top: 10px; font-size: 8px; font-weight: bold; }
.imgnavbox .left { float: left; text-align: left; }
.imgnavbox .right { float: right; text-align: right; }
.clearfloat { clear: both; }


#comments {text-align:center; margin-bottom: 20px; font-size: 11px;}
#comments ol {list-style: none; margin: 0px; padding: 0px; }
#comments ol li {width: 95%; text-align:left; margin: 5px 0px 5px 0px; padding:5px; }
#comments .author {font-size: 13px; font-weight:bold;}
#comments .posted {margin-top: 5px; color:#666666; font-size: 10px;}

#commentsform{padding:5px;}
#commentsform p {margin-top: 5px;}
#commentsform label {font-weight:bold; font-size: 11px; color: #828273;}

#footer {margin-top: 20px; text-align: center; border-top: solid 5px #ffffff; padding: 20px; background: #2e3737; height: 60px; font-size: 11px; color: #CCCCCC;}




/*  */

#videopage { width: 715px; float: left; padding: 10px; margin-top: 5px; background: #fff; }
.videosidebar { float: left; width: 164px; margin-left: 1px; margin-top: 5px; font-size: 12px; background: #2c3132; }
.adbox {width: 160px; float: left; background: #2c3132; padding: 1px; margin-bottom: 5px; margin-left:1px;}
.report {width: 510px; height: 15px; margin-top: 15px; font-size: 12px; padding: 5px; text-align: center; background: #dae6e8; clear: both; }

.download { margin: 0 10px 10px 0; width: 130px; padding: 5px; display: block; float: center; min-height: 50px; }
.download strong { color: #000; font-size: 11px; }
.download a { height: 20px; display: block; padding: 4px 2px 2px 33px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: url(images/icon_download.gif) no-repeat; font-weight: bold; font-size: 14px; color: #555; }