/* base css for Saron Tours */

/*typography */
a{text-decoration:none; outline:0;}
html{background:#DA4343 !important; margin:0 !important;}
blockquote {margin:0; font-style:italic;}
cite {text-align:right; display:block; margin:0px 0 25px 0; font-weight:bold; font-size:0.9em;}
#yui-main h3 {clear:both;}
.underline {text-decoration: underline;}


/*Structure */
#wrapper {background: #E3E1BF url(images/wrapper-bg.png) repeat-x top center;}
body {font-family:Verdana, Arial, sans-serif;}
#custom-doc {width:947px; margin:0 auto; color:#404040; text-align:left; line-height:1.5em; padding-top: 54px; line-height:2em;}
#hd {height:199px; position:relative;}
#masthead {width:530px; height:197px; position:absolute; top:0; right:0; border-left: solid 1px #fff; border-right: solid 1px #fff;}
#hd h1 {margin:0; position:absolute; top:71px; left:0px;}
#bd {padding:40px 0; background: url(images/bd-bg.png) center center no-repeat;}
#yui-main {width:642px; float:left; background: url(images/scroll_parchment_left.png) top left no-repeat;}
.yui-g {padding:5px 20px; background: url(images/scroll_bottom_left.png) bottom left no-repeat;}
#yui-main .yui-b {padding:15px 20px;}
#sidebar {width:305px; float:right; background: url(images/scroll_parchment_paper.png) top right no-repeat; }
#sidebar .yui-b {padding:15px 20px; background: url(images/scroll_bottom_right.png) bottom right no-repeat; min-height:338px;}

.day .yui-g {background:none !important;}
.yui-u li {line-height:1.2em;}
.figure-left {border:solid 1px #404040; float:left; margin:0 10px 10px 0;}


/*Navigation */
#nav {height:49px; line-height:49px;}
#nav ul{margin:0;}
#nav li {list-style-type:none; float:left; display:block; background:url(../images/nav-bar.png) no-repeat right; }
#nav li.last {margin-right:0;}
#nav a {padding:0 35px; display:block; color:#fcfbfb; font-size:1.4em; text-transform:uppercase;}
#nav a:hover, #nav li.active a {background: url(images/nav-a-bg.png) repeat-x center center;}

/*Sub-nav */
#yui-main ul.sub-nav li {list-style-type:none; display:inline; margin:0 30px;  }
#yui-main ul.sub-nav li a {color:#E3E1BF; padding:5px; background:#404040; border:solid 1px #fff;}
#yui-main ul.sub-nav li a:hover {background:#E3E1BF; color:#404040;}

/*Homepage*/
.front-images {display: block; text-align: center;}
.front-images img { border: solid 5px #fff; margin:0 5px;}

/*Sidebar */
#sidebar span {display:block;}
#sidebar h3 {font-size:2em; padding:5px; text-align:center; font-weight:lighter; margin-top:0; margin-bottom:5px;}
#sidebar h3 span {font-size:0.7em;}
#sidebar h4 {margin:5px 0 15px 0px;}
#sidebar h4 span {position:relative; text-indent:-9999px; background: url(images/click-button.png) center center no-repeat; width:200px; height:70px;}
#sidebar img {border:solid 1px #000;}
#sidebar h4 a {color:#E3E1BF; text-transform:uppercase; background:#404040; padding:7px; letter-spacing:5px; 
display: inline-block;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;;
position: relative;
cursor: pointer; }
#sidebar h4 a:hover {background:#E3E1BF; color:#404040;  }
#sidebar address {font-weight:bold; font-size:1.1em; padding:20px 0; border-top:solid 2px #867575; border-bottom:solid 2px #867575;}




/*Footer */

#ft {background:#DA4343; border-top: solid 1px #000; text-align:right; color:#fff;}
#ft ul {margin:0 auto; width:968px; font-size:0.9em; padding:20px 0;}
#ft li {list-style-type:none;}

/*Gallery */

#gallery {margin-right:100px;}
div.content {

	/* The display of content is enabled by a javascript generated style on the page.

	   This is so that the slideshow content won't display unless javascript is enabled. */

	display: none;

	float:right;

	width:550px; 

}

div.content a, div.navigation a {text-decoration: none; color: #777;}

div.content  a:focus, div.content  a:hover, div.content  a:active { text-decoration: underline;}

div.controls {margin-top: 5px; height: 23px;}

div.controls a {padding: 5px;}

div.ss-controls {float: left;}

div.nav-controls {float: right; margin-right:-80px;}



div.loader {

	background-image: url(images/loader.gif);

	background-repeat: no-repeat;

	background-position: center;

	width: 550px;

	height: 350px

}

div.slideshow {

	clear: both;

}

div.slideshow span.image-wrapper {

	float: left;

	padding-bottom: 12px;

}

div.slideshow a.advance-link {

	padding: 2px;

	display: block;

	border: 1px solid #ccc;

}

div.slideshow img {

	border: none;

	display: block;

}

div.download {

	float: right;

}

div.embox {

	clear: both;

	border: 1px solid #ccc;

	background-color: #eee;

	padding: 12px;

}

div.image-title {

	font-weight: bold;

	font-size: 1.4em;

}



div.image-desc {

	line-height: 1.3em;

	padding-top: 12px;

}

div.navigation {

	/* The navigation style is set by a javascript generated style on the page.

	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */

}

ul.thumbs {

	clear: both;

	margin: 0;

	padding: 0;

}

ul.thumbs li {

	float: left;

	padding: 0;

	margin: 5px 10px 5px 0;

	list-style: none;

}

a.thumb {

	padding: 2px;

	display: block;

	border: 1px solid #ccc;

}

ul.thumbs li.selected a.thumb {

	background: #000;

}

a.thumb:focus {

	outline: none;

}

ul.thumbs img {

	border: none;

	display: block;

}

div.pagination {

	clear: both;

}

div.navigation div.top {

	margin-bottom: 25px;

	height: 11px;

}

div.navigation div.bottom {

	margin-top: 12px;

}

div.pagination a, div.pagination span.current {

	display: block;

	float: left;

	margin-right: 2px;

	padding: 4px 5px 2px 5px;

	border: 1px solid #ccc;

}

div.pagination a:hover {

	background-color: #eee;

	text-decoration: none;

}

div.pagination span.current {

	font-weight: bold;

	background-color: #000;

	border-color: #000;

	color: #fff;

}



/* Minimal Gallery Styles */

#thumbs-min ul.thumbs li {

	float: none;

	padding: 0;

	margin: 0;

	list-style: none;

}



#thumbs-min a.thumb {

	padding: 0px;

	display: inline;

	border: none;

}



#thumbs-min ul.thumbs li.selected a.thumb {

	background: inherit;

	color: #000;

	font-weight: bold;

}

/*Contact Form */
fieldset{margin:10px 0 0 0; padding:0; text-align:left;}
legend{margin-left:1em;}

fieldset ol{padding:10px 10px 0 10px; }
fieldset li {padding-bottom: 1em; list-style-type:none;}

legend {text-transform:uppercase; font-size:1.3em; padding:5px; margin-left:1em;}
label{clear:left; float:left; width:6em; margin-right:5px; text-align:right; line-height:2em; padding-right:30px; font-weight:bold;}
label.error {color: red; float: none; display: block; text-align: center; width: 100%; line-height: 1em;}
input, textarea {padding:5px; font-size:1.4em; border:solid 1px #493F0B; color:#1E1903; background:#f5f6d4; width:20em !important;}
textarea {height:300px;}
fieldset.submit {margin-left:11em;}
fieldset.submit input {width:100px !important; float:left; margin-right:15px; cursor:pointer;}
fieldset.submit input:hover {background:#404040; color:#f5f6d4;}
p.thank-you {text-align: center; font-size: 2em; font-weight: bold; padding-top: 6em;}