/* @override http://rocksolidphotography.com/components/css-default.css */

img 				{ border:none; 
}
body 				{ 
	behavior:url(/components/csshover.htc); 
	margin:0; padding:0; 
	color: #FFF; 
	background-color: #000; 
	text-align:center; 
	background-image: url(/images/template/background-site.png); 
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 30px 0;
	text-align: center;
	background: #313840 url(../images/body_grad.png) repeat-x;
	
}
td, table			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}

select				{ color:#19303A; width:160px; font-family:  "Trebuchet MS", sans-serif ; font-weight: bold; font-size: 10px; }
.headline 			{ margin-top:10px; font-family:"Trebuchet MS", sans-serif; line-height:105%; font-size:17px; font-weight:bold; color: #003369;}
.headline a 		{ text-decoration:none; }

.subheadline, .question	{ margin-top:3px; font-family:"Trebuchet MS", sans-serif; line-height:14px; font-size:12px; font-weight:bold; color: #53648C;}
.summary 			{ margin-top:3px; line-height:130%;}
.hide				{ display:none; }

#contentarea		{ background-color:#000; padding-top: 20px; padding-left: 20px; padding-right: 20px; width:760px; margin:0px auto; text-align:left; clear:both; border-left: 10px solid #222; border-right: 10px solid #222;}
#pageheader 		{ position:relative; width:760px; height:75px; background-image: url("/images/template/header-page.png"); background-repeat:no-repeat; clear:both; }
#pageheader h1		{ display:none; }

h2 {font-size: 16px; margin-top:15px; margin-bottom:3px;}
h3 {font-size: 13px; margin-top:15px; margin-bottom:3px;}

.topheading { margin-top:0px; }

form p { padding:0px; margin:0px; }
form .required { color:#F00 }
form .formmissinginfo { background-color:#FFC }
form .formtitle {font-size:11px; font-weight: bold;}
form .textbox {width:250px;}
form table {width:550px;}

a			{ color: #FFF; text-decoration:underline; }
a:hover 	{ background-color: #FFF; color:#000; text-decoration:none; }
a:visited 	{ color: #FFF; }

br {clear:both;}

#pagefooter { width:760px; margin:0px auto; text-align:center; clear:both; padding:10px; color:#FFF;}
#pagefooter ul li { display:inline; margin:5px; }
#pagefooter a { color:#FFF; text-decoration:none; font-weight: bold; }
#pagefooter ul { margin: 0; padding: 0 0px 0 0; list-style-type: none;}
#pagefooter a:hover {text-decoration:underline; color:#FC3; background-color:#000; font-weight: bold;}


#addressinfo { margin-top:2px; color:#FFF; }

.admintable {width:500px;}
.small {font-size:9px; font-weight:bold;}

a.tooltip{
    position: absolute;
    z-index:24; background-color:#F00;
    color:#FFF;
    text-decoration:none;
}

a.tooltip:hover{z-index:25; background-color:#ff0}
a.tooltip span {display: none}
a.tooltip:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0px; left:9px; width:200px;
	padding:10px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
}

#loginarea	{text-align:right; line-height: 12px; padding-bottom: 10px;}
#loginarea #daysuntilwedding{ font-size: 11px;  }
#portfolio 	{ clear:both; width:760px; }
#gallery 	{ clear:both; width:760px; }
#videoarea {width:198px; float:left; border: 1px solid #111;
	background-image: url(/images/template/filmstrip.png); 
}
#photoarea {width:560px; float:left;}

.mediaitem	{ width:180px; height:300px; float:left; }
.mediaitem h2  { width:150px; color:#FFF; margin-bottom:5px; margin-top:10px; text-align:left;}
.mediaitem .thumnail {text-align:left;}
.mediaitem .description {width:150px; text-align:left; line-height: 14px; }

#page-home #photoarea h1 { padding-top:10px;
	font-size: 24px;
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 500;
	clear: left;
	margin-bottom: 20px;
}

#page-home #videoarea {background-color: #111; margin-top: 30px;}
#page-home #videoarea .mediaitem {padding-left:20px; padding-top: 0px;}
#page-home #videoarea h1 {
	padding-left:20px; padding-right: 20px;
	font-size: 24px;
	color: #fff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 500;
	clear: left;
	margin-bottom: 20px;
	
}
#page-home #videoarea p {padding-left:20px; padding-right: 20px;}

h1  {font-size:16px; }
p {clear:both;}

.error { 
	color: #bb180b;
	font-weight: bold;
}