/*----------------------------------------------------------
ANUCAFE.COM STYLESHEET
AUTHOR : MIKE SLATER
CREATED : 10.19.09
TABLE OF CONTENTS :

1) CLEAR DEFAULT STYLES
2) SET SITEWIDE BASE CLASSES AND TAGS
3) ALL SITE LAYOUT
4) INDIVIDUAL PAGE LAYOUTS
5) MODULES
6) ADMIN STYLES

COLOR SWATCHES :
default : #000
Swatches :

orange  #fb8818

-----------------------------------------------------------*/

/** -------- 1) CLEAR DEFAULT STYLES -------- **/
html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, table, th, td, a, img {
margin: 0;
padding: 0;
border: none;
outline: none;
}
ol {
list-style-position: inside;
}
p {
margin: 0 0 0.625em 0;
}
hr { margin: 10px 0; }
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {border-collapse : collapse; border-spacing :0;
}
fieldset, img {
border: none;
}
a img, a:link img,a :visited img, a:hover img, a:active img {
border: none;
outline: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
div {
position: relative;
}

/** -------- 2) SET SITEWIDE BASE CLASSES AND TAGS -------- **/
/* TAGS */

p {clear: left;}
h1 {font-size: 24px; color: #dadada; margin: 0 0 1em; }
h2 {font-size: 20px; color: #dadada; margin: 0 0 1em;}
h3 {font-size: 18px; color: #dadada; margin: 0 0 1em;}
h4 {font-size: 16px; color: #dadada; margin: 0 0 1em; }
h5 {font-size: 14px; color: #dadada; margin: 0 0 1em;}
h6 {font-size: 12px; color: #dadada; margin: 0 0 1em;}

a:link {color: #fb8818; text-decoration: none;}
a:visited {color: #fb8818; text-decoration: none;}
a:hover {color: #fb8818; text-decoration: underline;}
a:active {color: #fb8818; text-decoration: underline;}

em 
{ 
	font-style: italic;
	color: #fb8818;
}


/* COMMON CLASSES */

.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.strike {
text-decoration: line-through;
}
.vtop {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}
.nowrap {
white-space: nowrap;
}

.breakforprint {
page-break-after: always;
}

.hand { cursor: pointer; }


.indent { margin: 10px; }

.invisible {
visibility: hidden;
}
.hidden {
display: none;
}
.loading {
background: url(/images/backgrounds/bg_loading.gif) 50% 50% no-repeat;
}
.ie6_warning {
display: none;
}

.clearboth {
display: block;
clear: both;
line-height: 0;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
font-size: .01em;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}

.formrow {
margin: 5px 0;
}

/* CUSTOM CLASSES */

div.pic {
float: left;
display: inline;
height: 128px;
width: 128px;
overflow: hidden;
margin: 5px 3px;
text-align: center;
}
div.pic img {border: none;}
div.ls img {height: 96px; width: 128px; margin: 16px 0;}
div.pt img {height: 128px; width: 96px;}

.floaterImg
{
	padding: 0 0 10px 10px;
	float: right;
	display: inline;
}

.railimg
{
	width: 300px;
}


/* -------- 3) ALL SITE LAYOUT -------- */

body {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	color: #d1d1d1;
	background-color: #000;
	background-image: url(/images/backgrounds/bg_rug.jpg);
	background-repeat: repeat-y; 
	margin: 0 20px;
	}


	
#site_logo { margin: 0 16px; }

#links {
	background: #351d05;
	position: absolute;
	left: 137px;
	top: 154px;
	text-align: center;
	font-size: 14px;
	width: 780px;
	/*height: 20px;*/
	z-index: 100;
	}
	
	
#links ul.sf-menu { list-style-type: none; margin: 0; padding: 0; }

#links ul.sf-menu li { margin-left: 2px; float: left; display: inline; clear: none; font-weight: bold; position: relative;  }

#links ul.sf-menu li a { padding: 2px 14px 2px 22px; display: block;  }

#links ul.sf-menu li.active a { background: url(/images/nav/on.png) no-repeat; }
#links ul.sf-menu li.active ul li a { background: none; }

#links ul.sf-menu li a:link,
#links ul.sf-menu li a:visited { color: #bebebe; }
#links ul.sf-menu li a:hover,
#links ul.sf-menu li a:active { color: #bebebe; text-decoration: none; background: url(/images/nav/on.png) no-repeat; }


/* SUPERFISH SUBNAVIGATION ELEMENTS */


#links ul.sf-menu ul { list-style-type: none; margin: 0; padding: 0; position: absolute; top: -999em; }
#links ul.sf-menu ul li { margin: 0; padding: 0; }

#links ul.sf-menu li:hover { visibility: inherit; }

#links ul.sf-menu ul { background: #351D05; border-bottom: 1px solid #fb8818; }

#links ul.sf-menu ul li { padding: 0; display: block; float: none;
					border-top: 1px solid #fb8818;
					background-color: transparent; background-image: none; text-align: left; font-size: 10px; }

#links ul.sf-menu li ul li a { padding: 4px 6px; height: 13px; width: 80px; }

#links ul.sf-menu li ul li a:link,
#links ul.sf-menu li ul li a:visited { color: #fb8818; background: none; }
#links ul.sf-menu li ul li a:hover, 
#links ul.sf-menu li ul li a:active { color: #ccc; background: none; }

#links ul.sf-menu a { display: block; position: relative; }
#links ul.sf-menu li:hover ul,
#links ul.sf-menu li.sfHover ul { left: 4px; top: 20px; z-index: 99; }
#links ul.sf-menu li:hover li ul,
#links ul.sf-menu li.sfHover li ul { top: -999em; }
#links ul.sf-menu li li:hover ul,
#links ul.sf-menu li li.sfHover ul { left: 0; top: 0; }
#links ul.sf-menu li li:hover li ul,
#links ul.sf-menu li li.sfHover li ul { top: -999em; }
#links ul.sf-menu li li li:hover ul,
#links ul.sf-menu li li li.sfHover ul { left: 0; top: 0; }


#links .biolink { padding-top: 2px; float: right; display: inline; }

#main {
	position: absolute;
	top: 172px;
	left: 137px;
	width: 780px;
	margin: 0 20px 5px 0;
	padding: 5px;
	border-left: 1px solid #713d0b;
	min-height: 100%;
	z-index: 10;
	}
	
#main p {
	line-height: 1.6em;
}
	
#main_fade { 
	height: 436px; 
	width: 1px; 
	background: url(/images/main_fade.jpg) no-repeat; 
	position: absolute;
	top: 0;
	left: -1px;
}

#content { margin: 10px 0 0 10px; width: 455px; float: left; display: inline; }
#rail { margin-top: 10px; width: 300px; float: right; display: inline; } 

#norail_content { margin: 10px 0 0 10px; width: 760px; float: left; display: inline; position: relative; }

/* -------- 4) INDIVIDUAL PAGE LAYOUTS -------- */

/* PROMO PAGE */

.promo_img { 
margin: 10px 50px; 
text-align: center; }

/* MENU PAGE CSS */

h2.menupage {letter-spacing: 10px; font-size: 22px;}
h3.menupage { font-size: 14px; font-weight: normal; }
h4.menupage {font-style: italic; font-weight: lighter; font-size: small;}
p.menupage { padding: 0 0 6px 24px; background: url(/images/icons/insignia.gif) no-repeat; line-height: 1.3em; color: #FB8818;}

/* GALLERY STYLES */

.form_row
{
	overflow: hidden;
	margin: 5px 0;
}

.gal_filter
{
	text-align: right;
}

.gal_title
{}
.gal_size
{}
.gal_year
{}
.gal_original
{}
.gal_print
{}
.gal_desc
{}

#footer {
	margin: 10px 0;
	padding: 10px 0;
	display: block;
	text-align: right;	
	clear: both;
	color: #b4b4b4;
	font-size: 0.8em;
	float: right;
	width: 300px;
}


/* -------- 5) MODULES -------- */

/* MAIN GALLERY ROTATER */
#rotater_controls { width: 455px; height: 57px;
					position: absolute; left: 0; top: 483px; overflow: hidden; 
					text-align: center;}

#prev { position: absolute; top: 15px; left: 5px; }
#next { position: absolute; top: 15px; right: 20px;}

#pane { width: 455px; height: 473px; overflow: hidden; }

#pane ul { overflow: hidden; }

#pane ul li { float: left; display: inline; width: 455px; text-align: center; overflow: hidden; }

.pag { padding-top: 20px; }

/* POSTCARD ROTATER */
#postcard_controls { width: 548px; height: 65px; text-align: center; position: relative;}

#postcard_prev { position: absolute; top: 15px; left: 5px; }
#postcard_next { position: absolute; top: 15px; right: 20px;}

#postcard_pane { width: 548px; height: 128px; overflow: hidden; }

#postcard_pane ul { overflow: hidden; }

#postcard_pane ul li { float: left; display: inline; width: 548px; text-align: center; overflow: hidden; }

#postcard_pane ul li a { float: left; display: inline; width: 136px; height: 128px; text-align: center; }

.postcard_pag { padding-top: 20px; }


/* PRINT TMB ROTATER */
#printtmb_pane { width: 200px; height: 128px; overflow: hidden; }

#printtmb_pane ul { overflow: hidden; }

#printtmb_pane ul li { float: left; display: inline; width: 200px; text-align: center; overflow: hidden; }

#printtmb_controls { width: 200px; height: 65px;
					overflow: hidden; 
					text-align: center; position: relative; }

#printtmb_prev { position: absolute; top: 15px; left: 5px; }
#printtmb_next { position: absolute; top: 15px; right: 20px;}

.printtmb_pag { padding-top: 20px; }

/* -------- 6) ADMIN STYLES -------- */