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

img 				{ border:none}
body 				{ behavior:url(/components/csshover.htc); margin:0; padding:0; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:12px; color: #FFF; background-color:#000; text-align:center;}
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		{ width:760px; margin:0px auto; text-align:left; clear:both;}
#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;}
#loginarea #daysuntilwedding{ font-size: 11px;  }
#portfolio 	{ clear:both; width:760px; }
#gallery 	{ clear:both; width:760px; }
#videoarea {width:200px; float:left;}
#photoarea {width:560px; float:left;}

.mediaitem	{ width:180px; height:320px; 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;}

#page-home #videoarea {background-color: #111;}
#page-home #videoarea .mediaitem {padding-left:20px;}
#page-home #videoarea h1 {padding-left:20px; padding-right: 20px; padding-top:10px;}
#page-home #videoarea p {padding-left:20px; padding-right: 20px;}

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

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