/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Design & Code by Mike Mella
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout and general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
background: url(http://thomasyu.ca/images/topRepeat.jpg) repeat-x 0px 0px;
font: normal 76%/140% Tahoma, arial, sans-serif;
}
#wrap{
margin-left: auto;
margin-right: auto;
width:995px;
height:auto;
border: solid #333 0px;
}  	
#content{
width:778px;
text-align: left;
border:solid red 0px;
margin:0 auto;
}	
#footerContainer{
text-align:center;
background: #fff url(images/bottomRepeat.jpg) repeat-x 0px 0px;
width:100%;
height:144px;
float:left;
margin-top:30px;
}
#footer{
margin:0 auto;
text-align:center;
background: #fff url(images/footer.jpg) no-repeat bottom center;
width:725px;
height:144px;
color:gray;
font-size:10px;
}
.comments{
margin-bottom:1em;
padding:0px;
}	

body#guestbookPage .comments{
margin-left:auto;
margin-right:auto;
}
.commentPreview{
border:solid 1px #FFD700;
padding:1em 1em 0em 1em ;
background:#FEFFAF;
}
.entry{
margin:1em auto;
background:#fffcf7;
border-top:1px solid #E1CDAC;
border-bottom:1px solid #E1CDAC;
}
.entryFooter{
height:2em;
width:auto;
/*background:#efe3d1;*/
font-size:0.9em;
color:#BFAD8F;
margin-left:1em;
margin-right:1em;
}


.readMore{
height:1em;
float:right;
margin:0;
padding:0;
}
.commentsTotal{
height:1em;
float:left;
color:#bbb;
}
.smallBoxBlog,
.smallBoxMusic{
width:45%;
margin-bottom:2em;
float:left;
}
.smallBoxLive,
.smallBoxSearch{
width:45%;
margin-left:5%;
float:left;
}
.smallBoxGuestbook{
width:45%;
float:left;
}
.entry p.blogImage{
text-align:center;
}
.entry p.blogImage img{
text-align:center;
margin:5px auto;
background:white;
padding:5px;
border:1px solid #e1cdac;
}
img.rss-icon{
border:0;
}
.flairBio{
background:url(http://www.thomasyu.ca/images/flairTom.jpg) no-repeat 0 0;
border:solid 0px;
width:348px;
height:279px;
float:right;
}
div.generalContainer{
clear:both;
height:auto;
display:block;
border:solid 0px;
}
#yuTubeBox{
margin-left:10px;
float:left;
border:solid 0px;
width:410px;
height:385px;
}

#yuTubeSwfobject{
width:410px;
height:385px;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Image Gallery Thumbnails
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.row{
width:778px;
height:250px;
}
.thumbnail{
width:129px;
float: left;
padding: 0px;
margin: 0;
}
.thumbnailPress{
width:150px;
float: left;
padding: 0px;
margin: 0 0 0 3px;
}
.thumbnailPress p{
margin:0;
padding:0;
text-align:center;
}

.clearboth { clear: both; }

a.special img{
border:solid 0px #996600;
margin: 0px;
padding: 0px;
}

a.special:hover img{
background-color:#ffffff;
border:solid 0px #5a8917;
margin: 0px;
padding: 0px;
}

* html a.special:hover{
border:solid 0px #066;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1#masthead { 
background: url(images/masthead.jpg) no-repeat top center;
height:150px;
padding:0px;
margin:0px auto;
text-indent:-9000px;
}

h1, h2, h3, h4, h5, h6 { 
font-size:2em;
font-family: "Times New Roman", Times, serif;
font-weight:normal;
margin:10px;
}
.entry h2{
font-size:1.8em;
margin-bottom:0;
}
h3{
font-size:1.5em;
line-height:1.2em;
}
h3.blogPosts{
margin-top:20px;
margin-bottom:5px;
padding:0;
}
#homePage .entry h3,
#blogPage .entry h3{
margin-top:.2em;
margin-bottom:0;
}
h4{
font-size:1.3em;
}
h5{
font-family: Tahoma, Arial, sans-serif;
font-size:1em;
margin:0;
padding:0;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paragraph and Link Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a{ 
outline:none;
}
a:link{
color:#a60000;
}
a:visited{
color:#b59868;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}

p { 
padding:5px 10px;
}
#footer p{
padding-top:40px;
}

	p a { }

p.posterDeets{
color:#CFBA9B;
font-size: 0.8em;
border-top:1px dotted #ddd;
}	
#homePage .entryDate,
#blogPage .entryDate{
font-size:0.9em;
color:#BFAD8F;
margin:0;
padding-top:0;
padding-bottom:0;
}
#homePage .entry p{
margin:0 auto;
}
p.blogPostNav{
text-align:center;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Lists and Navigation 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nav 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#nav {	background: url(images/nav.jpg) top center no-repeat;					
		width: 995px;
		height: 50px;
		padding: 0px;
		margin-top: 0px;
		position: relative;
		left:0px;
		border:0px solid;
	}
	
	#nav li {padding: 0; list-style: none; position: absolute; top: 0;}
	
	#nav li, #nav a {display: block; border:0px solid; margin-top: 3px; height:38px; text-indent:-9999px;}
	li#home {left: 105px; width:75px;}
	li#bio {left: 180px; width:65px;}
	li#blog {left: 245px; width:75px;}
	li#live {left: 323px; width:66px;}
	li#music {left: 390px; width:85px;}
	li#photos {left: 477px; width:92px;}
	li#press {left: 571px; width:79px;}
	li#guestbook {left: 652px; width:129px;}
	li#contact {left: 783px; width:105px;}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
