/*
	Dextrovert styles
	2007-12-06
*/

/* basics */
html {
	height: 100%; }
body {
	margin:	0; background-color: #FFF; text-align: center; }
img {
	border:	0; }
.hide {
	display: none; }
.clear {
	clear: both; }
* html #page {
	height: 100%; /* IE hack */ }

.rule {
	border: 0; margin: 0; padding: 0; width: 810px; height: 1px; background: url(./images/hline_dot.gif) repeat; }

/* structure */
#page_container {
	margin: 0 auto 0 !important; padding: 0 !important; position: relative; width: 815px; min-height: 100%; }

/* header */
#header {
	margin: 0 !important; padding: 0; width: 810px; height: 110px; text-align: left; font: .7em Verdana, Arial, Helvetica, sans-serif; }
#header .col1 {
	margin: 0; padding-top: 70px; width: 390px; float: left; }
#header .col2 {
	margin: 0; padding-top: 80px; width: 420px; float: right; }
#header h1 {
	margin: 0; padding: 0; width: 160px; height: 36px; background: url(./images/logo_dextrovert.png) top left no-repeat; display:block; overflow: hidden; text-indent: -10000px; }
#header p {
	padding: 0 10px; color: #B1B3AA; }

/* site navigation */
#nav_container {
	float: left; width: 420px; margin-top: 0; padding-top: 2px; display: block; top: 0; left: auto;
	position: absolute; background: #FFF url(./images/bkg_header_nav.gif) top left no-repeat; }

.nav_list_head {
	margin: 0; padding: 0; display: block; }
.nav_list_head li {
	margin: 4px 0 0; padding: 0; width: 140px; color: #B1B3AA; list-style: none; float: left; }
.nav_list_head li a {
	padding: 0; color: #B1B3AA; }
.nav_list_head li span a {
	padding: 4px 0 4px 10px; width: 130px; text-decoration: none; display: block; color: #B1B3AA; }
.nav_list_head li span a:hover {
	color: #989991; background: #F0F2E6 url(./images/nav_selected_dot.png) center left no-repeat; }
.nav_list_head .link_sel {
	background: url(./images/nav_selected_dot.png) center left no-repeat; }
.nav_list_head .link_sel span a {
	color: #6FDE37; }

.nav_list {
	margin: 0; padding: 0; display: block; }
.nav_list li {
	margin: 0; padding: 0; width: 140px; color: #B1B3AA; list-style: none; float: left; }
.nav_list li a {
	padding: 0; color: #B1B3AA; }
.nav_list li span a {
	padding: 4px 0 4px 10px; width: 130px; text-decoration: none; display: block; color: #B1B3AA; }
.nav_list li span a:hover {
	color: #989991; background: #F0F2E6 url(./images/nav_selected_dot.png) center left no-repeat; }
.nav_list .link_sel {
	background: #FFF url(./images/nav_selected_dot.png) center left no-repeat; }
.nav_list .link_sel span a {
	color: #6FDE37; }

/* general_banner */
#banner {
}
#banner #top {
	clear: both; height: 14px; background: url(./images/shadowline_top.png) center no-repeat; }
#banner .col1 {
	float: left; width: 390px; padding: 0; background-color: #F2F2F0; text-align: right; color: #CBCCC6; font: 10px Arial, Helvetica, sans-serif; height: 90px;
	#width: 390px; } /* IE hack */
#banner .col2 {
	float: left; width: 420px; }
#banner #bottom {
	clear: both; height: 14px; background: url(./images/shadowline_bottom.png) center no-repeat; }

#banner_block {
	margin-left: 10px; padding: 0; width: 410px; height: 90px; background: url(./images/banner_grass.jpg) no-repeat; }

#date_block {float: right;
	overflow: hidden; margin: 0; height: 90px; text-align: center; width: 75px;
	#padding-top: 10px; } /* IE hack */
#date_block p {
	color: #FFF; }
#date_block #weekday {
	font-size: 12px; font-weight: bold; }
#date_block #daynumber {
	font-size: 35px; font-weight: normal; }
#date_block #monthyear {
	font-size: 12px; font-weight: bold; }
#date_block span {
	border-top: 1px solid #e1e5cf; padding-top: 2px; } 

/* main */
#main {
	margin: 0 auto !important; width: 810px; text-align: left; }
#main .col1 {
	float: left; width: 390px; }
#main .col2 {
	float: right; width: 420px; }


