/*
 * frontend/default.css
 * Website Framework © 2005 Andrew LeBaron, A&G Productions
 * configured for quantumtour.com
 */
 
body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	background: #C1D2E7 url(images/qt_bg.jpg) bottom left fixed repeat-x;
	color: #3169AF;
	text-align: center;
	font-size: 12pt;
}

body, h1, h2, h3, p, div, hr, ul, li, form {
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
}

/* sitemessages */
#sitemessages .error, .debug, #debug {
	text-align: left;
	background-color: white;
	color: black;
	border-bottom: 1px dashed black;
	padding: 2px;
}
#debug {
	border-top: 1px dashed black;
	border-bottom: none;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #3169AF;
}

.clearer {clear: both; line-height: 0; height: 0;}
.size80 { font-size: 80%; }
.bold { font-weight: bold; }
.red, .bad {color: red;}
.green, .good {color: green;}

#wrapper {
	margin: 0 auto;
	width: 740px;
	text-align: left;
}

#header {
	background: url(images/qt_header.jpg) top right no-repeat;
}
#header a.home {
	display: block;
	height: 114px;
	width: 212px;
	background: url(images/qt_logo.jpg) top left no-repeat;
}
#header a span {
	display: none;
}

#nav {
	background-color: #fff;
	border: 1px solid #082C59;
	margin-bottom: 4px;
}
#nav h2 {
	background-color: #1257AD;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
	margin: 6px 0 6px 6px;
	border: 1px solid #082C59;
	float: left;
}
#nav p {
	padding: 2px 5px;
	margin: 6px 0 6px 6px;
	float: left;
}
#nav ul {
	list-style: none;
	float: left;
	padding: 3px;
}
/* Fix IE. Hide from IE Mac \*/
* html #nav h2 { margin-left: 3px; margin-bottom: 0; }
* html #nav ul { padding-bottom: 0; }
/* End */
#nav li {
	float: left;
}
#nav li a {
	display: block;
	padding: 2px 10px;
	margin: 3px;
	border: 1px solid #9BBEE9;
	background-color: #FFfce5;
}
#nav li.current a {
	border-bottom: 1px solid #FF8309;
}
#nav a:hover {
	background-color: #d1e2f7;
}

#sidenav {
	clear: both;
	float: left;
	width: 170px;
}
#sidenav a.centered {
	display: block;
	text-align: center;
	padding: 2px 10px 5px;
}
#sidenav a.centered:hover {
	background-color: #d1e2f7;
}
#sidenav li.sub a {
	padding-left: 25px !important;
	font-size: 95% !important;
}
#sidenav .sidelisting ul {
	list-style: none;
}
#sidenav .sidelisting li a {
	display: block;
	margin: 2px 0;
	padding: 2px 10px;
}
#sidenav .sidelisting img {
	width: 95%;
	border: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html #sidenav ul li { float: left; }
* html #sidenav ul li a { height: 1%; }
* html #sidenav .node { float: left; width: 168px; }
/* End */

#sidelogin {
	font-size: .8em;
}
#sidelogin .error {
	color: red;
}
#sidelogin .input input {
	width: 80%;
}
#sidelogin a {	
	color: #FF3309;
	background-color: transparent;
	text-decoration: underline;
}
#sidelogin a:hover {
	background-color: transparent;
}

#content {
	float: right;
	width: 566px;
}
#content,
#content p {
}
#content ul {
	padding: 2px 5px 5px;
	list-style-position: inside;
}
#content .link img {
	float: left;
	border: 0;
	padding: 0 4px 4px 0;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content .link { height: 1%; }
/* End hide from IE5/mac */

#content table.listing {
	width: 100%;
}
#content table.listing td a,
#content table.listing td a:hover {
	border-bottom: none;
	background-color: transparent;
}
#content table.listing td a span {
	border-bottom: 1px solid #FF8309;
	background-color: #FFfce5;
}
#content table.listing td a:hover span {
	background-color: #FFDAB5;
}
#content table.listing img {
	border: 1px solid white;
	margin-top: 2px;
}
#content table.listing a:hover img {
	border: 1px solid #FF8309;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content table.listing td a:hover { background-color: #FFDAB5; }
/* End hide from IE5/mac */
#content table.listing td {
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
}

#content .linktotop {
	text-align: right;
}
#content .linktotop a {
	background-image: url(images/toparrow.gif);
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

#content .entitylist td.col1,
#content .tourlist td.col1,
#content .videolist td.col1,
#content .slideshowlist td.col1,
#content .photolist td.col1 {
	padding-left: 5px;
}
#content .entitylist td.col2,
#content .tourlist td.col2,
#content .videolist td.col3,
#content .slideshowlist td.col3,
#content .photolist td.col3 {
	padding-right: 5px;
}
#content .entitylist img {
	width: 260px;
}
#content .entitylist td,
#content .tourlist td {
	width: 50%;
}
#content .videolist td,
#content .slideshowlist td,
#content .photolist td {
	width: 33.33%;
}

#sidenav .entitylogo {
	padding-top: 10px;
	text-align: center;
}
#sidenav ul.links {
	list-style: none;
	font-size: 10pt;
}
#sidenav ul.links a {
	display: block;
	margin: 2px 0;
	padding: 2px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #FF8309;
	background-color: #FFfce5;
}
#sidenav ul.links a:hover {
	background-color: #FFDAB5;
	border-top: 1px solid #FF8309;
	border-bottom: 1px solid #FF8309;
}

