/*
Theme Name: KTT
Theme URI: http://www.kanyetothe.com/
Description: KanyeToThe.com 2.0
Author: KanyeToThe.com
Author URI: http://www.kanyetothe.com/
Version: 2.0

*/


/* === General layout === */

html{border:0;margin:0;padding:0}
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,article,aside,dialog,figure,footer,header,hgroup,nav,section{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.5;background:white}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;float:none!important}
table,th,td{vertical-align:middle}
blockquote:before,blockquote:after,q:before,q:after{content:''}
ul, ol, li{ list-style: none; list-style-type: none; text-indent: 0; }
a img{border:none}
:focus{outline:0}

body{ background: url(images/background-cruel-3.jpg) center top fixed; font-size: 15px; font-family: Arial, Helvetica, sans-serif; } 

/* Header */
header.main{ width: 960px; margin: 16px auto 0 auto; }
header.main h1 a{ width: 198px; height: 35px; background: url(images/logo-main-cs.png) no-repeat; text-indent: -9999px; display: block; }

#logo-social{ float: left; margin-top: 6px; margin-bottom: 40px; }

/* Twitter and Facebook links */

nav.social{ margin-top: 20px; }
nav.social a{ height: 26px; display: block; text-indent: -9999px; }
nav.social .twitter{ width: 88px; background: url(images/twitter-cs.png) no-repeat; margin-right: 7px; }
nav.social .facebook{ width: 96px; background: url(images/facebook-cs.png) no-repeat; }

/* Main nav */

nav.main{ width: 960px; background: #eee; height: 40px; overflow: hidden; background: url(images/nav-main-background.png) repeat-x; }

nav.main li{ height: 40px; }
nav.main li.selected{ background: url(images/nav-main-selected.png) center top; }

nav.main a{ padding: 0 18px 0 18px; display: block; height: 36px; display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; }

nav.main .news{ background-image: url(images/nav-main-news.png); width: 32px; }
nav.main .forum{ background-image: url(images/nav-main-forum.png); width: 39px; }
nav.main .tour{ background-image: url(images/nav-main-tour.png); width: 31px; }
nav.main .videos{ background-image: url(images/nav-main-videos.png); width: 41px; }
nav.main .reviews{ background-image: url(images/nav-main-reviews.png); width: 50px; }

nav.main li.search{ float: right; height: auto; padding-top: 5px; margin-right: 9px; }
#search{ 	   font-size: 12px; line-height: 15px; color: #bbb;
	 		   background: #eee url(images/icon-search.png?v2) 6px 4px no-repeat;
	 		   width: 80px; padding: 3px 6px 3px 22px; border: 0; -moz-box-shadow: 0 1px 0 #bbb inset; -webkit-box-shadow: 0 1px 0 #bbb inset; box-shadow: 0 1px 0 #bbb inset;
	 	       -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; cursor: pointer; }
 	      
#search:focus{ box-shadow: 0 1px 2px rgba(0,0,0,.7) inset; background-color: #fff; color: #000; width: 150px; 
 			   -webkit-transition: all .25s ease-out; cursor: text; -moz-transition: all .25s ease-out; transition: all .25s ease-out;
 			   cursor: text; }

/* Main page */
				
#page { width: 960px; background: white; margin: 0 auto; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.4); box-shadow: 0 1px 6px rgba(0,0,0,.4); } 
#page #content{ padding: 23px 30px 30px 30px; min-height: 800px; }

/* Footer */

