/* 
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/

/* Updated for DEXTROVERT.COM 05-Oct-2007 */

/* 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 */ }

hr { display: none; }
.rule {  border:0; margin: 0; padding: 0; width: 810px; height: 1px; background: url(http://www.dextrovert.com/images/hline_dot.gif) repeat; }

/* structure */
#page { margin: 0 auto 0 !important; padding: 0  50px !important; position: relative; X_width: 825px; min-height: 100%; }

/* header */
#header { margin: 0 !important; padding: 0 50px; X_width: 810px; height: 110px; text-align: left; font: .7em Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #e3e5da; }
#header .col1 { margin: 0; padding: 63px 0 0; width: 315px; float: left; }
#header .col2 { margin: 0; padding: 78px 0 11px; width: 495px; float: right; }
#header h1 { margin: 0; padding: 0; width: 160px; height: 36px; background: url(http://www.dextrovert.com/images/logo_dextrovert.png) top left no-repeat;
	display:block; overflow: hidden; text-indent: -10000px; }
#header p { padding: 0 15px; color: #b1b3aa; }

/* main */
#main { margin: 0 !important; width: 810px; text-align: left;}

#exhibitcontainer { padding: 50px 0 10px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;} 
#exhibitcontainer h1 { }
#exhibitcontainer h2 { font-size: .75em; color: #a4a69d; line-height: 8px; }
#exhibitcontainer h3 { }
#exhibitcontainer .options { font-size: .65em; color: #b1b3aa; }
#exhibitcontainer .options a { padding: 2px 5px; color: #b1b3aa; text-decoration: none; }
#exhibitcontainer .options a:hover { color: #989991; background: #f0f2e6; }
#exhibitcontainer .control { font-size: .8em; color: #b1b3aa; }
#exhibitcontainer .control a { font-size: .8em; color: #b1b3aa; text-decoration: none; }
#exhibitcontainer .control #nav_arrow_left a { padding: 0 5px 0 20px; float:left; background: url(http://www.dextrovert.com/images/nav_arrow_left.png) bottom left no-repeat; display: block; text-align: left; }
#exhibitcontainer .control #nav_arrow_right a { padding: 0 20px 0 5px; float: right; background: url(http://www.dextrovert.com/images/nav_arrow_right.png) bottom right no-repeat; display: block; text-align: right; }
#exhibitcontainer .control #nav_arrow_left a:hover { color: #989991; background: #f0f2e6 url(http://www.dextrovert.com/images/nav_arrow_left.png) bottom left no-repeat; }
#exhibitcontainer .control #nav_arrow_right a:hover { color: #989991; background: #f0f2e6 url(http://www.dextrovert.com/images/nav_arrow_right.png) bottom right no-repeat; }

#thumbcontainer        { clear: both; margin: 0; padding: 5px 0 3px; width: 815px; text-align: left; border-top: 1px solid #e3e5da; border-bottom: 1px solid #e3e5da; }
#thumbcontainer a img         { margin: 1px 0 1px 3px; padding: 2px; width: 30px; height: 30px; text-decoration: none; border: 1px solid #e3e5da; }
#thumbcontainer  a:hover img   { border-color: #77ed3b; }
#thumbcontainer .link_sel          { margin: 1px 0 1px 3px; padding: 0px; border: 2px solid #77ed3b; }


/* contact form */
.contactform .formline { padding-left: 15px; padding-bottom: 8px; X_margin: 0 5px 5px 3px; width: 315px; X_background-color: #f2f2f2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; };
.contactform .formline span { padding: 0 0 0 8px; }
.contactform span { padding: 0 0 0 8px; }

/* footer */
#footer { margin: 0 50px; padding: 0; height: 24px; border-top: 1px solid #e3e5da; clear: both; text-align: center; }
* html #footer { margin: 0; }
#footer p { margin: 0; padding: 6px; color: #d7d9ce; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .65em; text-align: center; line-height: normal; }
#footer p a,
#footer p a:link,
#footer p a:visited,
#footer p a:active { color: #d7d9ce; text-decoration: none; }
#footer p a:hover { color: #77ed3b; }

/* banner */
#banner { margin: 15px 0 !important; padding: 0 0 15px 0; width: 810px; height: 170px; background: url(http://www.dextrovert.com/images/banner-placeholder.jpg) no-repeat; border-bottom: 1px solid #e3e5da; }
 
/* site navigation */
#navcontainer { float: right; width: 495px; margin-top: 1px; display: block; top: 0; left: auto; position: absolute; background: #fff url(http://www.dextrovert.com/images/nav_bkg_head.gif) top left no-repeat; }

.navlisthead                 { margin: 0; padding: 0; display: block; }
.navlisthead li              { margin: 4px 0 0; padding: 0; width: 165px; color: #b1b3aa; list-style: none; float: left; }
.navlisthead li a            { padding: 0; color: #b1b3aa; }
.navlisthead li span a       { padding: 4px 0 4px 15px; width: 150px; text-decoration: none; display: block; color: #b1b3aa; }
.navlisthead li span a:hover { color: #989991; background: #f0f2e6 url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; }
.navlisthead .link_sel       { background: #fff url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; }
.navlisthead .link_sel span a { color: #77ed3b; }

.navlist                     { margin: 0; padding: 0; display: block; }
.navlist li                  { margin: 0; padding: 0; width: 165px; color: #b1b3aa; list-style: none; float: left; top left no-repeat; }
.navlist li a                { padding: 0; color: #b1b3aa; }
.navlist li span a           { padding: 4px 0 4px 15px; width: 150px; text-decoration: none; display: block; color: #b1b3aa }
.navlist li span a:hover     { color: #989991; background: #f0f2e6 url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; }
.navlist .link_sel           { background: #fff url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; }
.navlist .link_sel span a    { color: #77ed3b; }

/* column navigation */
#colcontainer { clear: both; margin: 0 auto 0 !important; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; X_font-size: .7em; }
#colcontainer h1 { }
#colcontainer h2 { font-weight:bold; color: #77ed3b; font-size: .7em; }
#colcontainer h3 { }

.colboxhead { margin: 0; padding: 15px 0; display: block; float: left; width: 150px; X_height: 200px; text-align: left; }
.colboxhead h1 { }
.colboxhead h2 { }
.colboxhead h3 { }
.colboxhead p { }
.colboxhead p a { color: #979991; text-decoration: none; }
.colboxhead p a:hover { color: #77ed3b; }

.colboxheadwide { margin: 0; padding: 15px 0; display: block; float: left; width: 315px; X_height: 200px; text-align: right; }
.colboxheadwide h1 { }
.colboxheadwide h2 { }
.colboxheadwide h3 { }
.colboxheadwide p { }
.colboxheadwide p a { color: #979991; text-decoration: none; }
.colboxheadwide p a:hover { color: #77ed3b; }

.colbox     { padding: 15px 0; display: block; float: left; color: #b1b3aa; text-align: left; width: 165px; }
.colbox h1 { }
.colbox h2 { padding-right: 15px; X_padding: 4px 15px 4px 0; text-align: right; width: 150px; }
.colbox h3 { }
.colbox p { padding-left: 15px; X_padding: 4px 0 4px 15px; font-size: .7em; }
.colbox p a { color: #979991; text-decoration: none; }
.colbox p a:hover { color: #77ed3b; }
.colbox img { }

.colboxwide { padding: 15px 0; display: block; float: left; color: #b1b3aa; text-align: left; width: 330px; }
.colboxwide p { padding-left: 15px; X_padding: 4px 0 4px 15px; font-size: .7em; }
.colboxwide p a { color: #979991; text-decoration: none; }
.colboxwide p a:hover { color: #77ed3b; }


.colbox .collist                  { margin: 0; padding: 0; font-size: .7em; }
.colbox .collist li               { margin: 0; border: 0; X_width: 165px; list-style: none; }
.colbox .collist li span a        { padding: 4px 0 4px 15px; text-decoration: none; display: block; color: #b1b3aa; }
.colbox .collist li span a:hover  { color: #989991; background: #f0f2e6 url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; }
.colbox .collist .link_sel        { padding: 4px 0 4px 15px; display: block; background: #fff url(http://www.dextrovert.com/images/nav_selected_dot.png) center left no-repeat; color: #77ed3b; width: 150px;}


/* named links */
#home .link_home,
#profile .link_profile,
#contact .link_contact,
#updates .link_updates,
#page .link_portfolio  { background: #fff url(http://www.dextrovert.com/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,
#page .link_portfolio span a  { color: #77ed3b; }








/* 
   link colors - overridden by the album 'linkcolor' property.
*/

a,
a:link,
a:visited,
a:active {
	color: #979991;
	text-decoration: none;
}

a:hover {
	color: #00cc00;
}

/* 
   text styles 
*/

.title {					/* album titles on main page */
	line-height: 140%;
	padding: 0 3px;
}

.title a,
.title a:link,
.title a:visited,
.title a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}

.title a:hover {
	color: #00e500;
	text-decoration: none;
}

.mod_title {				/* album title  Text is controled by .title */ 
	padding: 0;
	border: none;
	background: #aaff80;
	border: 1px solid #8ae55c;	
	width: 100%;
	height: 28px;
}

.mod_title_bg {				/* album title hightlight Text is controled by .title */ 
	direction: ltr;
	height: 28px;
}

.mod_title_right {			/* album title hightlight  Text is controled by .title */ 
	height: 28px;
	width: 9px;
}

.mod_title_left {			/* album title hightlight  Text is controled by .title */ 
	height: 28px;
	width: 10px;
}

.albumdesc {				/* album description includes all text and background */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: #f7f7f7;
	padding: 1px;
	margin-top: 2px;		
	border: 1px solid #dedede;
	text-align: left;
}

.desc {						/* album descriptions on main page just description and author*/
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin-top: 2px;		
}

.caption {					/* photo captions on all pages */
	font-size: 10px; 	
}

.modcaption {				/* modifies background for caption text to reside */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	padding: 2px;
	margin-top: 2px;
	border: none;
}

a.modcaption {
	color: #666666;
}

a.modcaption:hover {
	text-decoration: underline;
}

.pcaption {					/* modifies background for caption text to reside */
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight:bold;
	padding: 2px;
	margin-top: 2px;		
	border: none;
}

.pview {					/* brackets both the image and all text in one frame */
	margin:7px;
	padding: 7px;
}

.commentbox {
}

.commentboxhead {
}

.commentboxfooter {
}

.commentlabel {
}

.vatable {					/* width of the div set for all photo sets - view albums  */
}

.vathumbs {					/* full background bracket for images and text - veiw albums  */
}

.vafloat {					/* float for view album - text */
	float: none; 
}

.vafloat2 {					/* float for view album - images */
	float: none; 
}

.vasummary {				/* controls the view of Album summary */
	font-weight: bold;
	padding: 2px;
	margin-top: 10px;
	width: 80%;
}

.vapoll {					/* controls the text for poll */
}

.dim {						/* controls the dimension text under the image */
}

.commentIndication {		/* for the (star) indicating comment */ 
	color: red; 
	font-size: 12px; 
}

.error {					/* all error text */
	color: red; 
	font-size: 12px; 
}

.attention {				/* voting instructions */
	color: #00e500;
}

.headbox {					/* box around the page headers */
}

.head {						/* page headers behind the Gallery title */
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding: inherit 2px;
	line-height: 140%;
	border: none;
	height: 28px;  
}

.mod_headliner {			/* Gallery & Album titles. Text is controled by .head */ 
	width: 100%;
	height: 28px;
}

.mod_toplight_bg { 			/* Gallery & Album titles. Text is controled by .head */ 
	direction: ltr;
	height: 28px;
}

.mod_toplight_right {		/* Gallery & Album titles. Text is controled by .head */ 
	height: 28px;
	width: 9px;
}
	
.mod_toplight_left {		/* Gallery & Album titles. Text is controled by .head */ 
	height: 28px;
	width: 10px
}

.bread {					/* used in breadcrumb bars */
	font-size: 11px;
	color: 666666;
}

.nav {						/* used in navigation bars */
	font-size: 12px;
}

.bordertop {
}

.borderright {
	border-right: 1px solid #dedede;
}

.borderleft {
	border-left: 1px solid #dedede;
}

.fineprint {				/* used for fine print */
	color: #999999;
	font-size: 10px; 
}

.editlink,
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active {		/* Used for the [edit] tags */
	font-size: 10px;
	font-weight: 10px;
	color: #404040;	  
}

.modnavbox {				/* main navigation bar next and previous */ 
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 11px; 
	font-weight: bold;
	background: #ededed;
	line-height: 140%;
	letter-spacing: .1em;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	width: 100%;
	height: 22px;
	text-decoration: none;
}

.modnavbox a,
.modnavbox a:link,
.modnavbox a:visited,
.modnavbox a:active {
	color: #666666;
}

.modnavbox a:hover {
	color: #999999;
}

.admin {
	font-size: 10px;
	color: #333333;
}

.adminform {
	font-size: 10px;
	color: #333333;
}

.search {					/* used in admin bars - the search text*/
	font-size: 10px;
	color: #666666; 
	font-weight: bold;
}

.searchform {				/* defines form for search */
}

.leftspacer {				/* amount of space to the left of the header and titles */
	width: 5px;
}


.pollresults {				/* poll result text */
	font-size: 12px;
	color: #404040; 
	font-weight: bold;
}

.modnavboxtop {				/*navagation bar top of screen where admin buttons show*/
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	background-color: #404040;
	border: none;
	width: 100%;
	line-height: 140%;
	text-decoration: none;
}

.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active {
	color: #ffffff;
}

.modnavboxtop a:hover {
	color: #f7f7f7;
}

.modnavboxmid {				/*navagation bar middle where the link for the albums show*/
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	background-color: #f7f7f7;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	width: 100%;
	line-height: 140%;
	text-decoration: none;
}

.modnavboxmid a,
.modnavboxmid a:link,
.modnavboxmid a:visited,
.modnavboxmid a:active {
	color: #666666;
}

.modnavboxmid a:hover {
	color: #00cc00;
}

.modfooter {				/* footer where the Gallery version is located */
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 8px;
	background-color: #333333;
	padding: 2px;
	border: none;
	width: 100%;
	line-height: 140%;
	text-decoration: none; 
}

.modfooter a,
.modfooter a:link,
.modfooter a:visited,
.modfooter a:active {
	color: #ffffff;
}

.modfooter a:hover {
	color: #f7f7f7;
}

.popupbody {				/* controls the background of popup. */ 
	margin: 25px;
	background: #ffffff;
}
	
.popuphead {				/* controls the title and background */ 
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding-left: 5px;
	border: 1px solid #dedede;
	background-color: #80ff80;
}

.popup {					/* controls the main text and message body */
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #66666;
	padding: 10px;
	border: 1px solid #dedede;
	background-color: #ffffff;
	margin: 2px 0 10px;  
}

.popupform {				/* controls form textarea */
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	padding: 2px;
	border: 1px solid #dedede;
	background-color: #f7f7f7;
}

#adminbox {
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

#adminbox td {
	font-family: Arial, Helvetica, sans-serif;
	color: #202020;
	background-color: #f7f7f7;
}

#adminbox a:hover {
	color: #ffffff;
}

.navtableborderbegin {
	border: none;
}

.navtableborderend {
	border: none;
}

.subalbumTreeLine {
    padding: 0px;
	margin: 0px;
}

.subalbumTreeElement {
    vertical-align:middle;
    white-space:nowrap;
}

.navboxroundedtop {
	margin: 0 auto; /* center for now */
	width: 100%;
	background: #f7f7f7 url('http://www.dextrovert.com/gallery/images/gnav_bkg_TR.gif') no-repeat top right;
	color: #999999;
}
.navboxroundedtop #leader {
	background: url('http://www.dextrovert.com/gallery/images/gnav_bkg_TL.gif') no-repeat top left;
	margin: 0;
	padding: 5px 5px 0 0;
}

.navboxroundedbottom {
	margin: 0 auto; /* center for now */
	width: 100%;
	background: #f7f7f7 url('http://www.dextrovert.com/gallery/images/gnav_bkg_BR.gif') no-repeat bottom right;
	color: #999999;
}
.navboxroundedbottom #leader {
	background: url('http://www.dextrovert.com/gallery/images/gnav_bkg_BL.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 0;
}

.navboxroundedspacer {
	width: 100%;
	margin: 2px 0;
}

.infoboxroundedtop {
	margin: 0 auto; /* center for now */
	width: 100%;
	background: #f7f7f7 url('http://www.dextrovert.com/gallery/images/ginf_bkg_TR.gif') no-repeat top right;
	color: #999999;
}
.infoboxroundedtop #leader {
	background: url('http://www.dextrovert.com/gallery/images/ginf_bkg_TL.gif') no-repeat top left;
	margin: 0;
	padding: 5px 5px 0 0;
}

.infoboxdottedmiddle {
	margin: 0 auto; /* center for now */
	width: 100%;
	background: #f7f7f7 url('http://www.dextrovert.com/gallery/images/ginf_bkg_RR.gif') no-repeat right;
	color: #999999;
}
.infoboxdottedmiddle #leader {
	background: url('http://www.dextrovert.com/gallery/images/ginf_bkg_LL.gif') no-repeat left;
	margin: 0;
	padding: 5px 5px 0 0;
}

.infoboxroundedbottom {
	margin: 0 auto; /* center for now */
	width: 100%;
	background: #f7f7f7 url('http://www.dextrovert.com/gallery/images/ginf_bkg_BR.gif') no-repeat bottom right;
	color: #999999;
}
.infoboxroundedbottom #leader {
	background: url('http://www.dextrovert.com/gallery/images/ginf_bkg_BL.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 15px 0;
}

.navboxroundedspacer {
	width: 100%;
	margin: 4px 0;
}