/* Theme Name: EvanNinja Theme URI: http://www.evanarnett.com/ Description: Evan's Site Theme. Version: 2.0 Thank God */ /* = First we reset... ================================================================================================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";} /* = Global Parameters ================================================================================================================== */ body, html {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; background:url(images/bg.jpg) no-repeat left top #0D0504;} /* = Text and Links ===================================================================================================================== */ a {color:#8299B9; text-decoration:none;} a:hover {color:#FFF;} h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#FFF;} h1 {font-size:30px; margin:0 0 5px 0; line-height:34px;} h2, h3 {font-size:22px; line-height:26px; margin:0 0 15px 0; clear:both;} h4, h5, h6 {font-size:16px; margin:10px 0 0 0;} hr {clear:both; height:0; border:0; border-bottom:1px dotted #8299B9; margin:10px 0 20px 0;} small {font-size:11px;} big {font-size:14px; line-height:22px;} p {margin:5px 0 15px 0;} strong {font-weight:bold;} em {font-style:italic;} img.alignright, img.alignleft, img.aligncenter {border:4px solid #8299B9; outline:1px solid #333;} .alignright {float:right; margin:5px 0 5px 20px;} .alignleft {float:left; margin:5px 15px 5px 0;} .alignnone {clear:both; margin:5px 0 5px 0;} .aligncenter {clear:both; margin:5px auto;} .clr {clear:both;} .logo, #nav a {background-image:url(images/sprites.gif); background-repeat:no-repeat;} /* = Buttons ============================================================================================================================ */ .btn {display:block; padding:0; margin:0; font-family:Arial Helvetica, sans-serif; color:#FFF; text-align:center; font-weight:bold; text-decoration:none; border:none!important; background-color:transparent!important;} /* = Layout ============================================================================================================================= */ #wrap {width:960px; margin:0 0 0 40px;} #header {position:relative; width:960px; height:100px; border-bottom:2px solid #8299B9; margin:0 0 30px 0;} .logo {display:block; position:absolute; width:226px; height:31px; top:47px; background-position:left top; text-indent:-999em;} .logo:hover {background-position:left bottom;} #nav {position:absolute; width:499px; height:31px; top:47px; right:0;} #nav a {display:block; float:left; text-indent:-999em; height:31px;} .blog {width:121px; background-position:-462px top;} .biog {width:167px; background-position:-582px top;} .work {width:144px; background-position:-749px top;} .cont {width:67px; background-position:right top;} .blog:hover, .blog.current {background-position:-462px bottom;} .biog:hover, .biog.current {background-position:-582px bottom;} .work:hover, .work.current {background-position:-749px bottom;} .cont:hover, .cont.current {background-position:right bottom;} #msg {float:left; margin:30px 0;} #msg h1 {font-size:64px; color:#D5D5D5;} #msg h2 {font-weight:normal; font-size:33px; color:#D5D5D5;} #msg h2 strong {color:#FFF;} #msg p {font-size:17px;} #body {float:left; margin:20px 0; width:960px; line-height:20px;} #left, #right, .split {width:465px;} #left, #split_1 {float:left;} #right, #split_2 {float:right;} #left h3, #right h4 {font-size:18px; padding:0 0 20px 0;} #left .posts {float:left;} .posts dt {font-size:14px;} .posts dd {margin:5px 0 25px 0;} .releases {float:left; list-style:none!important; margin:0 0 30px 0!important;} .releases li {float:left; width:90px; height:80px; text-align:left; margin:0 0 10px 0;} .releases a {display:block; border:1px solid #333; width:80px; height:80px;} .releases a:hover {border-color:#8299B9;} #content {width:705px; float:right;} .wide {width:960px!important;} #sidebar {width:225px; float:left;} #content ul {list-style:square; margin:5px 0 15px 20px;} #content ol {list-style:decimal; margin:5px 0 15px 25px;} #releaseimg {float:left; margin:0 30px 0 0; border:1px solid #333;} #audioplayer {clear:both; width:300px; height:32px;} .purchase a {display:block; float:left; width:75px; height:25px; text-indent:-999em; background-image:url(images/purchaselinks.png); background-repeat:no-repeat;} .purchase a:hover {border:none;} .itunes {background-position:left top} .beatport {background-position:-75px top} .amazon {background-position:-150px top} .juno {background-position:right top} .itunes:hover {background-position:left bottom} .beatport:hover {background-position:-75px bottom} .amazon:hover {background-position:-150px bottom} .juno:hover {background-position:right bottom} .releasedetail {float:left; font-size:12px; line-height:18px; margin:10px 0 0 0;} .releasedetail dt {font-weight:bold; clear:left;} .releasedetail dd {margin:0 0 20px 0;} .releasedetail ol {float:left; list-style:decimal; margin:0 0 15px 20px!important;} .post {width:100%; float:left; margin:20px 0;} .post dt {clear:both; width:100%; padding:0 0 10px 0!important; margin:0 0 10px 0!important; font-size:18px; line-height:26px!important; font-weight:bold; border-bottom:1px dotted #8299B9;} .post dd, .single .entry {float:left; width:575px;} .postmeta {float:right!important; width:100px!important; font-size:11px; text-align:left!important;} .postmeta strong {font-size:12px; font-weight:bold;} .comments {clear:both;} .comment {float:left; clear:both; margin:15px 0 25px 0;} .cmt-auth {width:50px; float:left; font-size:11px; margin:5px 20px 0 0; line-height:16px!important; text-align:center;} .cmt-text {width:620px; float:left; margin:0 0 0 0;} .alt {color:#999!important;} .pinglist {list-style:none; margin:10px 0!important;} #commentform {float:left; margin:10px 0;} #commentform input, #commentform textarea {width:570px; padding:4px; margin:5px 0; background:#000; border:1px dotted #8299B9; font-family:Arial; color:#FFF;} #commentform label {clear:left; margin:5px 0; display:block; width:110px; float:left;} label small {font-size:10px; color:#777;} #commentform #submit {width:120px; padding:0!important; margin:0 0 0 110px!important; height:20px; border:none!important; background:#8299B9; color:#FFF; font-size:11px; font-weight:bold; font-family:Arial; text-transform:uppercase;} .bloglists dt {font-weight:bold; font-size:14px;} .bloglists dd {margin:0 0 30px 0;} #footer {clear:both; float:left; margin:20px 0; width:960px; height:100px; border-top:2px solid #8299B9;} #footer li {float:left; padding:10px 0; font-size:11px;} #footer .right {float:right;} /* = cForms ========================================================================================== */ /* main 'top-level' form elements */ .cform {margin:10px 0; width:465px;} .cform fieldset {margin-top:10px; padding:5px 0 15px 0; width:465px;} .cform .cf_hidden {display:none; border:none!important; background:none!important; padding:0!important; margin:0!important;} .cform legend {display:none;} ol.cf-ol {margin:0!important; padding:0!important;} ol.cf-ol li {background:none!important; margin:5px 0!important; padding:0; list-style:none!important; text-align:left; line-height:1.3em;} /* just for text-only fields (no input) */ ol.cf-ol li.textonly {margin:10px 0pt!important; padding:5px 0pt;} /* global definitions for field labels */ .cform label {width:100%; margin:10px 10px 0 0; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ vertical-align:top;} .cform label span {width:100%; /* must be the same as above!*/ display:block;} label.cf-before {margin:4px 10px 0 0;} label.cf-after {margin:4px 15px 0pt 6px; text-align:left; width:350px;} label.cf-after span {width:100%; display:block;} label.cf-group-after {margin:3px 4px 0 2px; width:350px; text-align:left;} label.cf-group-after span {width:100%; display:block;} label.cf-after em {font-size:11px; font-weight:bold; font-style:normal; color:red;} /* FORM FIELDS general formatting */ .cform input, .cform textarea, .cform select {padding:3px; background:#000; color:#FFF; border:1px dotted #8299B9; vertical-align:top;} .cform input:hover, .cform textarea:hover, .cform select:hover {background:#222;} .cform input:focus, .cform textarea:focus, .cform select:focus {background:#111;} .cform textarea, .cform input {width:250px;} .cform select {width:258px; /* attempt to have equal length */ padding:2px 0;} .cform select.cfselectmulti {height:7.5em;} .cform textarea {font-family:arial; font-size:0.9em; overflow:auto;} /* radio button title */ ol.cf-ol li.cf-box-title {font-weight:bold; letter-spacing:1px; padding:8px 0 0 170px; /* check with label 'width' incl. */} /* check boxes */ .cform input.cf-box-a, .cform input.cf-box-b {margin:2px 0 0 0; width:14px; height:22px; border:none!important; background:none!important;} .cform input.cf-box-a {margin-left:170px; /* check with label 'width' incl. */} /* check box groups */ ol.cf-ol li.cf-box-group {margin:10px 0pt 0px !important; padding-left:170px;} /* formatting for text: "(required)" & other */ span.reqtxt, span.emailreqtxt {margin:3px 0 0 3px; font-size:0.9em; display:-moz-inline-box; vertical-align:top;} /* FORM submit button */ p.cf-sb {text-align:left; padding:0!important; margin:0;} .cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {width:100px; padding:5px; margin:0; font-size:11px; font-weight:bold; color:#FFF; background:#8299B9; border:none!important; font-family:Arial;} .cform input.resetbutton {width:auto; padding:5px 1em;} .cform input.backbutton {width:auto; padding:5px 1em;} /* FORM FIELDS enhanced error display */ ol.cf-ol li.cf_li_err {background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 0!important; margin:5px 0!important;} ol.cf-ol li ul.cf_li_text_err {height:1%; min-height:1%; margin:0 0 0 100px; padding:0; color:#333;} ol.cf-ol ul.cf_li_text_err li {background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px;} ol.cf-ol ul.cf_li_text_err li:before {content:'';} /* 'visitor verification' related styles */ label.secq, label.seccap {vertical-align:text-bottom; margin-bottom:4px;} input.secinput {vertical-align:text-bottom; margin:-10px 0 0 0; float:left;} #cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {height:15px; width:50px; padding:4px 4px; margin:0;} img.captcha {vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important;} img.captcha-reset {vertical-align:text-bottom; background:url(images/captcha_reset.png) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none;} img.imgcalendar {border:none;} /* change formatting of response msgs here */ div.cf_info {color:#FFF; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px 0;} div.cf_info ol {margin:0; padding:5px 15px 0 30px;} div.cf_info ol li {padding:1px 0; margin:2px 0;} div.cf_info a {color:#ad2929!important; text-decoration:underline!important;} div.success {background:#000 none repeat scroll 0% 50%; color:#FFF; display:block;} div.failure {display:block; background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt;} div.waiting {background:#F9F9F9; color:#AAA; display:block;} /* formatting for invalid user inputs */ .cform .cf_error {color:#ad2929; border:1px solid #ad2929;} div.mailerr {display:block;} .mailerr, .cform .cf_errortxt {color:#ad2929;} /* disabled fields [disabled] does not work on IE! */ [disabled] {color:#DDD; border-color:#DDD!important; background:none!important;} .disabled {border-color:#DDD!important;} /* upload box styling */ .cform input.cf_upload {width:220px; background:#f9f9f9; border:1px solid #888;} /* Other:link love */ .linklove {display:none; visibility:hidden;} /* Other:browser hacks */ * html .cform fieldset {position:relative; margin-top:15px; padding-top:25px;} * html .cform legend {position:absolute; top:-10px; left:10px; margin-left:0;} *+html .cform fieldset {position:relative; margin-top:15px; padding-top:25px;} *+html .cform legend {position:absolute; top:-10px; left:10px; margin-left:0;} * html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt {display:inline-block; /*for ie6*/} *+html .cform label, *+html ol.cf-ol, *+html ol.cf-ol li, *+html span.reqtxt, *+html span.emailreqtxt {display:inline-block; /*for ie7*/} * html img.captcha {margin-bottom:1px!important;} *+html img.captcha {margin-bottom:1px!important;} .tipsy {padding:10px 10px 10px 5px; font-size:12px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(images/tipsy.gif);} .tipsy-inner {padding:5px 8px 4px 8px; background-color:#FFF; color:#111; font-weight:bold; max-width:200px; text-align:center; line-height:20px;} .tipsy-north {background-position:top center;} .tipsy-south {background-position:bottom center;} .tipsy-east {background-position:right center;} .tipsy-west {background-position:left center;}