.node {
	background-color: #fff;
	border: 1px solid #082C59;
	padding: 0;
	margin-bottom: 4px;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content .node { height: 1%; }
/* End hide from IE5/mac */
.node h2 {
	background-color: #1257AD;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #082C59;
	text-align: center;
	padding: 3px;
}
#content .node h2 {
	font-size: 14pt;
	font-weight: normal;
	padding: 6px;
}
#content .node h3 {
	padding: 12px 12px 0px;
	font-size: 14pt;
	font-weight: normal;
}
#content .node a {
	text-decoration: none;
	border-bottom: 1px solid #FF8309;
	background-color: #FFfce5;
}
#content .node a:hover {
	background-color: #FFDAB5;
}
.node p {
	padding: 2px 5px 5px;
}
.node .padtop {
	padding-top: 7px;
}
.node .center {
	text-align: center;
}
.node p.right {
	text-align: right;
}
.node .strong {
	font-weight: bold;
}

.photoname {
	font-size: 130% !important;
	text-align: center;
}

#content .subnav {

}

#content p.subnav {
	border-top: 1px solid #FF8309;
	border-bottom: 1px solid #FF8309;
	margin: 5px 0;
	padding: 8px;
	line-height: 140%;
}
#content ul.subnav {
	float: left;
	list-style: none;
	border-top: 1px solid #FF8309;
	border-bottom: 1px solid #FF8309;
	margin: 5px 0;
	padding: 0 0 0 5px;
}
#content ul.subnav.type2 {
	background-color: #FFDAB5;
}
#content ul.subnav.type2 a {
	background-color: transparent;
	border-bottom: 4px solid #FFfce5;
	padding-bottom: 0;
}
#content ul.subnav.type2 a:hover {
	background-color: #FFfce5;
	border-bottom-color: #FF8309;
}
#content .subnav li {
	float: left;
}
#content .subnav li.right {
	float: right;
}
#content ul.subnav span,
#content ul.subnav a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	margin-right: 5px;
}
#content .subnav a {
	background-color: #FFfce5;
	border-width: 0;
	border-bottom: 1px solid #FFDAB5;
}
#content ul.subnav a {
	border: 1px solid #FFDAB5;
	border-width: 0 1px 0 1px;
}
#content .subnav a:hover {
	border-color: #FF8309;
}

#content .links li {
	padding: 5px 10px;
}
#content .links li a {	
	color: #FF3309;
	background-color: transparent;
	text-decoration: underline;
	border: 0;
	font-size: 90%;
}
#content .links li a:hover {
	background-color: transparent;
}

.noflash a {
	display: block;
	text-decoration: none;
	padding: 20px;
}
.noflash a .alert {
	font-size: 130%;
	color: red;
	margin-bottom: 10px;
}
.noflash a img {
	float: left;
	margin: 10px 10px 10px 0;
}
.noflash a span {
	display: block;
}

p.redborder {
	border: 1px solid #fdd;
	background-color: #fffafa;
	margin: 10px;
	padding: 10px;
	color: red;
	font-weight: bold;
}
p.greenborder {
	border: 1px solid #dfd;
	background-color: #fafffa;
	margin: 10px;
	padding: 10px;
	color: black;
	font-weight: bold;
}

.formerrors {
	border: 1px solid #fdd;
	background-color: #fffafa;
	margin: 10px;
	padding: 10px;
	color: red;
}
.formerrors p {
	font-weight: bold;
}
.formerrors ul {
	font-size: .9em;
}
.formerrors p.notbold {
	font-weight: normal;
}

table.form {
	border: 1px solid #ddd;
	background-color: #fafafa;
	margin: 10px;
}
table.form .even {
	background-color: #f4f4f4;
}
.form td {
	padding: 5px 10px 5px;
}
.form .label {
	font-size: .9em;
	font-weight: bold;
	padding-bottom: 0;
	padding-top: 10px;
}
.form .note {
	font-size: .8em;
	padding-top: 0;
	padding-bottom: 10px;
}
.form .padtop {
	padding-top: 10px;
}
.form .padbottom {
	padding-bottom: 10px;
}

.form .textcounter {
	font-weight: bold;
}
.form .textcounter input {
	border: none;
	background-color: transparent;
	font-size: 100%;
	text-align: center;	
	font-weight: bold;
}

.comment {
	margin: 20px 10px;
	border: 1px solid #ccc;
}
.comment.odd {
	background-color: #fcfcfc;
}
.comment.even {
	background-color: #f9f9f9;
}
.comment .heading {
	padding: 4px;
	background-color: #f0f0f0;
	font-size: 90%;
}
.comment .copy {
	font-size: 80%;
	padding: 10px;
}
.comment .report {
	float: right;
	font-size: 90%;
}

.sidecomment {
	font-size: 90%;
	margin: 5px 0 15px;
}
.sidecomment p {
	padding-top: 0;
	padding-bottom: 0;
}
.sidecomment a.entity {
	color: #FF3309;
	text-decoration: underline; 
}
.sidecomment a.copy {
	font-size: 80%;
}
.sidecomment a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	text-align: center;
	margin-bottom: 4px;
	float: right;
	width: 566px;
	font-size: 90%;
}
#footer a {
	text-decoration: underline;
}

