/*  
Theme Name: 2010 Medal of Honor Convention
Theme URI: http://www.synccreative.com
Description: Custom Wordpress theme for the 2010 Medal of Honor Convention in Charleston, SC.
Version: 1.0
Author: Sync Creative
Author URI: http://www.synccreative.com
*/
* {
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background-color:#412b1a;
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
	overflow-x:hidden;
}
a, a.link, a:visited {
	border:0;
	outline:none;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img {
	border:0;	
}
h1 {
	margin:0 0 5px 0;
	color:#9f4e02;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
}
h2 {
	margin:0 0 5px 0;
	color:#9f4e02;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
h3 {
	margin:0 0 30px 0;
	color:#9f4e02;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:16px;
	font-style:italic;
}
blockquote {
	padding:0 50px 0 50px;	
}
#history-list {
	padding:20px 0;	
}
#container {
	min-height:100%;
	position:relative;
}
#header-wrap {
	width:100%;
	height:110px;
	overflow: visible;
}
#logo-wrap {
	width:1015px;
	margin: 0 auto;
}
#logo {
	width:190px;
	height:100px;
	margin:0 auto;
	position: relative;
	z-index: 1000;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:top;
}
#logo-link {
	width:190px;
	height:100px;
	margin:-100px auto 0 auto;
	position:relative;
	z-index:1200;
}
#medal-wrap {
	width:1015px;
	margin:-100px auto 0 auto;
	position: relative;
	z-index: 100;
	height: 253px;
}
#medal {
	width:130px;
	height:253px;
	background-image:url(images/medal.png);
	background-repeat:no-repeat;
	background-position:top;
	position: relative;
	/*z-index: 100;*/
	z-index:1000;
}
#band {
	width:100%;
	height:37px;
	margin:-212px 0 40px 0;
	background-image:url(images/nav-bg.jpg);
	background-repeat:repeat-x;
	z-index: -99;
	position: relative;
}
#featured {
	height:465px;
	overflow:visible;
	width:1100px;
	margin:10px auto 0 auto;
	background-image:url(images/featured-bg.png);
	background-position:40px 0;
	background-repeat:no-repeat;
	/*padding-bottom:156px; Height of the footer */
	position:relative;
	z-index:-999;
}
#feat-content {
	width:1100px;
	overflow:visible;
	margin:0 auto;
}
.feat {
	width:215px;
	height:395px;
	float:left;
	background-repeat:no-repeat;
	/*position:relative;*/
	/*z-index:-50;*/
	/*margin-top:-115px;*/
	margin-top:-448px;
	position:relative;
	z-index:-50;
}
.feat-1 {
	margin-left:111px;
	background-image:url(images/feat-1.jpg);
}
.feat-2 {
	margin-left:326px;
	background-image:url(images/feat-2.jpg);
}
.feat-3 {
	margin-left:541px;
	background-image:url(images/feat-3.jpg);	
}
.feat-4 {
	margin-left:756px;
	background-image:url(images/feat-4.jpg);	
}
#feat-left {
	width:201px;
	height:265px;
	float:left;
	position:relative;
	z-index:100;
	background-image:url(images/featured-left.png);
	background-repeat:no-repeat;
	margin:-295px 0 0 43px;
}
#reserve-table {
	width:193px;
	height:52px;
	float:left;
	position:relative;
	z-index:100;
	margin:-210px 0 0 300px;
	/*background-image:url(images/reserve-table.png);
	background-position:0 0;
	background-repeat:no-repeat;*/
	padding:26px 0 0 0;
}
#feat-right {
	width:310px;
	height:300px;
	float:left;
	position:relative;
	z-index:200;
	background-image:url(images/featured-right.png);
	background-repeat:no-repeat;
	margin:-336px 0 0 788px;
}
#contest {
	width:1100px;
	height:163px;
	margin:0 auto;
	padding-bottom:156px;/* Height of the footer */
}
#contest a {
	text-decoration:none;	
}
#contest .enter{
	margin:0 auto;
	width:360px;
	height:45px;
	background-image:url(images/enter-contest.png);
	background-repeat:no-repeat;
	background-position:top;
}
#contest .text{
	width:450px;
	margin:0 auto;
	height:32px;
	overflow:hidden;
}
#contest .text p {
	text-align:center;
	line-height:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#f6ecda;
}
#contest a.button  {
	display:block;
	margin:20px auto 0 auto;
	width:109px;
	height:34px;
	overflow:hidden;
	background-image:url(images/learn-more.jpg);
	background-repeat:no-repeat;
	background-position:0 -34px;
}
#contest a.button:hover {
	background-position:0 0;	
}
#home-top {
	width:910px;
	height:23px;
	overflow:hidden;
	margin:0 auto;
	background-image:url(images/home-top.png);
	background-repeat:no-repeat;
}
#home-page {
	width:910px;
	margin:0 auto;
	background-image: url(images/home-bg.png);
	background-repeat: repeat-y;
}
#content {
	width:892px;
	margin:0 auto;
	background-color:#e3d2b5;
}
.photo {
	width:860px;
	margin:0 auto;
	background-repeat:no-repeat;
}
.bg-convention {
	background-image:url(images/bg-convention.png);
	height:400px;	
}
.bg-medal {
	background-image:url(images/bg-medal.png);
	height:400px;
}
.bg-men {
	background-image:url(images/bg-men.png);
	height:400px;
}
.bg-news {
	background-image:url(images/bg-news.png);
	height:335px;
}
.bg-contact {
	background-image:url(images/bg-contact.png);
	height:335px;
}
.post {
	width:625px;
	margin:0 auto;
	color:#2e2900;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:0 0 40px 0;
}
.post p {
	line-height:25px;	
	margin:20px 0;
}
.post a {
	color:#c76200;	
}
.post ul {
	margin:10px 50px;	
}
.post li {
	list-style-image: url(images/bullet.jpg);
	margin:5px 0;
}
.post table {
	margin:20px 0 40px 0;	
}
.post table.history {
	margin:0;
	padding:10px;
}
.post table a {
	font-size:12px;
	font-weight:bold;
}
.post hr {
	border:0;
	background-color: #000;
	height: 1px;
	width:100%;
	margin-bottom:5px;
}
.post .dotted  {
	border: none 0;
	border-top: 2px dotted #000;/*the border*/
	text-align: left;/*this will align it for IE*/
	margin: 30px auto 10px 0; /*this will align it left for Mozilla*/
	padding-top:30px;
	width:370px;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
} 
.post span {
	font-size:12px;
}
.post img.portrait {
	padding-right:20px;
}
.clear {
	height:1px;
	padding-bottom:156px;/* Height of the footer */
}
#home-footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:156px;/* Height of the footer */
	background-color:#0a1622;
	background-image:url(images/footer-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#e3d2b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer-wrap {
	width:910px;
	margin:0 auto;
}
#footer-outer {
	position:absolute;
	bottom:0;
	width:910px;
	height:156px;/* Height of the footer */	
	background-image: url(images/home-bg.png);
	background-repeat: repeat-y;
}
#footer {
	margin:0 auto;
	width:892px;
	height:156px;/* Height of the footer */
	background-color:#0a1622;
	background-image:url(images/footer-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#e3d2b5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer a, #home-footer a {
	color:#e3d2b5;	
}
#foot-text {
	height:39px;
	width: 892px;
	margin: 0 auto;
	line-height: 35px;
	text-align: center;
}
#foot-text span {
	padding:0 10px;	
}
#foot-logos {
	height: 64px;
	width: 892px;
	margin: 23px auto 0 auto;
}
.boeing {
	width:150px;
	float:left;
	margin:22px 15px 0 82px;
}
.beyond {
	width: 93px;
	float: left;
	margin: 17px 15px 0 75px;
}
.state {
	width: 64px;
	float: left;
}
.citadel {
	width:86px;
	float:left;
	margin: 22px 0 0 15px;
}	
.sync {
	width:150px;
	float:left;
	margin: 25px 0 0 94px;
}

/*jquery nav*/
#thenav {
	width:1015px;
	float:left;
	position:relative;
	/*z-index:1000;*/
	z-index:900;
	font-size:10px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: -213px 0 0 0;
	background-image: url(images/band-bg.png);
	background-repeat: no-repeat;
	background-position: top;
}
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 1015px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	height: 37px;
}
ul.topnav li a{
	padding: 0;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	width: 163px;
	height: 37px;
}
ul.topnav li a:hover{
	background: url(images/topnav_hover.gif) no-repeat center top;
}
/*convention*/
ul.topnav li.convention a {
	width:108px;
	background-image:url(images/nav-convention.png);
	margin-left: 121px;
}
ul.topnav li.convention ul.subnav {
	margin-left:90px;
}
ul.topnav li.convention ul.subnav a {
	margin-left:0;	
}
/*medal*/
ul.topnav li.medal a {
	width:142px;
	background-image:url(images/nav-medal.png);
	margin-left: 26px;
}
ul.topnav li.medal ul.subnav {
	margin-left:10px;	
}
ul.topnav li.medal ul.subnav a {
	margin-left:0;	
}
/*men*/
ul.topnav li.men a {
	width:57px;
	background-image:url(images/nav-men.png);
	margin-left: 217px;
}
ul.topnav li.men ul.subnav {
	margin-left:165px;
}
ul.topnav li.men ul.subnav a {
	margin-left:0;
}
/*news*/
ul.topnav li.news a {
	width:36px;
	background-image:url(images/nav-news.png);
	margin-left: 27px;
}
ul.topnav li.news ul.subnav {
	margin-left:-37px;
}
ul.topnav li.news ul.subnav a {
	margin-left:0;	
}
/*contact*/
ul.topnav li.contact a {
	width:79px;
	background-image:url(images/nav-contact.png);
	margin-left: 25px;
}
ul.topnav li.contact ul.subnav {
	margin-left:-18px;
}
ul.topnav li.contact ul.subnav a {
	margin-left:0;	
}
ul.topnav li.top a {
	background-position:0 0;
	background-repeat:no-repeat;
}
ul.topnav li.top a:hover{
	background-position:0 -37px;
}
ul.topnav li span { /*--Drop down trigger styles--*/
}
ul.topnav li span.subhover {
	background-position: center bottom; cursor: pointer;
	} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav a {
	background-image:none;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 37px;
	background: #27769b;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 163px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #59a2ea;
	clear: both;
	width: 163px;
	height: 25px;
}
ul.topnav li ul.subnav li.first {
	border-top:1px solid #010101;
}
ul.topnav li ul.subnav li.last {
	border-bottom:none;
}
ul.topnav li ul.subnav li.last a {
	background-color: transparent;
	background-image: url(images/sub-last.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul.topnav li ul.subnav li.last a:hover {
	background-color: transparent;
	background-position: 0 -25px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 163px;
	height:25px;
	line-height:25px;
	padding:0;
	text-align:center;
	font-size:9px;
	background-color: #27769b;
}
html ul.topnav li ul.subnav li a:hover {
	background-color: #1e3e5c; 
}

/*POPUP for TICKET SALES */
.popup {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:1.5;
	color:#e3d2b5;
	display: none;
	position: absolute;
	width: 346px;
	z-index: 6000;
	margin:0 auto;
}
.popupbody {
	width:346px;
	height:150px;
	margin:0 auto;
	border: solid 1px #e3d2b5;
	background-image:url(images/popup-bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	text-align: center;
}
#popup { 
	top:240px;
	left: 0; 
	width:100%;
	}
