/* - - - - - - - - - - - - - - - - - - - - -
* Filename: layout.css
* Version: 1.0.0 (2008-02-29)
* Website: http://adamholtmusic.com/
* Author: Rynno

== STRUCTURE: ==============================
* Page width: 775 px
* Number of columns: 0
============================================
- - - - - - - - - - - - - - - - - - - - - */

/*   Globals
=====================================*/
*{margin:0px; padding:0px; border:0px;}
ul, li{list-style:none;}
a{text-decoration:none; color:#E6B127;}
a:hover{color:#d7e9a1;}
p {margin-bottom:10px;}
h2, h3, h4, h5{margin-bottom:15px;}

.sIFR-active .shinyText {visibility:hidden; font:normal 18px/18px "Trebuchet MS", Arial, san-serif; margin-bottom:10px;}


/*   Body and Wrappers
=====================================*/
body{
background:#fff url(images/layout/topBG.jpg) top left repeat-x;
font:85%/1.5 "Trebuchet MS", Verdana, Arial, san-serif;
color:#999;
}
#container{
background:transparent url(images/layout/logo.gif) top left no-repeat;
position:relative;
margin:0px auto;
width:775px;
}
#banner{
background-image:url(images/layout/banner.jpg);
position:relative;
height:233px;
width:775px;
}
#pagePhoto{
position:absolute;
top:8px;
left:8px;
}
#slideRight{
position:absolute;
top:8px;
right:9px;
}



/*   Navigation Styles
=====================================*/
#nav{height:31px; padding-top:91px;}
#nav li{
margin:0px 5px;
float:left;
}
#nav li a{
padding:0px 15px;
letter-spacing:1px;
font-weight:bold;
line-height:28px;
display:block;
font-size:15px;
color:#fff;
}
#nav li a:hover{
background:url(images/layout/navOver.jpg) 0 0 repeat-x;
border-left:1px solid #B8CF63;
border-right:1px solid #B8CF63;
padding:0px 14px;
}
.hoverOn{
background:url(images/layout/navOver.jpg) 0 0 repeat-x;
}



/*   Body Content Styles
=====================================*/
#text{
/*position:relative;*/
padding:25px 0px 0px 5px;
width:500px;
float:left;
}

#sideBar{
background-color:#d7e9a1;
margin-right:5px;
margin-top:30px;
padding:10px;
float:right;
width:226px;
}
#sideBar ul{}
#sideBar ul li{
padding-left:1em;
margin:.2em 0px;
font-size:85%;
}

/* News Page */
.item{
background:transparent url(images/layout/divide.jpg) bottom center no-repeat;
padding-bottom:50px;
}
#dog{
position:relative;
bottom:-10px;
right:-41px;
}

/* sideNav Include */
.sideNav {
margin:5px 0px;
text-align:center;
width:226px;
}
.button {
text-align:center;
}
.button a:hover {
content: url(piggy.wav);
}

/* Reviews Page */
.quoteBlock{
background:transparent url(images/layout/quotes.jpg) -28px 1px no-repeat;
padding:10px 10px 10px 10px;
margin-bottom:15px;
}
.quoteBlock p{
background:transparent url(images/layout/quotes.jpg) 451px bottom no-repeat;
padding-bottom:5px;
}
.reviewer{
border-top:1px solid #eee;
background-color:#fafafa;
padding-left:10px;
margin-top:5px;
}
.reviewJob{
background:transparent url(images/layout/divide.jpg) bottom center no-repeat;
padding-bottom:50px;
padding-left:10px;
margin-top:0px;
}

/* Playlist Page */
.song{margin:0px; font-size:90%;}
.genre{color:#ebb328; font-size:28px; line-height:0.7em; clear:both;}

#songList{
margin-top:85px;
}
#genreTabs {
position:absolute;
top:475px;
left:0px;
}
#genreTabs li a{
color:#ebb328;
font-weight:bold;
padding:4px 1em;
display:block;
width:158px;
text-decoration:none;
background:#fff;
}
#genreTabs li a:hover{
background:#f8f8f8;
color:#ebb328;
}
#genreTabs li a:active,#genreTabs li a:focus{
background:#abbc6e;
color:#fff;
}

#collapsibles{
width:540px;
min-height:550px;
margin-left:185px;
padding-left:35px;
background:#fff;
}
.leftList{
display:block;
height:auto;
width:180px;
float:left;
}
/*li#showall{display:none;}*/
li#showall a{background:#c1c399; color:#fff;}
li#showall a:hover{background:#ebb328; color:#fff;}
.break{clear:left; height:20px;}


/*   Footer Styles
=====================================*/
#stopper{
height:1px;
width:100%;
clear:both;
}
#footer{
background:#fff url(images/layout/footBG.jpg) top left repeat-x;
padding-top:30px;
height:130px;
clear:both;
}
#footer a{color:#999;}
#footer a:hover{color:#d7e9a1;}
#footinfo{
position:relative;
margin:0px auto;
width:765px;
height:110px;
}
#footlinks{
position:absolute;
right:0px;
top:0px;
font-size:12px;
display:inline;
width:auto;
}
#personal{
display:block;
float:left;
font-size:14px;
text-align:center;
line-height:1em;
}
#personal span.book{font-size:28px; line-height:1em;}
#personal span.mail{font-size:12px; line-height:1em;}
#copyright span.design{font-size:12px;}
#copyright{
display:block;
position:absolute;
right:0px;
top:25px;
font-size:14px;
text-align:right;
width:auto;
}
.xhtmval{
position:absolute;
bottom:0px;
right:100px;
cursor:pointer;
width:92px;
height:32px;
}
.cssval{
position:absolute;
bottom:0px;
right:0px;
cursor:pointer;
width:77px;
height:32px;
}



/*   Form Styles
=====================================*/
h2.formTitle {}
label.desc{color:#666; display:block; font-weight:normal;}
input.text, textarea.textarea {
	background:#fff url(images/layout/fieldbg.gif) 0 0 repeat-x;
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:0; font-size:100%; color:#333;
	width:275px; line-height:18px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
form .req{float:none; color:#BC1503; display:none;}
form li {margin-bottom:10px;}
form li.focused{background-color:#fff7c0;}
form li.focused, form li:hover{position:relative;}
form .instruct{
	position:absolute; top:0px; left:0px; z-index:10;
	margin:0px 0px 0px 8px; padding:0px 10px 0px 10px;
	/*border:1px solid #e6e6e6; background:#f5f5f5;*/
	line-height:18px; font-size:80%; color:#BC1503;
	visibility:hidden; white-space:nowrap;
}
form .instruct small{font-size:105%;}
form li.focused .instruct, form li:hover .instruct{
	left:300px; top:15px; visibility:visible;
}



/*   sIFR 3 Styles
=====================================*/
.sIFR-flash {visibility:visible !important; margin:0; padding:0;}
.sIFR-replaced {visibility:visible !important;}
.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced > div {display:none !important;}
.sIFR-active .title {visibility:hidden; font:normal 36px/36px "Trebuchet MS", Arial, san-serif; color:#002799;}
.sIFR-active .sideTitle {visibility:hidden; font:normal 30px/30px "Trebuchet MS", Arial, san-serif; color:#002799;}