/* Stylesheet for hectorceballos.com 

Version 1.0
Copyright Hector Ceballos

*/

body {
	margin:5px;
	}
	
p { margin-top:0; margin-bottom:10; }

h1 { 
	margin:auto;
	padding-top:25px;
	padding-bottom:15px;
	width:424px;
	text-align:left;
	font-family:arial;
	font-size:19pt;
	font-weight:normal;
	letter-spacing:-2px;
	color:#CECAC0;
	}
	
h2 { 
	margin:auto;
	padding-top:25px;
	padding-bottom:15px;
	width:424px;
	text-align:left;
	font-family:arial;
	font-size:19pt;
	font-weight:normal;
	letter-spacing:-2px;
	color:#aaa;
	}
	
h3 {
	border-top:1px dotted #9E9B92;
	padding-top:10px;
	width:424px;
	margin:auto;
	text-align:left;
	font-family:arial;
	font-size:7pt;
	color:#9E9B92;
	}
	
	h4 { 
	border-bottom:1px dotted #9E9B92;
	margin:auto;
	padding-top:15px;
	padding-bottom:15px;
	width:424px;
	text-align:left;
	font-family:arial;
	font-size:14pt;
	font-weight:normal;
	letter-spacing:-2px;
	color:#aaa;
	}

#outer {
	text-align:center;
	background-image:url("../images/bg.png");
	background-repeat:repeat-x;
	}

p.credits { 
	width:432px;
	margin:auto;
	margin-bottom:25px;
	margin-top:-10px;
	padding-left:5px;
	text-align:left;
	font-family:arial;
	font-size:8pt;
	color:#9E9B92;	
	}	
	
.block {
	text-align:center;
	margin:5px auto;
	}

div.videoplayer { 
	margin-bottom:50px;
}
	
div.photoframe {
	text-align:left;
	width:456px;	
	margin:auto;
	margin-top:10px;
	}

div#thumbnails { 
	width:456px;
	height:600px;
	text-align:left;
	margin:auto;
	}
	
div.thumbnailframe { 
	float:left;
	margin-right:10px;
	}
	
div.thumbnailframe img { 
	border:0;
	width:100px;
	height:100px;
 }
	
div.thumbnailcaption { 
	width:105px;
	margin-left:17px;
	margin-bottom:17px;
	margin-top:0px;
	text-align:left;
	font-family:arial;
	font-size:7pt;
	color:#9E9B92;
	}
	
table.frame { border:0px;}
table.frame td { padding:0px; }
table.frame td#tl { width:17px; height:17px; background-image:url("../images/frame_tl.png"); }
table.frame td#t {  height:17px; background-image:url("../images/frame_t.png"); background-repeat:repeat-x; }
table.frame td#tr { width:18px; height:17px; background-image:url("../images/frame_tr.png"); }
table.frame td#l { width:17px; background-image:url("../images/frame_l.png"); background-repeat:repeat-y; }
table.frame td#c { background:#ffffff; }
table.frame td#r { width:18px; background-image:url("../images/frame_r.png");  background-repeat:repeat-y; }
table.frame td#bl { width:17px; height:18px; background-image:url("../images/frame_bl.png"); background-repeat:no-repeat;}
table.frame td#b { height:26px; background-image:url("../images/frame_b.png"); background-repeat:repeat-x;  }
table.frame td#br { width:18px; height:18px; background-image:url("../images/frame_br.png"); background-repeat:no-repeat;}

.caption { 
	width:380px;
	margin:auto;
	margin-top:0px;
	text-align:left;
	
	font-family:arial;
	font-size:7pt;
	color:#9E9B92;
	}
	
span.productionTitle { 
	font-style:normal;
	}
	
span.productionYear { 
	font-style:normal;
	}
	
div.spacer { 
	clear:both;
	height:25px;
	}
	
#footer {
	font-family:arial;
	font-size:6pt;
	letter-spacing:1;
	color:#E5E2DF;
	}

#header {
	margin-top:40px;
	}

#header img {
	margin-left:-0px;
	margin-right:30px;
	vertical-align:middle;
	}
	
#header div {
	margin-left:20px;
	display:inline;
	}
	
#header a {
	font-family:arial;
	font-weight:bold;
	font-size:7.5pt;
	text-decoration:none;	
	}	
	
#header a.unselected {
	color:#A3A6A1;
	}
	
#header a:hover {
	color:#666666;
	padding-bottom:7px;
	border-bottom:1px solid #666666;
	}

#header a.selected {
	color:#9E9B92;
	padding-bottom:7px;
	border-bottom:1px solid #9E9B92;
	}


#footer {
	width:370px;
	margin-top:80px;
	text-align:left;
	
	}