@import url('reset.css');
@import url('type.css');

/* Float Clearing */
.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix, * html .container {height: 1%;}
/* End hide from IE-mac */

.clear{ clear: both; height: 0; }

body{
	text-align: center;
}

.container{
	width: 800px;
	text-align: left;
	margin: 0 auto;
}

/** header/footer styles **/
#header{
	padding-top: 72px;
}

#header .container{
	background: url(../img/logo.jpg) bottom left no-repeat;
}

h1#logo{ display: none; margin: 0; padding: 0;}

ul#nav{ float: right; margin-top: 12px; }
ul#nav li{ float: left; margin-left: 10px; font-size: 14px; font-weight: bold; letter-spacing: -1px;}
ul#nav a{ display: block; padding: 4px 8px; text-decoration: none; color: #4b4b4b; line-height: normal}
ul#nav a span{ color: #b7b7b7;}
ul#nav a:hover{ background: #efefef; }
ul#nav .curr a{ background: #ddd; }

#footer{
	padding: 15px 0 25px;
	font-size: 80%;
	letter-spacing: 1;
}

#footer .container{
	text-align: right;
}

/** content styles **/
#content{
	background: #efefef;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 15px 0;
}

ul.sub-nav{
	margin-bottom: 15px;
}

ul.sub-nav li{
	border-bottom: 1px dotted #ccc;
}

ul.sub-nav a, #channel-nav li.channel{
	text-decoration: none;
	display: block;
	padding: 3px;
	font-size: 115%;
	letter-spacing: -1px;
	color: #888;
	font-weight: bold;
}


ul.sub-nav a:hover{
	background: #ddd;
}

ul.sub-nav .curr a, #channel-nav li.curr, #channel-nav .curr a{
	color: #000;
}

ul.sub-nav li.sub a, #channel-nav li.video a{
	padding-left: 25px;
	background: url(../img/layout/sub-gal-icon.png) top left no-repeat;
}

ul.sub-nav li.sub a:hover, #channel-nav li.video a:hover{
	background: url(../img/layout/sub-gal-icon.png) #ddd top left no-repeat;
}


/** photo galleries **/
.left-col{
	float: left;
	width: 152px;
}

.main-col{
	width: 640px;
	height: 660px;
	float: right;
}

#photothumbs{ list-style: none; }

#photothumbs .thumb{
	float: left;
	width: 49px;
	margin: 0px 2px 2px 0px;
	padding: 0;
}

#photothumbs .last{
	margin-right: 0;
}

#photothumbs li{ margin: 0; padding: 0; }
#photothumbs a{ display: block;}
#photothumbs a img{ border: 2px solid #fff; display: block; }
#photothumbs a:hover img{ border: 2px solid #f00; }
#photothumbs a.activeSlide img{ border: 2px solid #666; }

#photoholder{ text-align: center; width: 640px;}
#photoholder img{ border: 3px solid #000; }
#photoholder p{ font-size: 80%; padding: 10px 45px 0; text-align: justify;}
#photoholder .date{ font-weight: bold; }

#slide-nav{
	margin-top: 2px;
	border-top: 1px dotted #ccc;
	padding: 5px 2px;
}
#slide-nav a{ display: block; padding: 3px 0;}
#slide-nav #slideplay, #slide-nav #slidepause{ float: left; }
#slide-nav #slidenext, #slide-nav #slideprev{ float: right; }


#about-me #profile-pic{
	float: right;
	border: 2px solid #666;
	margin: 0 0 10px 10px;
}

#video-view{ text-align: center; }

#video-view div{
	width: 480px;
	text-align: justify;
	margin: 5px auto;
}

#video-view .video{ margin-bottom: 20px; }

#video-view h2, #video-view h3{ margin-bottom: .1em; }