For pages that you're currently on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
body#homePage li#home a {background: transparent url(images/nav.jpg) -25px -104px no-repeat; height:49px;}
body#bioPage li#bio a {background: transparent url(images/nav.jpg) -100px -104px  no-repeat; height:49px;}
body#blogPage li#blog a {background: transparent url(images/nav.jpg) -165px -104px  no-repeat; height:49px;}
body#livePage li#live a {background: transparent url(images/nav.jpg) -243px -104px  no-repeat; height:49px;}
body#musicPage li#music a {background: transparent url(images/nav.jpg) -310px -104px no-repeat; height:49px;}
body#photosPage li#photos a {background: transparent url(images/nav.jpg) -397px -104px no-repeat; height:49px;}
body#pressPage li#press a {background: transparent url(images/nav.jpg) -491px -104px  no-repeat; height:49px;}
body#guestbookPage li#guestbook a {background: transparent url(images/nav.jpg) -572px -104px  no-repeat; height:49px;}
body#contactPage li#contact a {background: transparent url(images/nav.jpg) -703px -104px  no-repeat; height:49px;}
	
	li#home a:hover {background: transparent url(images/nav.jpg) -25px -55px no-repeat;}
	li#bio a:hover {background: transparent url(images/nav.jpg) -100px -55px  no-repeat;}
	li#blog a:hover {background: transparent url(images/nav.jpg) -165px -55px  no-repeat;}
	li#live a:hover {background: transparent url(images/nav.jpg) -243px -55px  no-repeat;}
	li#music a:hover {background: transparent url(images/nav.jpg) -310px -55px no-repeat;}
	li#photos a:hover {background: transparent url(images/nav.jpg) -397px -55px no-repeat;}
	li#press a:hover {background: transparent url(images/nav.jpg) -491px -55px  no-repeat;}
	li#guestbook a:hover {background: transparent url(images/nav.jpg) -572px -55px  no-repeat;}
	li#contact a:hover {background: transparent url(images/nav.jpg) -703px -55px  no-repeat;}
	
	li#home a:active {background: transparent url(images/nav.jpg) -24px -104px no-repeat;}
	li#bio a:active {background: transparent url(images/nav.jpg) -99px -104px  no-repeat;}
	li#blog a:active {background: transparent url(images/nav.jpg) -164px -104px  no-repeat;}
	li#live a:active {background: transparent url(images/nav.jpg) -242px -104px  no-repeat;}
	li#music a:active {background: transparent url(images/nav.jpg) -309px -104px no-repeat;}
	li#photos a:active {background: transparent url(images/nav.jpg) -396px -104px no-repeat;}	
	li#press a:active {background: transparent url(images/nav.jpg) -490px -104px  no-repeat;}
	li#guestbook a:active {background: transparent url(images/nav.jpg) -571px -104px  no-repeat;}
	li#contact a:active {background: transparent url(images/nav.jpg) -702px -104px  no-repeat;}
	

ul.subNav{
border:solid 0;
width:50%;
height:100%;
margin:0;
}
.subNav li{
margin-left:10px;
list-style: none;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
form{
width:100%;
margin:0 auto;
padding:0;
}
textarea, input{
background-color:#fffcf7;
border:solid 1px #e1cdac;
font-family: Tahoma, Helvetica, arial, sans-serif;
font-size:1em;
padding:0.2em;
}
textarea{
width:100%;
}
input#keywords{
width:260px;
margin-bottom:1px;
margin-left:2em;
background-color:#fff;
border:solid 1px #e1cdac;
}
.submit{
padding:0;
margin-bottom:-4px;
height:23px;
width:27px;
border:0px solid;
text-indent:-9999px;
}
.submitLong{
padding:0;
margin-bottom:-4px;
height:23px;
width:59px;
border:0px solid;
text-indent:-9999px;
}
.checkbox{
background:none;
border:0;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Table cells (used in search results)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.resultHead{
font-family: "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.5em;
line-height:1.2em;
}
.resultRowOne{
border-left: 0px solid #E1CDAC;
border-top: 1px solid #E1CDAC;
border-right: 0px solid #E1CDAC;
border-bottom: 1px solid #E1CDAC;
background:#FFFCF7;
}
.titleCell{
width:200px;
}