/*
	RobertoDonna.com styles
	Updated by Noah Lazar, Saforian
*/


/* ----- Formatting ----- */

body
{ color:#3e4146; font:normal .77em/1.43em verdana,arial,helvetica,sans-serif }

p, th, td, li, dt, dd
{ color:#3e4146; line-height:1.43 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a:link
{ color:#930; text-decoration:none }
a:visited
{ color:#a41; text-decoration:none }
a:hover, a:active
{ color:#999; text-decoration:none }


/* Paragraphs */
p
{ margin:0 0 1.2em }
blockquote
{ margin:0; padding:0 }
address
{ margin-bottom:1em; font-style:normal }

.small, small
{ font-size:91%; color:#727272 }
	p.small
	{ margin-bottom:1.3em }

.big, big
{ font-size:128% }
	p.big
	{ margin-bottom:1.3em }

.center
{ text-align:center }
.error
{ font-weight:bold; color:#7b1d12; text-shadow:#fff 2px 2px 1px }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ clear:left; float:left; margin:0 12px 8px 0 }
.floatright
{ clear:right; float:right; margin:0 0 8px 12px }

/* Icons */
.rss
{ padding:3px 0 3px 22px; background:url("../images/icon_rss.gif") no-repeat 0 50% }


/* Separators */
hr
{ color:#ccc; background-color:#ccc; height:1px; margin:1.4em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:.4em 0 }
	*:first-child+html hr /* IE7 fix */
	{ margin:.4em 0 }

/* Designed hr */
.hr
{ clear:both; margin:1.3em 0 1.6em; height:15px; background:url("../images/hr.gif") no-repeat 50% 0 }
	.hr hr
	{ display:none }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#3e4146; margin:0 0 1em; padding:0; font:bold 100%/1.2em 'Lucida Grande',verdana,arial,helvetica,sans-serif }
h1
{ font-size:130% }
h2
{ font-size:122% }
h3
{ font-size:115% }
h4
{ font-size:107% }
h5
{ font-size:100% }
h6
{ font-size:100%; margin-bottom:.2em }


/* Lists */
ul
{ margin:0 0 1.5em 6px; padding:0; list-style-type:none }
	ul li
	{ margin:0; padding:.3em 0 .3em 16px; background:url("../images/bullet_diamond.gif") no-repeat 0 .4em }
	ul ul
	{ margin:.5em 0 .3em 10px }

	ul.clean li
	{ padding-left:0; background-image:none }

ol
{ margin:0 0 1.2em 33px; padding-left:0 }
	ol li
	{ margin-bottom:.5em }

dl
{ margin:0 0 1.2em 0 }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form, fieldset
{ margin:0; padding:0; border-width:0 }
input, select, textarea
{ color:#3e4146; font-size:100%; vertical-align:middle }
label
{ vertical-align:middle; line-height:1.2 }

/* Boxed form */
form.fieldbox
{ background-color:#e3e3e3 }

form.fieldbox h3
{ margin:0; padding:.4em 9px; border-bottom:1px solid #fff; background-color:#ccc; color:#666; font-size:100% }
form.fieldbox p
{  margin:.7em 9px; font-size:91%; color:#666 }

form.fieldbox table
{ margin:0 auto .9em }
form.fieldbox caption
{ color:#333 }
.required
{ color:#930 }

.submit
{ height:28px; margin-top:2px; background:#fff url('../images/form_buttonback.gif') no-repeat; text-align:center }
.submit input
{ margin-top:6px }


/* Generic layout table */
table
{ margin:0 0 1em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
	table td
	{ padding:5px; border-width:0; vertical-align:top }





/* --- Page Layout --- */


/* Hidden elements */
#skipnav, .hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


/* Wrappers */
html, body
{ width:100%; height:100% }

body
{ margin:0; padding:0; background:#474747 url("../images/back_sides.gif") repeat }
	* html body /* IE5 centering fix */
	{ text-align:center }

#wrapper /* Gray center */
{ width:760px; height:100%; position:relative; margin:0 auto; 
  background:#fff url("../images/back_body.gif") repeat-y }
	* html #wrapper /* IE5 centering fix */ 
	{ text-align:left }

#innerwrapper
{ padding:22px 19px 0; background-color:#fff }


/* Branding bar */
#brand
{ position:relative }
	#brand:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo
{ float:left }
	#logo img
	{ display:block }

#url
{ position:absolute; right:0; bottom:0; margin:0; color:#3e4146; font-weight:bold; font-size:85% }
	#url a:link, #url a:visited
	{ color:#3e4146; text-decoration:none }
	#url a:hover
	{ color:#999; text-decoration:none }


/* Header */
#header
{ clear:both; position:relative } 
	#header img
	{ display:block }


#navigation
{ position:absolute; z-index:50; top:7px; left:6px; margin:0; padding:0 }
#navigation li
{ float:left; margin:0; padding:0; list-style-type:none; background-image:none }
	#navigation li a
	{ cursor:pointer; display:block }
	#navigation li img
	{ display:block }



/* - Content area - */

#content
{ float:left; width:490px; margin:0 0 1.8em }

	body.nosidebar #content /* No sidebar full width */
	{ float:none; width:auto }


/* Page title */
h1
{ text-align:right; margin:14px 0 .6em 0; padding:0 10px 6px 0; border-bottom:1px solid #ccc }
	h1 img
	{ display:block; margin:0 0 0 auto }



/* Menus */
table.menu
{ background-color:#fcfafa; margin:0 0 1.2em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
.menu td
{ vertical-align:middle; padding:2px 14px 2px 8px; border:1px solid #fff; line-height:1.4em }
	.menu td.indent
	{ padding-left:40px }

.menu tr.break td
{ border-top-width:5px }



/* Boxes */
.box
{ margin-bottom:1.2em; padding:1em 10px .1em; background-color:#eee; text-align:left }
	p.box
	{ padding:1em }

	form.box p, div.box p
	{ margin-bottom:.9em }


/* Columns */
.columns:after  /* Clear after floats */
{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:48%; margin-right:2%; margin-left:0 }

.three .col /* Three columns */
{ float:left; width:31.3%; margin-right:2% }


/* Closed message */
#closed
{ width:456px; height:100px; margin:0 auto 1.4em; padding:220px 72px 0 72px; 
  background:#b03923 url("../images/closed_back.jpg") no-repeat; text-align:center }

#closed.small
{ width:422px; height:80px; padding:181px 34px 0 34px; 
  background:#b03923 url("../images/closed_back_small.jpg") no-repeat }

#closed *
{ color:#fff }
#closed a
{ text-decoration:underline }



/* Index thumbnails */
.thumbnails
{ margin:0 0 1.2em; padding:0; list-style-type:none }
	.thumbnails:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.thumbnails li
{ float:left; width:30%; margin:0 1.5% 0 1.7%; padding:0; background-image:none }
	* html .thumbnails li /* IE6 double-float fix */
	{ display:inline }

.thumbnails img
{ display:block }

.thumbnails h2
{ margin:.8em 0 .3em }
.thumbnails p
{ font-size:91% }
	.thumbnails p img
	{ display:inline }



/* Side thumbnail photo */
.side
{ clear:both; border-top:1px solid #ccc; padding:1em 0 .5em 0 }
.side h2
{ margin:0 }
.side img.thumb
{ float:right; margin:0 0 12px 12px }
.side p
{ margin-bottom:8px }



/* - Calendars - */

/* Week (Grill) */
table.week
{ width:490px; margin:0 0 1.5em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed }

table.week caption
{ text-align:left; margin:0; padding:0 0 .2em 0; font-weight:bold; color:#555 }

table.week th /* Day names */
{ padding:2px; text-align:center; border:1px solid #fff; background-color:#424242; color:#fff }
table.week td /* Days */
{ height:5.2em; vertical-align:top; padding:5px; border:1px solid #fff; 
  line-height:1.4em; font-weight:bold; font-size:140%; text-align:right }

table.week td.closed /* Closed and open colors */
{ background-color:#930; color:#dbb }
table.week td.open
{ background-color:#7e9b3e; color:#bdb }

table.week td span
{ display:block; text-align:center; color:#fff; padding-top:.5em }


/* Month (Lab) */
table.month
{ width:158px; float:left; margin:0 8px 1.1em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:hide; table-layout:fixed }
table.month caption
{ text-align:left; margin:0; padding:.7em 0 .3em 0; font-weight:bold; color:#555 }

table.last, table.month.last
{ margin-right:0 }

table.month th /* Day names */
{ padding:2px 3px; text-align:center; border:1px solid #fff; background-color:#424242; color:#fff }
table.month td
{ vertical-align:top; padding:4px 3px; border:1px solid #fff; background-color:#f6f6f6; color:#444;
  line-height:1.2em; font-size:110%; text-align:center }

table.month td input
{ display:block; margin:0 auto .2em auto }

/* Highlight this week */
table.month tr.thisweek
{ border:2px solid #fffa6c }

/* Closed and open colors */
table.month td.closed
{ background-color:#930; color:#fdd; font-weight:normal }
table.month td.open
{ background-color:#7e9b3e; color:#dfd; font-weight:normal }

span.closed
{ padding:3px 5px; border:2px solid #fff; background-color:#930; color:#fdd; font-weight:normal }
span.open
{ padding:3px 5px; border:2px solid #fff; background-color:#7e9b3e; color:#dfd; font-weight:bold }



/* - Right sidebar - */
#sidebar
{ float:right; width:206px; margin:48px 0 1.8em; padding-top:1em; border-top:1px solid #ccc }

#sidebar .hr
{ margin:1em 0; height:11px; background:url("../images/hr_sidebar.gif") no-repeat }

#sidebar h4
{ margin-bottom:.3em; font-size:91% }


/* Subnavigation */
#subnav
{ margin:0 0 2em 15px; padding:0; font-size:84% }
#subnav li
{ margin:0; padding:.2em 0 .2em 12px; background:url("../images/bullet_subnav.gif") no-repeat 0 .3em;
  line-height:1.2; font-weight:bold }

#subnav li.active
{ background-image:url('../images/bullet_subnav_on.gif') }
#subnav li.open
{ background:url('../images/bullet_subnav_open.gif') no-repeat 0 .5em }

#subnav li a:link, #subnav li a:visited
{ color:#3e4146; text-decoration:none }
#subnav li a:hover, #subnav li a:active
{ color:#930; text-decoration:none }


/* Third-level */
#subnav ul
{ margin:2px 0 3px 0; padding:0 }
#subnav ul li
{ padding:.2em 0 .1em 12px; background:url("../images/bullet_subnav_nested.gif") no-repeat 0 .4em;
  font-weight:normal }

#subnav ul li.active
{ font-weight:bold }

#subnav ul li a:link, #subnav ul li a:visited
{ color:#930; text-decoration:none }
#subnav ul li a:hover, #subnav ul li a:active
{ color:#3e4146; text-decoration:none }


/* Rotating information box */
#infobox
{ width:202px; margin:0 auto 1em auto; border:2px solid #c8c8c8; 
  background:url("../images/info_top.gif") no-repeat; text-align:center; font-size:91% }
#infobox p
{ margin:0; padding:12px 15px 16px; background:url("../images/info_bottom.gif") no-repeat bottom left;
  color:#930; font-weight:bold; line-height:1.3 }




/* - Footer - */

#footer
{ position:relative; clear:both; margin-top:2em }

#footer abbr
{ border-bottom-width:0 }

#footer #shoplink
{ float:right; position:relative; z-index:10 }

#footer address
{ display:block; margin-bottom:.5em; padding:4px 0 5px 26px; background:#e4e4e4 url("../images/footer_left.gif") no-repeat left bottom; 
  font-size:85%; font-style:normal; line-height:1.2 }
	#footer address a:link, #footer address a:visited
	{ color:#3e4146; text-decoration:none }
	#footer address a:hover
	{ color:#930; text-decoration:none }


#sponsors /* Divide 722 pixel width by number of sponsors and intro text */
{ zoom:1; margin:0; padding:.9em 0 .9em 26px; font-size:85%; background-color:#e4e4e4 }
	#sponsors:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#sponsors h3
{ margin:12px 0 0; float:left; width:155px; font:normal 100%/1.3 verdana, arial, helvetica, sans-serif }

#sponsors ul
{ margin:0; padding:0; list-style-type:none }

#sponsors li
{ float:left; margin:0; padding:0; width:135px; background-image:none; text-align:center }
	* html #sponsors li /* IE6 spacing fix */
	{ width:133px }


#copyright
{ background-color:#e4e4e4; margin:.5em 0 0; padding:4px 11px 5px 5px; color:#444; font-size:85%; text-align:right }
#copyright a#plug /* saforian */
{ position:relative; float:left; padding-top:1px }




/* --- Homepage --- */

/* Over-header links */
#headerlinks
{ position:absolute; z-index:10; top:210px; left:39px; color:#fff; font-size:91% }
#headerlinks a
{ font-weight:bold; white-space:nowrap }
	#headerlinks a:link, #headerlinks a:visited
	{ color:#f1dbb2; text-decoration:none }
	#headerlinks a:hover
	{ color:#f1dbb2; text-decoration:underline }


/* Photo */
#roberto
{ position:absolute; z-index:5; top:84px; right:10px }

/* Features */
#homefeatures
{ display:block; margin:1.2em 0 1.5em 16px; font-size:91% }
	#homefeatures:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#homefeatures li
{ float:left; width:202px; margin:0 10px 0 0; padding:0 5px 0 17px; background:url("../images/bullet_star.gif") no-repeat 0 .1em }
	* html #homefeatures li /* IE5 box model fix */
	{ width:225px; w\idth:202px; }

#homefeatures li:first-child
{ border-right:1px solid #666 }


/* Flash navigation */
#flashnav
{ position:relative; z-index:20 }
	#flashnav:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#flashnav a
{ float:left; margin:0 2px }
	* html #flashnav a /* IE6 double-margin fix */
	{ display:inline }




/* --- IE hasLayout fixes --- */

.columns, #brand, #homefeatures, #flashnav, .thumbnails, #sponsors ul
{ zoom:1 }