/*
Layout naming conventions

#w - wrapper
#h - header
#c - content
#f - footer
*/

/* RESET ********************************/
*{margin:0;padding:0}
fieldset, a img{border:0}
body{font:12px/18px Arial,sans-serif;background:#eeeeee;color:#333}

/* BASIC SETTINGS ***********************/
a{color:#000}
strong,b{font-weight:bold}
dfn{font-style:normal;border-bottom:1px dotted #aaa}
em,i{font-style:italic}
select option{text-transform:capitalize}

/* CONTENT ELEMENTS *********************/
#c h1,#c h2,#c p,#c ul,#c form,#c ol,#c dl,#c dd,#c blockquote{margin-bottom:18px}
#c table form{margin-bottom:0 !important}
/* headings */
#c h1{font-size:20px;font-weight:normal}
#c h2,#c h3,#c h4{font-weight:bold;line-height:18px}
#c h2{font-size:16px}
#c h2 a{text-decoration:none}
#c h2 a:hover{text-decoration:underline}
#c h3,#c dt{font-weight:bold;font-size:12px}
#c h4{font-weight:normal;text-transform:uppercase;font-size:10px;letter-spacing:5px;font-size:12px}
/* images */
#c img.left,img.right,img.across,.post img{border:1px solid #ccc;padding:4px}
#c img{background:#fff url(i/loading.gif) 50% 50% no-repeat;color:#000;padding:2px;border:1px solid #ddd;margin:5px}
#c .left{float:left;margin:2px 20px 16px 0}
#c .right,.post img{float:right;margin:2px 0 16px 20px}
#c .across{margin:2px auto 16px auto}
#c .noborder{border:0 !important}
/* Quotes */
#c blockquote{background:#f2f2f2 url(quote.gif) 14px 14px no-repeat;color:#666;border-bottom:1px solid #a9a9a9;padding:14px 14px 14px 40px}
/* lists */
#c ul li{list-style:none;background:url(arrow.png) 0 50% no-repeat; margin-left:10px;padding-left:10px}
#c ol li{list-style:decimal;margin-left:2.2em;padding:0}
#c ul.simple li{border-bottom:1px dotted #eee;list-style:none;margin-left:0}
/* tables */
#c caption,#c th{text-align:left}
#c table{border-collapse:collapse;border-spacing:0;font-size:11px;margin-bottom:20px}
#c th{border-width:1px;background:#ad0d0d no-repeat;color:#fff;letter-spacing:1px;text-transform:uppercase}
#c td{border-width:0 1px 1px 1px;background:#fff}
#c td,#c th{padding:2px 5px;border-color:#f9b1b1;border-style:solid}
#c tr.odd td,tr.even td{border-top:0;font-size:10px}
#c tr.odd td{background:#fff}
#c tr.even td{background:#f5fafa;color:#797268}
#c caption{padding:5px 0 0 5px;font-style:italic;color:#ad0d0d;background:#fff}

#c address{font-style:normal;padding:0 0 20px 0}

/* HANDY HELPERS ************************/
/* delimiter */
hr{display:none}
/* align="center" for strict XHTML */
.center{text-align:center}

#w{position:relative;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff;width:620px;margin:0 auto}
#h{background:#ddd;padding:10px 10px 30px 10px}
#h p{font-weight:bold;padding:0 10px 5px 10px;font-size:14px;color:#4a3a30}
#h #logo{float:right}
#c{width:280px;padding:20px;float:right}
#i{width:300px;position:absolute;left:0;top:63px}
#f{clear:both;background:#ddd;padding:10px}
#f address{font-style:normal}
#f li{display:inline;padding:0 10px;border-right:1px solid #ddd}
#f li#fm-end{border:0}

/* TOP MENU *****************************/
#m{position:absolute;top:35px;left:10px}
#m li ul{display:none;position:absolute;width:150px;top:16px;z-index:10;left:0;background:#ddd;padding:5px}
#m li:hover ul{display:block;border:1px solid #999}
#m li{display:block;position:relative;margin:0;list-style:none;float:left;font-weight:bold;font-size:12px;padding:0 10px}
#m a{text-decoration:none;color:#fff}
#m a:hover{text-decoration:underline;color:#888}
#m li li{float:none;position:relative;font-size:12px;padding:0}
#m ul a{text-align:left;height:auto;width:141px;padding:5px}

/*Lightbox
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#lightbox a img{border:none}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#imageContainer{padding:10px}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#imageContainer>#hoverNav{left:0}
#hoverNav a{outline:none}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../j/images/blank.gif) no-repeat;display:block}
#prevLink{left:0;float:left}
#nextLink{right:0;float:right}
#prevLink:hover,#prevLink:visited:hover{background:url(../j/images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover,#nextLink:visited:hover{background:url(../j/images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{font:10px Verdana,sans-serif;background:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%}
#imageData{padding:0 10px;color:#666}
#imageData #imageDetails{width:70%;float:left;text-align:left}	
#imageData #caption{font-weight:bold}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em}			
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:.7em}	
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background:#000}
*/
