/*
Theme Name:		Steezin.tv
Theme URI: 		http://www.steezin.tv/
Version: 		1.0
Description: 	First version of theme for Steezin migration to Wordpress built on WP Framework
Author: 		Steezin
Author URI:		http://www.steezin.tv/
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
*/

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/* CSS */
/* Reset */
body{color:#666;background:url(images/body-bg.gif);font-family:Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
p {font-size:100%;font-weight:normal;}
input,textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* General */
body {position: relative; height: 100%;}
#wrapper {width: 1002px; margin: 0 auto; padding: 0 0 224px 0;}
#header {padding: 10px 0 0 0; height: 128px; width: 1002px; position: relative;}
#left_column {float: left; width: 680px; background: url(images/content-border.jpg) 0 0 repeat-y; margin: 0 0 22px 3px;}
#left_column #respond, #left_column #comments, #left_column div.entry {width: 639px; background: #222; border-top: 1px solid #2D2D2D; border-bottom: 1px solid #1B1B1B; padding: 12px 15px 0 10px; margin: 0 0 0 16px; /*text-align: center;*/ text-align: left;}
#left_column div.entry h2 a {color: #0CF; font-size: 18px; text-decoration: none;}
#left_column div.entry p {font-size: 12px; padding: 0 0 18px; text-align: left;}
#left_column div.entry div.video_embed {width: 451px; margin: 0 auto;}
#left_column div.entry div.video_embed p {color: #0CF; font-size: 18px; text-align: left;}
#left_column div.entry p.post_date, #left_column div.entry p.post_date a {color: #333;}
#left_column div.entry p.attribution, #left_column div.entry p.attribution a {color: #111; text-decoration: none;}
#left_column div.entry p.attribution span a {color: #996; padding: 0 0 0 5px;}
#left_column div.entry a, body.singular .post a:link, body.singular .post a:visited, body.singular .post a:active {color:#0CF; text-decoration: none;}
#left_column div.entry a:hover {text-decoration: underline;}
span.edit-post, span.edit-post * {font-size: 32px; color: red;}
span.edit-post {position: absolute; top: 0; left: -100px;}

/* Navigation */
#navigation {height: 17px; background: url(images/navigation-border.png) 0 0 no-repeat; padding: 0 0 0 16px; margin: 15px 0 0 0;}
#navigation li {float: left;}
#navigation li a {color: #06D3FF; text-decoration: none; float: left; margin: 1px 21px 0 0; font-size: 14px;}
#navigation li a:hover, body.home #navigation li#nav_home a, body.page-template-about-php #navigation li#nav_about *, body.page-template-video-php #navigation li#nav_video *, body.page-template-photos-php #navigation li#nav_photos *, body.page-template-contact-php #navigation li#nav_contact * {color: #FFF;}

/* Sidebar */
#right_column {float: right; width: 315px; padding: 0 0 50px 0;}
div.rc_div {width: 274px; padding: 8px 15px 19px 15px; margin: 0 0 4px 0; border-top: 1px solid #2E2E2E; border-bottom: 1px solid #1B1B1B; background: url(images/rc-bg.gif);}
#rc_search {border-right: 2px solid #FFF;}
body.error404 #rc_search, body.search #rc_search {display: none;}
#rc_videos {border-right: 2px solid #F49302;}
#rc_posts {border-right: 2px solid #05F452;}
#rc_categories {border-right: 2px solid #AAF405;}
#rc_social {border-right: 2px solid #F4050F;}
#rc_feed {border-right: 2px solid #03F2E7;}
#rc_archive {border-right: 2px solid #7205F4;}
#rc_friends {border-right: 2px solid #052EF4;}
div.rc_div {float: left;}
li.cat-item, div.rc_div a, div.rc_div a:link, div.rc_div a:active {font-size: 10px; color: #3CF; text-decoration: none;}
div.rc_div a:visited {color: #FFF; text-decoration: none;}
div.rc_div a:hover {text-decoration: underline;}
#rc_videos * {text-decoration: none!important;}
#rc_videos li a {display: block; background: #000; margin: 10px 0 0 0; padding: 4px; float: left; width: 281px;}
#rc_videos li a img {border: 5px solid #3CF; float: left; margin: 0 5px 0 0;}
#rc_videos li a:hover img {border-color: #FFF;}
#rc_videos li a p  {padding: 0 0 0 5px; color: #666;}
#rc_videos li a:hover p {color: #FFF;}
#rc_videos li a:hover span {color: #FFF;}
#rc_friends li, #rc_archive li, #rc_categories li, #rc_posts li {line-height: 20px}
#rc_social h3 {margin: 0 0 10px 0;}
#rc_social li {margin: 0 0 10px 0; line-height: 15px}
#rc_social li div {width: 27px; float: left; text-align: right;}
#rc_social li a {margin: 0 0 0 10px;}
#rc_feed a {display: block; background: #000; width: 287px; padding: 2px 0 2px 2px; margin: 5px 0 0 0;}
#rc_feed li a {display: inline; background: none; font-size: 14px!important;}
#rc_feed li p {font-size: 14px; color: #999; margin: 15px 0 0 0;}
#rc_feed li span {font-size: 12px; color: #666;}

/* Ads */
#home_ads {float: right; width: 350px;}
div.ad {position: relative; z-index: 9;}
div.leaderboard_ad {width: 728px; height: 90px; margin: 0 0 0 0; position: absolute; top: 0; left: 130px; top: 10px;}
div.baseboard_ad {width: 728px; height: 90px; margin: 0 0 0 116px; clear: both;}
div.box_ad {width: 300px; height: 250px; float: right; margin: 4px 0 0 0;}
div.half-banner_ad {width: 234px; height: 60px; float: right; margin: 14px 36px 0 0;}

/* Home */
#Contact #promo_bg, #Photos #promo_bg, #Video #promo_bg, #About #promo_bg, body.home #promo_bg {background: url(images/promo-bg.png) repeat-x; height: 466px; width: 100%; position: absolute; left: 0; top: 138px; z-index: -1;}
body.home #main_promo {height: 694px; position: relative;}
body.home #swf_promo {position: absolute; left: 0; bottom: 228px;}
body.home #sub_promo {position: absolute; left: 0; bottom: -6px; width: 1003px; height: 223px; background: url(images/blog_header.png) 0 0 no-repeat;}
body.home #sub_promo h1 {font-size: 30px; color: #0CF; line-height: 22px; margin: 65px 0 5px 20px;}
body.home #sub_promo p {font-size: 14px; color: #FFF; margin: 0 0 0 22px}
body.home #sub_promo a, body.singular .post a:link, body.singular .post a:visited, body.singular .post a:active {color:#0CF; text-decoration: none;}
body.home #sub_promo a:hover {text-decoration: underline;}
body.home #sub_promo #sub_promo_right {width: 300px; position: absolute; left: 420px; top: -5px;}
body.home #sub_promo #sub_promo_right p {margin: 0 0 0 0; font-size: 12px; line-height: 18px; color: #CCC;}
body.error404 #content, body.search #content, body.category #content, body.page-template-video-php #content, body.single #content, body.home #content {background: url(images/content-bg.gif) 0 0 repeat-y; clear: both; width: 1002px; padding: 0 0 7px 0;}

/* Video */
body.page-template-video-php #main_promo {height: 108px; position: relative;}
body.page-template-video-php #sub_promo {position: absolute; left: 0; bottom: 0; width: 1002px; height: 107px; background: url(images/blog_header_generic.png) 0 0 no-repeat; z-index: 9;}
body.page-template-video-php .box_ad {margin: -96px 10px 10px 0; z-index: 999; position: relative;}
body.page-template-video-php #sub_promo h1 {position: absolute; top: 15px; left: 24px;}
body.page-template-video-php #sub_promo h2 {font-size: 36px; color: #0CF; position: absolute; top: 50px; left: 258px;}
body.page-template-video-php #left_column ul h2 {font-size: 12px; font-weight: bold; color: #CC9; border-bottom: 1px solid #333; margin: 0 0 10px 10px;}
body.page-template-video-php #left_column ul {clear: both; margin: 0 0 0 -10px;}
body.page-template-video-php #left_column ul li a {color: #0CF; width: 152px; display: block; float: left; margin: 0 0 41px 10px;}
body.page-template-video-php #left_column ul li a img {border: 5px solid #000;}
body.page-template-video-php #left_column ul li a h3 {font-size: 12px; font-weight: normal; text-align: center; padding: 2px 10px 0 10px;}
body.page-template-video-php #left_column ul li a:hover  {text-decoration: none}
body.page-template-video-php #left_column ul li a:hover img {border: 5px solid #0CF;}
body.page-template-video-php #left_column div.entry {float: left;}

/* Contact */
body.page-template-contact-php #main_promo {height: 474px; position: relative;}
body.page-template-contact-php #main_promo img {position: absolute; bottom: 7px; left: 15px;}
body.page-template-contact-php #yellow_tape {background: url(images/yellow-tape.jpg) 0 0 repeat-x; width: 100%; height: 47px; position: absolute; bottom: 0;}
body.page-template-contact-php #main_promo div.contactleft label {color: #FFF;}
body.page-template-contact-php #main_promo form {position: absolute; top: 10px; right: 65px;}
body.page-template-contact-php #main_promo form p {padding: 0 0 3px 10px; font-size: 18px; margin: 0 0 0 0;}
body.page-template-contact-php #main_promo h2 {font-size: 36px; color: #FFF; font-weight: bold; padding: 5px 0 5px 0;}
body.page-template-contact-php #main_promo p {color: #FFF; font-size: 12px; margin: 0 0 15px 0; line-height: 14px; width: 385px;}
body.page-template-contact-php #main_promo p a, body.page-template-contact-php #main_promo p a:link, body.page-template-contact-php #main_promo p a:visited, body.page-template-contact-php #main_promo p a:active {color: #000; text-decoration: none;}
body.page-template-contact-php #main_promo p a:hover {text-decoration: underline;}
body.page-template-contact-php #wpcf_msg, body.page-template-contact-php div.contactright input, body.page-template-contact-php #main_promo form textarea, body.page-template-contact-php #main_promo form input {border: 1px solid #868686;}
body.page-template-contact-php #main_promo form input {width: 225px; padding: 1px 2px;}
body.page-template-contact-php #main_promo form textarea {height: 190px; width: 450px; padding: 1px 2px;}
body.page-template-contact-php #main_promo form textarea, body.page-template-contact-php #main_promo form input {padding: 0 0 0 8px; background: #FFF url(images/form-border.jpg) 0 0 no-repeat; margin: 0 0 10px 0;}
body.page-template-contact-php #main_promo form #contactsubmit {background: #FFF; width: 120px;}

/* Singular */
body.error404 #main_promo, body.search #main_promo, body.category #main_promo, body.single #main_promo {height: 107px; position: relative;}
body.error404 #sub_promo, body.search #sub_promo, body.category #sub_promo, body.single #sub_promo {position: absolute; left: 0; bottom: 0; width: 1002px; height: 107px; background: url(images/blog_header_singular.png) 0 0 no-repeat; z-index: 9;}
body.error404 .box_ad, body.search .box_ad, body.category .box_ad, body.single .box_ad {margin: -95px 10px 10px 0; z-index: 999; position: relative;}
body.error404 #sub_promo h1, body.search #sub_promo h1, body.category #sub_promo h1, body.single #sub_promo h1 {color: #0CF; font-size: 36px; margin: 55px 0 0 27px; line-height: 32px; letter-spacing: -2px;}
body.error404 #sub_promo p, body.search #sub_promo p, body.category #sub_promo p, body.single #sub_promo p {color: #FFF; font-size: 14px; margin: 0 0 0 32px;}
body.single .post a, body.singular .post a:link, body.singular .post a:visited, body.singular .post a:active {color:#0CF; text-decoration: none;}
body.single .post a:hover {text-decoration: underline;}
h2.entry-title {color: #0CF; font-size: 18px;}
p#allowed-tags, #respond label, h3#leave-a-reply, h3.comment-title {color: #996; font-size: 12px;}
#respond button {margin: 5px 0;}
div.navigation-links {float: left; padding-bottom: 10px!important;}
div.navigation-links a, div.navigation-links a:link, div.navigation-links a:visited, div.navigation-links a:active {font-size: 13px; color: #3CF; text-decoration: none;}
div.navigation-links a:hover {text-decoration: underline;}
div.nav-next {float: right;}
div.nav-previous {float: left;}

/* Comments */
#comment-form a, #comment-form a:link, #comment-form a:visited, #comment-form a:active {font-size: 16px; color: #3CF; text-decoration: none;}
#comment-form a:hover {text-decoration: underline;}
#comments a {font-size: 12px; color: #3CF; text-decoration: none;}
#comments p.comment-feed-link {font-size: 12px; color: #333333; text-decoration: none; padding: 0px 0px 15px 10px;}
#comments li {font-size: 12px; color: #ccc; text-decoration: none; padding: 0px 0px 15px 10px;}
#comments li a {font-size: 16px; color: #3CF; text-decoration: none;}
#comments .comment-date {font-size: 12px; color: #666; text-decoration: none;}
#comments .comment-author {font-size: 16px; color: #33ccff; text-decoration: none;}
#comments .comment-content {font-size: 12px; color: #ccc; text-decoration: none; padding: 5px 0px 10px 10px;}
#comments .comment-permalink {display: none;}
img.avatar {display: none;}

/* Category and Search */
#primary h1 {font-size: 20px; color: #cccc99; text-decoration: none; padding: 20px 0px 10px 0px;}
#primary h2 a {font-size: 18px; color: #33ccff; text-decoration: none;}
#primary a {font-size: 12px; color: #33ccff; text-decoration: none;}
#primary .entry-meta {display: none;}
#primary .entry-summary {font-size: 14px; color: #ccc; text-decoration: none; padding: 0px 300px 30px 0px;}
#primary .entry-footer {font-size: 12px; color: #999; text-decoration: none; padding: 0px 0px 20px 0px;}

/* Pages */
body.page-template-contact-php #wrapper, body.page-template-photos-php #wrapper, body.page-template-about-php #wrapper {overflow: visible!important}
body.page-template-about-php #main_promo {height: 474px; position: relative; background: url(images/about-promo.jpg) 220px 0 no-repeat; width: 1075px;}
body.page-template-about-php #main_promo h2 {font-size: 36px; color: #FFF; font-weight: bold; padding: 5px 0 5px 0;}
body.page-template-about-php #main_promo p {color: #FFF; font-size: 12px; margin: 0 0 15px 0; line-height: 14px; width: 385px;}
body.page-template-about-php #main_promo p a:link, #Contact #main_promo p a:visited, #Contact #main_promo p a:active, #About #main_promo p a, #About #main_promo p a:link, #About #main_promo p a:visited, #About #main_promo p a:active {color: #000; text-decoration: none;}
body.page-template-about-php #main_promo p a:hover {text-decoration: underline;}
body.page-template-about-php #main_promo img {position: absolute; bottom: 15px;}
body.page-template-about-php #cam-fb_btn, body.page-template-about-php #bob-fb_btn, body.page-template-about-php #roger-fb_btn {width: 114px; position: absolute; bottom: 15px;}
body.page-template-about-php #cam-fb_btn img, body.page-template-about-php #bob-fb_btn img, body.page-template-about-php #roger-fb_btn img {position: relative; margin: 0; padding: 0; top: 0px;}
body.page-template-about-php #cam-fb_btn p, body.page-template-about-php #bob-fb_btn p, body.page-template-about-php #roger-fb_btn p {width: 114px; margin: 0; padding: 0; text-align: center; position: relative; line-height: 10px; font-size: 10px; text-shadow: -1px 2px 5px #000;}
body.page-template-about-php #cam-fb_btn {left: 300px;}
body.page-template-about-php #bob-fb_btn {left: 485px;}
body.page-template-about-php #roger-fb_btn {left: 670px;}
body.page-template-about-php div.rc_div {margin: 0 4px 4px 0;}
body.page-template-contact-php #promo_bg, body.page-template-photos-php #promo_bg, body.page-template-about-php #promo_bg {background: url(images/promo-bg.png) repeat-x; height: 466px; width: 100%; position: absolute; left: 0; top: 138px; z-index: -1;}
body.page-template-contact-php #right_column, body.page-template-photos-php #right_column, body.page-template-about-php #right_column {width: 100%;}
body.page-template-contact-php #right_column #sb_first, body.page-template-contact-php #right_column #sb_second, body.page-template-contact-php #right_column #sb_third,
body.page-template-photos-php #right_column #sb_first, body.page-template-photos-php #right_column #sb_second, body.page-template-photos-php #right_column #sb_third,
body.page-template-about-php #right_column #sb_first, body.page-template-about-php #right_column #sb_second, body.page-template-about-php #right_column #sb_third {float: left; width: 315px;}
body.error404 #content, body.search #content, body.category #content, body.page-template-video-php #content, body.page-template-contact-php #content, body.page-template-photos-php #content, body.error404 #content, body.page-template-about-php #content {padding: 0 0 7px 0;}

/* Footer */
#footer {height: 224px; width: 100%; position: absolute; left: 0; bottom: 0; background: url(images/footer-bg.png) repeat-x;}
#footer_content {width: 1002px; height: 224px; margin: 0 auto; background: url(images/steezin_footer.png) 100px 107px no-repeat; position: relative;}
#footer_logo {position: absolute; right: -40px; top: -85px;}
#footer_content p {color: #000; font-size: 10px; position: absolute; bottom: 84px; left: 225px;}