/*
Theme Name:THE WORDZ THEME
*/

html, body {height: 100%;}
body{margin:0; padding:0;}
#page-wrapper{padding:13px 45px 20px}
#content{position:relative;margin: 95px auto 0; }

#artists{ margin:0 auto; width:960px; background:#39190D url(/img/bg-artists.jpg) top center }
#artists h2{background:url(/img/artists.png) 0 0 no-repeat}

/* TYPO */
body{background:#000; margin:0; padding:0px; font-size:76%; font-family:arial,sans-serif; letter-spacing:0.1em; font-weight:normal; color:#353943;}
table{font-size:inherit;font:100%;}
h1{ background:url(/img/the-wordz-from-the-street-project.png) 5px 0px no-repeat; width:550px; position:absolute; top:17px; left:10px; margin:0; padding:0; height:25px}
h1 a{display:block; height:25px;outline:0;}
h2{position:absolute; height:73px; width:870px; margin:0; padding:0; z-index:1}
h3{margin:0; padding:0; height:35px}
h3 a{display:block;outline:0;}
h3.pagetitle{font-size:16px; padding:12px 0 0 38px;text-transform:uppercase; letter-spacing:-1px; font-family:arial narrow ;}
h4{color:#353943; margin:0; padding:0; font-family:"Courier New",arial,FreeMono,"Nimbus Mono L","Liberation Mono",monospace; font-size:1.7em; line-height:1.3; margin:0 0 15px 0; font-weight:bold; text-transform:uppercase}
#home h4,#film h4{font-size:1.5em;}
table.td h4{font-family:Courier,FreeMono,"Nimbus Mono L","Liberation Mono",monospace; font-weight:bold; text-transform:uppercase}
h4 a{color:black; text-decoration:none}
h5{font-family:Courier,FreeMono,"Nimbus Mono L","Liberation Mono",monospace; font-size:1.2em; font-weight:bold; text-transform:uppercase}
#footer h5{font-family:arial,sans-serif;font-size:11px;font-weight:normal;}

h1 span, h2 span, h3 span, h4 span, h5 span{display:none}

a img{border:none}
a{color:#D0593C; text-decoration:none; outline:0;}
acronym, abbr{border-bottom:1px dashed #000}
acronym, abbr, span.caps{font-size:90%; letter-spacing:.07em}
acronym, abbr{cursor:help}
blockquote{border-left:1px solid grey; background:#DEDEDE; margin: 10px 0; padding:6px 10px;color:black;font-size:85%;}
blockquote p{padding:4px 0; margin:0;}
p{margin-top:0; padding-top:0}

ol, ul, li{list-style:none; margin:0; padding:0}
form{display:inline}

.entry p {color:#353943}
.entry{font-size:1.45em; line-height:1.3; font-family:Courier,FreeMono,"Nimbus Mono L","Liberation Mono",monospace; letter-spacing:0}
#contact .entry, #support .entry{font-size:1.0em; font-family:arial,sans-serif; letter-spacing:0}

#sidebar .entry{font-size:1.4em; color:#EBA993; line-height:1.6}
#sidebar .entry p{color:#EBA993}

.date a{color:#D0593C;}
.date{letter-spacing:-1px; font-size:1.2em; line-height:1; margin:0; padding:0}
.wp-caption-text{font-size:0.65em;font-family:arial;text-align:right;font-style:italic;padding:3px 15px 0 0;margin:0 0 15px 0; }
.postmeta a{text-transform:uppercase; color:#353943; font-size:0.9em; text-decoration:none}
.postmeta{margin:25px 0 5px; position:relative; line-height:2}
.postmeta p{font-size:0.85em ; padding:0; margin:15px 0 0; line-height:1.2;text-indent:-35px;padding:0 0 0 35px;}
.postmeta p a{text-decoration:underline;}
.postmeta p a:hover{text-decoration:none;}
.postmeta div.postmetalinks{margin:0 0 20px 230px}

.pagination{font-size:0.85em}
.pagination a{color:#5A5D62; text-transform:uppercase;}
.pagination span{text-wrap:none;}

#footer{font-size:0.9em}

#sidebar{font-family:arial,sans-serif; font-weight:normal; color:black}
#sidebar h3{font-size:15px; line-height:1}
#blog #sidebar ul li a{color:black; text-decoration:none; line-height:1.4; font-weight:bold}

#sup-content{line-height:1.7; font-size:1.2em; font-weight:normal}
#sup-content a{color:#FF381D; text-decoration:underline}
/* TYPO */

#header{height:58px; background:black; position:relative; color:white;  margin:0 auto}
#header #forms{position:absolute; padding:7px 0; width:275px; right:0px; top:0; z-index:100}
#signup,#search {position:relative}
#signup input,#search input{color:white; position:absolute; background:black; border:2px solid #D0593B; height:15px; width:155px}
#search input.submit,#signup input.submit{cursor:pointer; background:url(/img/btn_header.gif) no-repeat; position:absolute; height:15px;border:none; text-indent:-999em;letter-spacing:-130px; /* for opera */}
#signup .button{height:14px; width:63px}
#signup input.submit{background-position:bottom left;width:63px;left:165px;top:4px}
#search{position:relative; height:25px}
#search input.submit{background-position:top left;width:24px;left:165px;top:3px}

#menu{background:black url(/img/nav.png) 17px 3px no-repeat; height:22px; margin-top:10px; padding:0 10px}
#menu li{float:left}
#menu li a{outline:0; display:block; margin:0 4px; height:22px}#menu li a:hover{background:url(/img/nav.png) 0 -20px no-repeat}
#menu li span{display:none}
#menu li.the-latest{width:113px}#menu li.the-latest a:hover{background-position:3px -20px; text-indent:-999em}
#menu li.about{width:68px}#menu li.about a:hover{background-position: -110px -20px}
#menu li.the-film{width:93px}#menu li.the-film a:hover{background-position: -178px -20px}
#menu li.the-music{width:98px}
#menu li.the-music a:hover{background-position: -271px -20px}
#menu li.the-artists{width:122px}
#menu li.the-artists a:hover{background-position: -369px -20px}
#menu li.the-store{width:106px}
#menu li.the-store a:hover{background-position: -491px -20px}
#menu li.media{width:64px}
#menu li.media a:hover{background-position: -597px -20px}
#menu li.extras{width:80px}
#menu li.extras a:hover{background-position: -661px -20px}
#menu li.contact{width:85px}
#menu li.contact a:hover{background-position: -741px -20px}

#sidebar{float:left; width:206px; background:#EDECEC}
#sidebar ul,#sidebar li{display:block}
#sidebar ul li ul{margin:10px 0px 15px 0px}

#sidebar ul li ul li a{padding:0 15px}
#sidebar ul li ul li ul li a{padding:0 30px}

#sidebar ul li ul li ul{margin:0px 0px 12px 0px}
#sidebar ul a{display:block}
#blog #sidebar ul a:hover{background:#DDA997; display:block}

.content {float:right; width:595px; }

#footer{clear:both; display:block; background:#000; padding:20px 15px 15px}
#footer p{background:black; margin:0; padding:0; line-height:1.1}
#footer .right p{color:#fff;}
#footer .left p{color:#767676;}
#footer a{text-decoration:underline; color:#F9695E}
#footer .left{width:142px; background:#767676; padding:10px 0 0 0; }
#footer .right{width:660px; background:#fff; padding:10px 0 0 0; position:relative}
#footer h5{background:black; margin:0; padding:0; height:34px; line-height:30px; color:#767676}
#footer .left h5{background:black url(/img/the-wordz-from-the-street-project.png) 0px -30px; height:40px; line-height:30px}
#footer .widget{position:absolute; top:17px; left:85px; }
#footer .read-the-book{position:absolute; right:0; top:15px; text-align:right; color:#767676}

.hidden{display:none}
.left{float:left}
.right{float:right}
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.rightalign{text-align:right}
.clear,.spacer{width: 100%;height: 1px;margin: 0 0 -1px;clear: both;}
.spacer{height:21px;}
.post .spacer{height:15px}
.hide{display:none}
.post{margin-bottom:12px}


ul.navigation{background:#DEDCDC; display:block; clear:both; height:45px; width:100%}
ul.navigation li{height:45px; float:left}
ul.navigation a:hover{background-color:#f6f6f6}
ul.navigation a.active{background-color:#ECECEC}
ul.navigation a.inactive{background-color:#DEDCDC}
ul.navigation a:focus{outline:none}

.content .wrapper{margin:13px 38px}
#thankyou .content, #blog .content, #contact .content,#support .content{background-color:#ECECEC}

.col-bottom{ position:absolute;z-index:9000; bottom:-2px; height:38px; background:#ECECEC; width:278px;}
.col-bottom .top{height:13px;background:#DEDCDC;}
.col-bottom a{margin-top:0px;background:#ECECEC; line-height:28px;padding:0 15px;cursor:pointer; color:#5A5C68;letter-spacing:0;text-decoration:none; }
.col-bottom a.visited{color:#5A5D62;}

#home .post,#film .post{background:#ececec;border-bottom:3px solid black;margin-bottom:10px;padding-bottom:10px;display:block; clear:both; }

div.author{position:static; margin:10px 0; padding:0; width:220px; text-align:right;background:url(/img/posted-by.gif) 0 2px no-repeat;}
#blog div.author{position:absolute; top:-2px; left:0; margin:0; text-align:right; font-size:1.1em; height:30px; line-height:30px}
div.author img{width:125px; height:28px;}
div.author span{display:none;}


#content form{margin-top:30px}
#content fieldset{border:none; margin:0 30px 60px 0; padding:0}
#content legend{display:none}
#content label{display:block; margin-top:5px}
#content input{background:#DEDCDD; width:180px; height:22px; border:1px solid #DEDCDD; margin-top:5px}
#content textarea{width:390px; height:322px; background:#DEDCDD; margin-bottom:20px; border:1px solid #DEDCDD; float:right; text-align:left}
#the-store #content textarea{width:390px; height:50px; background:#DEDCDD; border:1px solid #DEDCDD; float:right; text-align:left}
#content input.submit{border:none; background:url(/img/btn_submit.gif); width:92px; height:24px; text-indent:-999em; letter-spacing:-130px; /* for opera  */}
#content input.submit, #content input.sendbutton{border:none; background:url(/img/btn_submit.gif) no-repeat; width:95px; height:24px; text-indent:-999em; letter-spacing:-130px; /* for opera  */}
p.cf-sb{text-align:right; clear:both; display:block}
.cform input.sendbutton{margin:0px 0 0 310px; cursor:pointer}



.sIFR-flash{ visibility:visible !important;  margin:0;  padding:0}
.sIFR-unloading .sIFR-flash{ visibility:hidden !important}
.sIFR-replaced, .sIFR-ignore{ visibility:visible !important}
.sIFR-alternate{ position:absolute;  left:0;  top:0;  width:0;  height:0;  display:block;  overflow:hidden}
.sIFR-replaced div.sIFR-fixfocus{ margin:0pt;  padding:0pt;  overflow:auto;  letter-spacing:0px;  float:none}
.sIFR-dummy{ width:0px;  height:0px;  margin-left:42px;  z-index:0}
.sIFR-active h3.pagetitle { visibility: hidden; }
#home .sIFR-active .date,#blog .sIFR-active .date,#film .sIFR-active .date{visibility:hidden;}
/* .sIFR-active h3{visibility: hidden;} */

