/*
Theme Name: Justin Guarini
Theme URI: http://www.justinguarini.com
Description: A custom theme
Author: Kristin Falkner
Author URI: http://www.kristinfalkner.com
*/
/*
RESET
*/
* { margin: 0; padding: 0; }
ul { list-style: none; }
ol { list-style: none; }
a { outline: none; text-decoration: none; }
a img { border: none; }
img { vertical-align: middle; }
table { border-collapse: collapse; }
/*
UTILITY
*/
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }
.smpad { padding: 5px 0; }
.top {vertical-align: top;}
.small {font-size: 10px;}
.bold {font-weight: bold;}
/*
STRUCTURE
*/
/* commented backslash hack \*/
html, body{width:100%; height:100%;}
/* end hack */
html,body {margin:0;padding:0}
* html #container {height:100%;}/* ie6 and under*/
body {
font: 10px 'Trebuchet MS', Helvetica, sans-serif;
color: #ccc;
text-align: center;
background-color: #000;
}
img, div { behavior: url(../../../iepngfix.htc)}
p {padding-bottom: 15px;}
#background {position:fixed; left:0; top:0; z-index:1; width:100%;}
#container {
z-index:2;
position:relative;
width:100%;
min-width:990px;
min-height:100%;
height:auto;
margin: 0;
text-align:left;
}
#header {width:100%; min-width:990px; border-bottom:1px solid #d7d1c6; height:33px; background-color:#000; position:relative;}
#nav {
font-size:14px;
letter-spacing:3px;
line-height:15px;
position:absolute;
width:622px;
top:2px;
left:882px;
margin-left:-495px;
}
#nav li {float:left; margin:8px;}
#main-logo {position:absolute; width:75%; max-width:892px; right:10px; bottom:0px;}
#main-logo img {width:100%;}
#sub-logo {
position:absolute;
width:901px;
bottom:12px;
right:69px;
z-index:3;
}
#sub-logo2 {position:absolute; width:700px; bottom:0px; left:0px; z-index:3;}
#content {
width:525px;
margin:0 auto;
padding-top:20px;
}
#content a {color:#9b805e;}
#content a:hover {color:#fff; text-decoration:underline;}
a {color: #d7d1c6; text-decoration: none;}
a:hover {color:#fff;}
.current_page_item {color:#fff;}
.current_page_item a {color:#fff;}
#sidebar {position:absolute; bottom:5px; left:5px; width:300px; float:left; font-size:16px;}
#sidebar img {margin-top:10px;}
.widgettitle {margin-top:10px;}
#sidebar .search-form input, #news-sidebar .search-form input {width:160px;}
#news-sidebar {width:300px; float:right;}
#news-sidebar .vevent {margin-bottom:5px;}
#news-sidebar h3 {font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#9b805e; margin-bottom:5px;}
#news-sidebar img {margin-top:10px;}
/*
JUSTIN
*/
#bio-page {text-align:left; padding-bottom:107px;}
#bio-pics {width:225px; float:left;}
#bio-text {width:550px; margin-left:10px; float:left; font-size:13px; line-height:18px;}
/*
NEWS
*/
.clean-post-title {width:100%; background-color:#9b805e; color:#000; padding:5px;}
.clean-post-content {padding:5px;}
#news-posts {padding-top:10px; width:525px; float:right;}
#news-page h2 {text-transform:uppercase; font-size:15px;}
#news-page h2 a {color:#000;}
.news-post-content {color:#fff; position:relative; z-index:5; background-color: rgba(0, 0, 0, 0.75); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); margin:-20px 20px 15px 15px; padding:20px 10px 0px 10px;}
.news-post-content a:hover {color:#fff;}
/*
BLOG
*/
#blog-page {
padding-bottom:120px;
font-size:13px;
}
#blog-page h2 {color:#a7a7a7;}
#blog-page a {color:#a7a7a7;}
#blog-page a:hover {color:#000;}
.post-title {position:relative; z-index:100; background-image:url(../../images/blogtitle_bg.png); background-position:top left; width:512px; height:71px;}
.post-content {position:relative; z-index:5; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000'); margin:-20px 20px 15px 15px; padding:20px 10px 0px 10px;}
#blog-page h2 a {color:#000;}
#blog-page h2 a:hover {color:#000;}
#blog-page h2 {font-size:16px; text-transform:uppercase; padding:25px 0px 0px 20px;}
#blog-posts {
width:520px;
float:left;
}
/*
APPEARANCES
*/
#appearances-page {width:450px; float:right;}
.appearances-footer {background-color:#000; padding:5px;}
/*
MUSIC
*/
#album-single {padding-bottom:120px;}
.album-cover {width:200px; float:left;}
.album-cover p {text-align:center; color:#787878; font-style:italic; margin-top:5px;}
.album-cover img {border:1px solid #9b805e;}
.album-info {width:500px; float:left; margin-left:20px; font-size:14px;}
.album-info h2 {font-size:20px; color:#d7d1c6; margin-bottom:10px;}
#post-164 .onebit_mp3 a {display:inline;}
.onebit_mp3 a { display: none; }
.album-grid {text-align:center; width:200px; height:225px; float:left; margin:10px 25px;}
.album-grid h3 {margin-top:5px;font-size:11px; text-transform:uppercase; text-align:center;}
/*
VIDEOS
*/
#video-page {padding-bottom:107px;}
#video-page img {border:1px solid #9b805e;}
#video-page img:hover {border:1px solid #fff;}
#video-page p {margin-top:5px;}
#single-video {text-align:center;}
#single-video img {border:1px solid #9b805e;}
#single-video img:hover {border:1px solid #fff;}
#single-video p {margin-top:5px;}
.individual-video {width:200px; height:180px; text-align:center; margin:10px 25px; float:left;}
/*
PHOTOS
*/
#photos-page {width:750px; margin:0 auto;}
/*
FORUMS
*/
#phpbb {text-align:left;}
.inner {text-align:left;}
#forums-header {width:100%; min-width:990px; border-bottom:1px solid #d7d1c6; height:33px; background-color:#000; position:relative;}
#forums-header a {color:#d7d1c6;}
#forums-header a:hover {color:#fff; text-decoration:none;}
.forums-link a {color:#fff;}
/*
STORE
*/
#store-page {float:right; text-align:right; font-size:40px;}
#store-page p {background-color:#000; padding:10px;}
/*
CONTACT
*/
#contact-page {text-align:left; font-size:16px; padding-bottom:107px;}
/*
COMMENTS
*/
/*
COMMENTS
*/
.commentlist a {color:#000;}
.commentlist a:hover {color:#fff;}
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block;}
ol.commentlist{width:100%;}
h3#comments,#respond h3{text-align:left;color:#fff;letter-spacing:1px;padding:5px 0px; margin:5px 0px; text-transform:uppercase;}
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0;}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0px;}
ol.commentlist{border-bottom:1px solid #ccc;}
ol.commentlist ul{margin:0 0 0 20px;}
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc;}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none;}
li.even{background:#000;}
li.odd{background:#434343;}
.authorcomment{background:#deebf9;}
ul.children ul{margin-left:20px;}
ul.children li{border-right:none;}
.vcard img{float:left;background:#fff; margin:0px 0px 5px 0px; padding:1px;}
.comment-navigation .newer a,.comment-navigation .older a{padding:5px;}
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative;}
.comment-meta,ol.commentlist li small{top:10px;left:10px;}
.comment-text{margin:0 10px 0 0;}
.reply,.comment-navigation .newer,input#submit{float:right;}
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{color:#fff;}
.reply{margin:0 10px 10px 0;}
.reply a:hover {color:#fff;}
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#e7e7e7;text-decoration:none;color:#000;font-weight:bold; display:inline-block;text-align:center;cursor:pointer;border:1px solid #000;}
a.comment-reply-link,.reply a:link{padding:5px 0;}
a.comment-reply-link,.reply a:link,input#submit{width:70px;}
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#686868;text-decoration:none;color:#fff;font-weight:bold;border:1px solid #000;}
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:70px;}
a.comment-reply-link:hover,.reply a:hover{padding:5px 0px;}
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #000;}
.comment-navigation{margin:10px 0 10px 0;}
.comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden;}
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:5px;}
form#commentform {margin-top:10px;}
form#commentform textarea,form#commentform input{padding:2px 3px;}
form#commentform textarea{width:442px;}
input#submit{padding:5px 0 !important;border:1px solid #000 !important;}
input#submit,p.subscribe-to-comments input{outline:0;}
input#submit:hover{padding:5px 0 !important;border:1px solid #000 !important;}
.comment-rss{background:url('images/rss_32.html') no-repeat;}
/*comment total stlying*/
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}
/*
CEEBOX
*/
/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html,body{height:100%;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_closeBtn { background-image: url(../../images/cee-close-btn.png); }
#cee_next { background-image: url(../../images/cee-next-btn.png); }
#cee_prev { background-image: url(../../images/cee-prev-btn.png); }
* html #cee_next { background-image: url(../../images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev { background-image: url(../../images/cee-prev-btn.gif); } /* IE6 hack */
#cee_load { background-image: url(../../images/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js */
#cee_box {background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_box {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #fff;
}
#cee_count {
font: 10px Arial, Helvetica, sans-serif;
-moz-opacity: 0.8;
opacity: 0.8;/* opacity used to reduce contrast of font color so that any main color will work */
clear:left;
float:left;
padding: 2px 0 4px;
}
.cee_html #cee_title h2 {float:left;}
.cee_html #cee_count {clear:none;padding-left:5px;}
* html #cee_count { /* ie6 hack */
zoom:1;
padding-bottom:6px;
}
#cee_next,#cee_prev{
height:100%;
width: 49%;
text-indent:-10000px;
text-decoration:none;
visibility:visible;
background-repeat:no-repeat;
}
#cee_box a {border:0;outline:none}
#cee_box a:link {color: #666;}
#cee_box a:visited {color: #666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666;}
#cee_box a:focus{color: #666;}
#cee_closeBtn {
background-repeat: no-repeat;
display:box;
width:24px;
height:23px;
position:absolute;
text-indent:-10000px;
}
/* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative.
Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */
#cee_closeBtn {top:-3px;right:-3px;} /* base value only here for IE8 */
#cee_closeBtn, #ie8#hack {top:-10px;right:-10px;} /* All browsers except IE8 see this; IE8 keeps using the */
*:first-child+html #cee_closeBtn{top:-3px;right:-3px;} /* only IE7 sees this*/
* html #cee_closeBtn{top:-3px;right:-3px;} /*only IE 6 sees this*/
#cee_closeBtn:hover {
background-position: 0px -23px;
}
.cee_close {cursor:pointer}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_box {
text-align:left;
color:#000;
}
#cee_box img#cee_img, #cee_vid,#cee_iframeContent,#cee_ajax {
display:block;
margin: 15px 15px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#cee_title {
padding:7px 15px 5px 15px;
overflow:hidden;
}
.cee_html #cee_title{
background-color:#e8e8e8;
height:18px;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}
#cee_title h2 {
font-size:1em;
font-weight:400;
margin:0 0 1px;
}
#cee_ajax{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#cee_load{
display:none;
height:50px;
width:50px;
margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */
background-position: center center;
background-repeat:no-repeat;
}
#cee_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #cee_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#cee_iframe{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
}