/* Destin Magazine */

/* ---( globals )------------------------------- */

body {
	background: url(../images/backstripe.gif) top left repeat-y #ece5d5;
	margin:0;
	padding:0;
	font-family: optima, "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

body.pop {
	background-image:none;
	}

a:link, a:visited {
	font-weight:normal;
	text-decoration:none;
	color:#e5764c;
	}
	
a:hover {
	text-decoration:underline;
	color:#e5551f;
	}
	
p {
	font-weight:normal;
	font-size:10px;
	color:#000;
	line-height:1.5em;
	}

address {
	font-size:12px;
	padding-bottom:7px;
	padding-left:25px;
	line-height:1.5em;
	}

em {
	font-variant:small-caps;
	}
	
/* ---( Site Structure )------------------------------- */
	
#container {
	width:750px;
	margin:0;
	padding:0;
	}

/* ---( Header )------------------------------- */

#header {
	float:left;
	width:750px;
	height:90px;
	margin:0;
	padding:0;
	background:url(../images/banner.gif) no-repeat top left #ece5d5;
	}

#header a {
	text-decoration:none;
	border:0;
	margin:0;
	padding:0;
	}

#header img {
	float:right;
	padding:0;
	margin:0;
	border:0;
	}

/* ---( Navigation )------------------------------- */
#nav { 	
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:90px;
	left:0;
	background:url(../images/navback.jpg) top left no-repeat;
	border-right:1px solid #e7b203;
	width:172px;
	height:482px;
	z-index:1;
	margin: 0 ;
	padding:0;
}
#nav ul {
	text-align:right;
	margin-right:5px;
	margin-top:20px;
	#margin-left: 0;
	padding: 0;
	}
	
#nav li {
	list-style-type:none;
	font-size:11px;
	margin:0;
	padding:0;
	}

#nav a {
	display:block;
	height:23px;
	/* commented backslash hack for IE 5.2 Mac v2 \*/
	width:144px;
	padding: 7px 3px 0 20px;
	#padding: 7px 3px 0 0;
	/* end hack */
	margin:-9px 0 0 -40px; 
	}
	
html>body #nav a {
	margin:-9px 0 0 0;
	}

#nav a:hover {
	background:url(../images/navover.gif) repeat-x right top;
	color:#1e222a;
	text-decoration:none;
	}

#navfloat {
	position:absolute;
	top:90px;
	left:0;
	width:74px;
	height:309px;
	z-index:1000;
	background:url(../images/floatcurve.gif) top left no-repeat;
	}

/* ---( Content )------------------------------- */
	
#main {
	width:577px;
	float:right;
	text-align:center;
	border-top: 1px solid #eac445;
	margin:0; 
	padding:0;
	}

body.pop #main {
	float:left;
	border-top: none;
	}

#content {
	width:549px;
	background: #f2ede2;
	margin:7px 0;
	text-align:left;
	}

html>body #content {
	margin: 7px auto;
	}

#content h1 {
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
	color:#e5764c;
	padding:5px 10px;
	margin:0;
	}
	
#content h2 {
     font-size: 14px;
	 font-weight:bold;
	 color:#3f70a4;
	 margin:0;
	 padding:7px 0 0 20px;
	}

#content h3 {
     font-size: 12px;
	 font-weight:bold;
	 color:#3f70a4;
	 margin:0;
	 padding:0 0 4px 5px;
	}

#content img {
	border:0;
	}

#content .caption {
	font-size:10px;
	line-height:1em;
	font-style:italic;
	}

#content .column {
	float:left;
	position:relative;
	width:148px;
	margin:10px 3px;
	padding:0 5px;
	}

html>body #content .column {
	margin:10px 2px;
	width:255px;
	}

#content li {
	list-style-image:url(../images/bullet.gif);
	font-weight:normal;
	font-size:12px;
	color:#000;
	line-height:1.2em;
	padding-right: 25px;
	}

#topstory .column ul {
	margin:0;
	padding:0 12px;
	}

#content ol li {
	list-style:decimal;
	}