footer.main{ width: 960px; margin: 40px auto 60px auto; text-align: center; }
footer.main h1{ width: 182px; height: 21px; background: url(images/logo-footer.png); text-indent: -9999px; margin: 0 auto; }
footer.main ul{ margin-top: 4px; }
footer.main li{ display: inline; margin-right: 14px; }
footer.main li a{ text-decoration: none; font-size: 10px; color: white; text-shadow: 0 1px 2px #000; } 
footer.single a{ font-size: 18px; }

/* ### Misc, hacks, etc. ### */

/* Nav back link */

nav.back{ margin-bottom: 21px; }
nav.back a{ background: #b91e1e; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 1px 0 rgba(0,0,0,1); font-size: 12px; color: #fff; text-decoration: none; padding: 2px 8px 2px 6px; box-shadow: 0 1px 0 rgba(0,0,0,0.5); }

/* Arrow icons */

.arrow-right, .arrow-left { margin-top: 5px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; font-size: 0px; line-height: 0px; }
.arrow-left { border-right: 5px solid #fff; } .arrow-right { border-left: 5px solid #fff; }


/* Clear */
.clear { clear: both; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px; }

/* Inline block */
.arrow-right, .arrow-left, nav.social li, nav.main li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }

/* Cmn */
.ad728{ width: 728px; height: 90px; background: rgba(255,255,255,.05); float: right; }
.ad300{ width: 300px; background: rgba(255,255,255,.05); overflow: auto; }
.ad160{ width: 160px; height: 600px; background: rgba(255,255,255,.05); float: right; }


/* === WP-specific === */

#left-side{ width: 570px; float: left; }

/* Live from the forum… */

#live-from-the-forum{ width: 570px; margin-bottom: 22px; }

#live-from-the-forum h1{

width: 130px; background: #b01111; font-size: 11px; color: white; text-transform: uppercase; padding: 7px 8px 5px 8px;

-moz-border-top-left-radius: 4px; -moz-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px; border-bottom-left-radius: 4px;

border-top: 1px solid #c54242; border-bottom: 1px solid #9d1111;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.4); 

background-image: -webkit-gradient(linear, center top, center bottom, from(#c02e2e), to(#b91e1e), color-stop(50%, #c02e2e), color-stop(50%, #b91e1e));
background-image: -webkit-linear-gradient(top, #c02e2e, #c02e2e 50%, #b91e1e 50%, #b91e1e);
background-image: -moz-linear-gradient(top, #c02e2e, #c02e2e 50%, #b91e1e 50%, #b91e1e);
background-image: -o-linear-gradient(top, #c02e2e, #c02e2e 50%, #b91e1e 50%, #b91e1e);
background-image: -ms-linear-gradient(top, #c02e2e, #c02e2e 50%, #b91e1e 50%, #b91e1e);
background-image: linear-gradient(top, #c02e2e, #c02e2e 50%, #b91e1e 50%, #b91e1e);

}

#live-from-the-forum ul{

height: 16px;

-moz-box-shadow: 0 -3px 12px rgba(0,0,0,.045) inset;
-webkit-box-shadow: 0 -3px 12px rgba(0,0,0,.045) inset;
box-shadow: 0 -3px 12px rgba(0,0,0,.045) inset;

font-size: 11px; text-transform: uppercase;
-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px; border-bottom-right-radius: 4px;
border: 1px solid #ccc; border-left: none;
overflow: hidden; width: 405px; white-space: nowrap; padding: 7px 8px 5px 8px;

}
	  
#live-from-the-forum li{ display: inline; margin-left: 1em; margin-right: .5em; }
#live-from-the-forum li a{ color: #333; text-decoration: none; font-weight: bold; }
#live-from-the-forum li a:hover{ text-decoration: underline; }

/* Articles */

#left-side article{ width: 570px; margin-bottom: 30px; }

article header{ margin-bottom: 18px; }
article header h1{ font-size: 24px; font-weight: bold; line-height: 28px; }
article.external header h1{ font-size: 18px; line-height: 18px; margin-bottom: 3px; }
article header h1 a{ color: black; text-decoration: none; }
article header .metadata, article header .metadata a{ font-size: 12px; color: #888; text-decoration: none; }
article header .metadata a:hover{ text-decoration: underline; color: #888 !important; } 

article h2{ font-size: 18px; font-weight: bold; margin-bottom: 12px; }

article p{ margin-bottom: 18px; line-height: 1.5em; }

article em{ font-style: italic; }

article p.hide{ display: none; }
article p img{ display: none; }
article p.article-image img{ display: block !important; }

article p a{ color: #006055; }
article p a:hover{ color: #339388; }

article p img, article p iframe, article p embed, article p object{ max-width: 570px; max-height: auto; }

article footer{ border-bottom: 1px solid #ddd; padding: 2px 0 2px 0; }
article footer a{ font-size: 13px; text-decoration: none; color: black; font-weight: bold; }
article footer a:hover{ text-decoration: underline }
article footer li.second{ float: right }

article .share{ background: #f0f0f0; padding: 10px 10px 2px 10px; margin-bottom: 20px; }
article .share iframe{ display: inline; }

article blockquote p{ font-style: italic; font-family: "Georgia", "Times New Roman", serif; margin-bottom: 0; }
article blockquote{ margin-bottom: 24px; padding: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); }

/* Videos */

section.videos h1{ text-transform: uppercase; color: #999; font-weight: bold; font-size: 12px; margin-top: 26px; }
ul.videos img{ display: block; margin-bottom: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.8); }
ul.videos li{ margin-right: 24px; text-align: center; margin-top: 24px; }
ul.videos li span{ display: block; margin: 0 auto; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.videos li.no-margin{ margin-right: 0; }
ul.videos a{ text-decoration: none; color: black; font-weight: bold; font-size: 14px; }
ul.videos{ margin-bottom: 30px; }

.sidebar .video-categories li{ margin-right: 7px; margin-bottom: 12px; }
.sidebar .video-categories li.no-margin{ margin-right: 0; }
.sidebar .video-categories img{ display: block; }
.sidebar .video-categories span{ display: block; width: 92px; text-align: center; margin-top: 6px; font-weight: bold; }
.sidebar .video-categories a{ text-decoration: none; color: black; font-size: 11px; }

/* Pagination */


/* Pagination */

.pagination{ text-transform: uppercase; font-size: 14px; text-align: center; width: 570px; margin: 40px 0 10px 0; }
.pagination li{ margin-right: 1px; }
.pagination a{ text-decoration: none; color: #fff; background: #000; padding: 6px 10px 6px 10px; }
.pagination .arrow-right{ margin-left: 10px; }

/* Sidebar */ 

.sidebar{ width: 300px; float: right; }
.sidebar > ul > li{ margin-bottom: 26px; }

.sidebar .review{ position: relative; width: 100%; } 
.sidebar .review header{ position: absolute; top: 110px; width: 300px; text-align: center }
.sidebar .review header a{ font-size: 15px; text-transform: uppercase; color: #fff; background: black; padding: 6px; line-height: normal; -webkit-font-smoothing: antialiased; }
.sidebar .review header a:hover{ text-decoration: none; }

.sidebar .categories li{ font-size: 12px; padding: 10px 0 2px 0; font-weight: bold; -webkit-font-smoothing: antialiased; }
.sidebar .categories li a{ padding: 5px 8px 4px 8px; background: #000; margin-right: 6px; color: white; text-transform: uppercase; text-decoration: none; }
.sidebar .categories li a:hover{ outline: 1px solid #000; }

.sidebar section{ margin-bottom: 30px; margin-top: 4px; }
.sidebar section h1{ background: url(images/line.gif) center center repeat-x; text-align: center; text-transform: lowercase; }
.sidebar section h1 span{ font-size: 12px; font-weight: bold; display: inline; background: white; padding: 0 10px 0 10px; }
.sidebar section h1 a{ text-decoration: none; color: black; }

.tweets li{ font-weight: bold; font-size: 14px; line-height: normal; margin-top: 22px; }
.tweets a{ color: #006055; }
.tweets a:hover{ color: #339388; }
.tweets a.hashtag, .tweets a.hashtag:hover{ text-decoration: none; color: #8b8b8b; }
.tweets time{ color: #999; text-transform: uppercase; font-size: 10px; font-weight: normal; white-space: nowrap; }

/* ### Hacks, etc. ### */

/* Inline block */
.sidebar .video-categories li, ul.videos li, article .share ul li, .sidebar .categories li, .sidebar .categories li, .sidebar .review header h1, .pagination li, #live-from-the-forum h1, #live-from-the-forum ul, article footer ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }