/* --------- /stylesheets/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; text-decoration: none ;}
a img:hover { text-decoration: none;}

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* --------- /stylesheets/public/base/typography.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 87.5%; }


/* Default fonts and colors. */
body { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; text-transform:uppercase; }
h2 { font-size: 1.3em; line-height: 1.2em; margin-bottom: .5em; }
h3 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; }
h4 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; }
h5 { font-size: .8333em; line-height:1.8em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { text-decoration:none; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
small {font-size:.7857em;}
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

/*table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }*/


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; }
.large { font-size: 1.2em; }
.quiet { color: #999; }
.nostyle { background-color:transparent; border:none;}
.highlight { background: #ffc; }
.float_left {float:left;}
.float_right {float:right;}/* --------- /stylesheets/public/base/grid.css --------- */ 
/* Layout Grid
-------------------------------------------------------------- */
body {}

#Wrap {width:820px; margin:0 auto; position:relative;}
#Masthead {height:180px;}
#Nav {height:60px;}
#Content {width:760px; padding:10px 30px; overflow:hidden;}
#Footer {height:95px; position:relative;}
#Footer p {position:absolute; top:50px; left:30px; font-size:.857em;}

#Content .column1, #Content .column2 {width:370px; float:left;}
#Content .column1 {margin-right:20px;}/* --------- /stylesheets/public/base/color.css --------- */ 
#Wrap {background:url(/images/layout/top.gif) no-repeat center top;}
#Content {background:url(/images/layout/middle.gif) repeat-y center top;}
#Footer {background:url(/images/layout/bottom.gif) no-repeat center bottom; color:#FFF;}
#Masthead h1 {display:none;}


body {color:#666; background:url(/images/layout/bg02.gif) repeat left top;}
a:link, a:visited {color:#b90d03; border-bottom:1px dotted #b90d03;}
a:hover, a:active {background-color:#ffe3be;}
a.nostyle:link, a.nostyle:visited, a.nostyle:hover, a.nostyle:active {background-color:#FFF; border:none;}
a.away:link, a.away:visited {padding-right:20px; background:url(/images/icons/icon_ext.gif) no-repeat right top;}
a.away:hover, a.away:active {background-color:#ffe3be;}

h1 {color:#c06000;}
h2 {color:#BF0B0A; text-transform:uppercase; border-bottom:1px solid #BF0B0A; padding-bottom:.2em;}/* --------- /stylesheets/public/base/forms.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate forms.css
   * Sets up some default styling for forms
   
-------------------------------------------------------------- */

label { font-weight: normal; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
.has_focus {background-color:#D1FF9F;}



/* FORM INPUT STYLING
-------------------------------------------------------------- */
input, select, textarea {font-size:.857em; font-family:"Lucida Grande";}
input[type="submit"] { background-color:#D6FF2F; color:#44511f; border:2px solid #BBDF29; padding:.5em 1em; text-transform:uppercase; font-weight:bold;}
input[type="submit"]:hover, input[type="submit"]:focus { background-color:#BBDF29;}
input[type="text"] { padding:.2em; border:2px solid #BBDF29;}
select {border:2px solid #BBDF29;}
textarea {padding:.2em; border:2px solid #BBDF29;}


/* SIMPLE FORM
-------------------------------------------------------------- */
/* layout */
ul.simpleForm {margin:0; padding:0; }
ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;}
ul.simpleForm fieldset {}
ul.simpleForm li {overflow:hidden; padding:10px 1px; border-top:4px solid #EEF0F1; }
ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;}
ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;}
ul.simpleForm fieldset {border:0;}

ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; height:3em;}
ul.simpleForm fieldset li.checkbox {height:auto;}
ul.simpleForm fieldset label {display:block; float:none; margin:0;}
ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;}
ul.simpleForm li.new_row {clear:left; width:100%;}
ul.simpleForm button {margin-left:150px; display:inline;}
/* typography */
ul.simpleForm {list-style-type:none;}
ul.simpleForm fieldset li {list-style-type:none;}
ul.simpleForm fieldset label {font-weight:normal; color:#777; font-size:.85em;}

.simpleForm #progress {padding-left:150px;}

.simpleForm input.full {width:96%;}
.simpleForm input.long {width:30em;}
.simpleForm input.medium {width:15em;}
.simpleForm input.short {width:10em;}
.simpleForm input.tiny {width:3em;}
.simpleForm textarea.full {width:96%; height:10em;}
/* typography */
.simpleForm label {font-size:.857em; font-weight:bold; color:#444;}



/* VALIDATION
-------------------------------------------------------------- */
.fieldWithErrors {padding-left:25px; background:url(/images/admin/icons/small/error.png) no-repeat left top;}/* --------- /stylesheets/public/base/lists.css --------- */ 
ul.nostyle {list-style-type:none; margin-left:0;}
ul.nostyle li {margin-bottom:.3em;}/* --------- /stylesheets/public/chunks/nav.css --------- */ 
#Nav, #Nav ul {margin:0; padding:0;}
#Nav {margin-left:35px;}
#Nav ul {list-style-type:none;}
#Nav ul li {float:left;}
#Nav ul li a {display:block; float:left; width:150px; height:40px; text-indent:-5000px; border:0;}

#Nav li#nav-news a {background:url(/images/layout/nav/nav_news.png) no-repeat;}
#Nav li#nav-community a {background:url(/images/layout/nav/nav_community.png) no-repeat;}
#Nav li#nav-purchase a {background:url(/images/layout/nav/nav_purchase.png) no-repeat;}
#Nav li#nav-tutorials a {background:url(/images/layout/nav/nav_tutorials.png) no-repeat;}
#Nav li#nav-contact a {background:url(/images/layout/nav/nav_contact.png) no-repeat;}
/* --------- /stylesheets/public/chunks/images.css --------- */ 
#image_grid #focus_image {margin-bottom:19px;}
#image_grid #thumb_images img {padding:3px; border:1px solid #BF0B0A;margin-right:10px;}
#image_grid #thumb_images img.last {margin-right:0;}/* --------- /stylesheets/public/chunks/notifications.css --------- */ 
/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22; color:#3d5300;}



/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#DF291B; color:#FFF;}
.errorExplanation h2 {background-color:#9F1D13; color:#FFF;}


/* --------- /stylesheets/lightbox.css --------- */ 
#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(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #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: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}