#content .column p, #content .column h3 {
	margin:0;
	padding:0;
	}
				/* ---Start boutique content ------------------------------- */
				
				#boutiquemain {
					width:577px;
					float:right;
					text-align:center;
					border-top: 1px solid #eac445;
					margin:0; 
					padding:0;
					background: #fff;
					}
				
				body.pop #boutiquemain {
					float:left;
					border-top: none;
					}
								
				#boutiquecontent {
					width:549px;
					background: #fff;
					margin:7px 0;
					text-align:left;
					}
				
				html>body #boutiquecontent {
					margin: 7px auto;
					}
				
				#boutiquecontent h1 {
					font-size:16px;
					font-weight:bold;
					text-transform:capitalize;
					color:#e5764c;
					padding:5px 10px;
					margin:0;
					}
					
				#boutiquecontent h2 {
					 font-size: 14px;
					 font-weight:bold;
					 color:#3f70a4;
					 margin:0;
					 padding:7px 0 0 20px;
					}
				
				#boutiquecontent h3 {
					 font-size: 12px;
					 font-weight:bold;
					 color:#3f70a4;
					 margin:0;
					 padding:0 0 4px 5px;
					}
				
				#boutiquecontent img {
					border:0;
					}
				
				#boutiquecontent .caption {
					font-size:10px;
					line-height:1em;
					font-style:italic;
					}
				
				#boutiquecontent .column {
					float:left;
					position:relative;
					width:148px;
					margin:10px 3px;
					padding:0 5px;
					}
				
				html>body #boutiquecontent .column {
					margin:10px 2px;
					width:255px;
					}
				
				#boutiquecontent li {
					list-style-image:url(../images/bullet.gif);
					font-weight:normal;
					font-size:12px;
					color:#000;
					line-height:1.2em;
					padding-right: 25px;
					}
				
				#topstory .column ul {
					margin:0;
					padding:0 12px;
					}
				
				#boutiquecontent ol li {
					list-style:decimal;
					}
				
				#boutiquecontent .column p, #content .column h3 {
					margin:0;
					padding:0;
					}
				/* End boutique content */	
	
#thumbs {
	margin:0;
	padding:0;
	text-align:center;
	}

#thumbs form {
	display:inline;
	padding:0;
	margin:10px 3px;
	}
	
/* Hide from IE/Win and IE/Mac \*/
#thumbs form { margin:10px -13px; }
/* end hack */
	
html>body #thumbs form {
	margin:10px 3px !important;
	}
	
#thumbs form input {
	margin:5px 0;
	padding:2px;
	border:1px solid #f2ede2;
	}

#thumbs input:hover {
	border: 1px solid #e5764c;
	}
	
#thumbs img {
	margin:15px 3px;
	padding:2px;
	}
	
#thumbs a img {
	border:1px solid #f2ede2;
	}

#thumbs a:hover img {
	border: 1px solid #e5764c;
	}

#listings {
	clear:both;
	margin:0 7px;
	}

#listings h1 {
	font-weight:bold;
	font-size:14px;
	margin:10px 0;
	padding:0;
	color:#3f70a4;
	}
	
#listings h3 {
	color:#333;
	} 

#listings .item {
	background-color:#ece5d5;
	border-top:1px solid #eac445;
	margin:0px 0px 15px 0px;
	padding:10px;
	}

#listings img {
	display:inline;
	float:right;
	border: 1px solid #e5764c;
	margin:0 10px;
	padding:2px;
	}

#topstory {
	padding:0;
	margin:0;
	border:1px solid #eac445;
	}
	
#topstory .byline {
	color: #000;
	}
	
#topstory p {
	margin:0 0 8px 0;
	padding:0 25px;
	font-size:12px;
	}

#topstory img {
	margin:6px 0 0 8px;
	}

/* ---( Content > Table of Contents )------------------------------- */

#toc {
	float:left;
	margin:0;
	padding:0;
	background: url(../images/tocback.jpg) top right #f2ede2;
	border:1px solid #e99b7b;
	}
	
/* Hide from IE/Win and IE/Mac \*/
#toc { background: url(../images/tocback.jpg) top left #f2ede2; }
/* end hack */

#toc img {
	border:0;
	padding:4px 0 0 4px;
	}
	
#toc h1 {
	font-size: 10px;
	font-weight:bold; 
	color:#000;
	padding:0 3px;
	line-height:0;
	margin:0.8em 0 0.5em 0;
	}
	
#toc h2 {
	font-size:10px;
	font-weight:bold;
	color:#3f70a4;
	padding:0 3px;
	margin:0 0 1em 0;
	}

#toc p {
	font-size:11px;
	font-weight:normal;
	padding:0 3px;
	margin:0 0 1em 0;
	}

#toc .story {
	float:left;
	width:136px;
	margin:0;
	padding:0;
	border-right: 1px solid #e99b7b;
	background:url(../images/gradient.jpg) top left repeat-x;
	}

#toc .last {
	border: 0;
	}

#toc ul {
	margin:0 5px 0 15px;
	padding:5px;
	}

#toc li {
	list-style-image:url(../images/bullet.gif);
	font-size:11px;
	line-height:1em;
	margin-bottom:0.5em;
	}

/* ---( Forms )------------------------------- */

form {
	clear:both;
    margin: 10px;
	}
	
fieldset {
	margin-bottom:15px;
	padding:10px;
	border: 1px solid #e5764c;
    }

legend {
	font-size: 14px;
	font-weight:bold;
	color:#3f70a4;
	background: url(../images/expanded.gif) 4px 50% no-repeat;
	margin:0;
	padding: 1px 4px 1px 15px;
	}