/* contact form */
.contactform {
	padding-top: 15px; }
.contactform .formline {
	padding-left: 10px; padding-bottom: 8px; width: 270px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; };
.contactform .formline span {
	padding-left: 8px; }
.contactform span {
	padding-left: 8px; }

/* fineprint */
#fineprint {
	margin: 0; padding: 10px 0; background: url(./images/bkg_fineprint_thick.gif) top left no-repeat; }
* html #fineprint {
	margin: 0; }
#fineprint p {
	margin: 0; color: #B1B3AA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .65em; line-height: normal; }
#fineprint p a,
#fineprint p a:link,
#fineprint p a:visited,
#fineprint p a:active {
	color: #979991; text-decoration: none; }
#fineprint p a:hover {
	color: #6FDE37; }


/* column navigation */
#col_container {
	padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
#col_container h1 { }
#col_container h2 {
	font-weight:bold; color: #6FDE37; font-size: .7em; }
#col_container h3 { }

.rowbreak {
	clear: left; margin-top: 10px; width: 420px; height: 9px; background: url(./images/rule_dot.gif) top left no-repeat; }
	
.col_box {
	padding: 15px 0; display: block; float: left; color: #B1B3AA; text-align: left; width: 140px; }
.col_box h1 { }
.col_box h2 {
	padding-left: 10px; }
.col_box h3 { }
.col_box p {
	padding-left: 10px; font-size: .7em; }
.col_box p a {
	color: #979991; text-decoration: none; }
.col_box p a:hover {
	color: #6FDE37; }
.col_box img {
	width: 130px; }

.col_box_duo {
	padding: 15px 0; display: block; float: left; color: #B1B3AA; text-align: left; width: 280px; }
.col_box_duo h1 { }
.col_box_duo h2 {
	padding-left: 10px; }
.col_box_duo h3 { }
.col_box_duo p {
	padding-left: 10px; font-size: .7em; }
.col_box_duo p a {
	color: #979991; text-decoration: none; }
.col_box_duo p a:hover {
	color: #6FDE37; }

.col_box_tri {
	padding: 15px 0; display: block; float: left; color: #B1B3AA; text-align: left; width: 420px; }
.col_box_tri h1 { }
.col_box_tri h2 {
	padding-left: 10px; }
.col_box_tri h3 { }
.col_box_tri p {
	padding-left: 10px; font-size: .7em; }
.col_box_tri p a {
	color: #979991; text-decoration: none; }
.col_box_tri p a:hover {
	color: #6FDE37; }

.col_box .collist {
	margin: 0; padding: 0; font-size: .7em; }
.col_box .collist li {
	margin: 0; border: 0; X_width: 130px; list-style: none; }
.col_box .collist li span a {
	padding: 4px 0 4px 10px; text-decoration: none; display: block; color: #B1B3AA; }
.col_box .collist li span a:hover {
	color: #989991; background: #F0F2E6 url(./images/nav_selected_dot.png) center left no-repeat; }
.col_box .collist .link_sel {
	padding: 4px 0 4px 15px; display: block; background: #FFF url(./images/nav_selected_dot.png) center left no-repeat; color: #6FDE37; width: 130px; }


/* named links */
#home .link_home,
#profile .link_profile,
#contact .link_contact,
#updates .link_updates,
#gallery .link_gallery {
	background: #FFF url(./images/nav_selected_dot.png) center left no-repeat; }

#home .link_home span a,
#profile .link_profile span a,
#contact .link_contact span a,
#updates .link_updates span a,
#gallery .link_gallery span a {
	color: #6FDE37; }