label {
	display: block;
	width: 80px;
	float: left;
	margin: 10px 10px 0 0;
	text-align: right;
	font-weight: bold;
	font-size:12px;
	/*color:#3f70a4;*/
	color: #e5764c;
	}


#survey input:focus, select:focus, textarea:focus {
	border: 1px solid #e5764c;
	}

#contactus input:focus, select:focus, textarea:focus {
	border: 1px solid #e5764c;
	}
	
#contactus, #survey {
	width: 520px;
	text-align:center;
	margin:0 0 0 13px;
	}

html>body #contactus, html>body #survey {
	margin:0 auto;
	}
	
#contactus input, #contactus textarea, #contactus select {
	display: block;
	float: left;
	border: 1px solid #3f70a4;
	background: #f2f1ed;
	padding: 2px;
	color: #444;
	margin: 10px 0 0 0;
	width:350px;
	}

#contactus input.checkbox {
	width: 15px;
	margin-left: 89px; 
}
#contactus label.agreement {
	width:340px;
	margin-left: 10px; 
	text-align: left;
	font-weight: bold;
	font-size:12px;
	color:#3f70a4;
}
#contactus textarea, #survey textarea {
	width:350px;
	height:100px;
	overflow:auto;
	}

#contactus br {
	clear: left;
	}
	
#contactus .small {
	width:127px;
	}	
	
/* Hide from IE/Win and IE/Mac \*/
#contactus select.small {
	width:133px;
	}
/* end hack */

#contactus .short {
	text-align:center;
	width:60px;
	}
	
#contactus .pressme, #survey .pressme {
	float:right;
	width:75px;
	font-size: 10px;
	font-weight: bold;
	color: #e5764c;
	background: #f2f1ed;
	padding: 3px 5px;
	}
	
#contactus .pressme:hover, #survey .pressme:hover {
	border: 1px solid #e5764c;
	color:#3f70a4;
	}
	
html>body #contactus .pressme, html>body #survey .pressme {
	margin-right:8px;
	}

#contactus input.hide, #survey input.hide {
	display:none;
	}

#survey p {
	clear:both;
	text-align: left;
	font-weight: bold;
	font-size:12px;
	color:#3f70a4;
	margin: 0 0 15px 0;
	}

#survey ul {
	text-align:left;
	margin:8px 0;
	padding:0;
	}

#survey li {
	list-style: none;
	list-style-image: none; /* IE being dumb again */
	font-weight: bold;
	font-size:12px;
	color:#3f70a4;
	border:none;
	padding-left:10px;
	margin-bottom:5px;
	}
	
#survey input, #survey select, #select textarea {
	display: inline;
	border: 1px solid #3f70a4;
	background: #f2f1ed;
	padding: 2px;
	color: #444;
	margin: 0 10px 0 10px;
	}

#survey .noborder {
	border:0; /* IE being dumb again */
	margin:0 5px 0 10px;
	background-color:#f2ede2;
	}

html>body #survey input[checkbox], #survey input[radio], #survey .noborder {
	border:0;
	}
	
#survey .small {
	width:20px;
	}

#survey img {
	display:inline;
	margin:0 5px;
	padding: 2px;
	border: 1px solid #e5764c;
	}

/* ---( footer )------------------------------- */

#footer {
	clear:both;
	width:577px;
	text-align:center;
	}

#footer p {
	font-size:10px;
	margin:0;
	padding:5px;
	}

/* ---( data tables )------------------------------- */
	
table {
	border: 1px solid #e7b203;
	padding: 0;
	margin: 0 0 10px 23px;
	width:500px;
	}

html>body table {
	margin: 0 auto 10px auto;
	}
	
th {
    margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #3f70a4;
    padding: 5px;
	text-align: left;
    }

td {
    vertical-align: top;
    margin: 0;
    padding: 5px;
    color: #333;
	font-size: 12px;
	text-align: left;
	}
	
.offset {
    background-color: #ece5d5;
	}
	
caption {
	width:500px;
	font-size: 15px;
	font-weight: bold;
	color: #3f70a4;
	background-color: #ece5d5;
	border-top: 1px solid #e7b203;
	border-right: 1px solid #e7b203;
	border-left: 1px solid #e7b203;
	border-bottom: 2px solid #e5764c;
	margin: 0 0 10px 20px;
    padding: 5px;
	text-align: center;
	}

html>body caption {
	margin: 0 auto;
	}


/* ---( miscellaneous )------------------------------- */

.centered { text-align:center !important; }

.clear { clear:both; }

.hide { display:none; }

.beige { background:#ece5d5; }

.outline { padding:2px; border:1px solid #eac445; }

.note { color:#f00 !important; font-weight:bold; }