/* Begin Typography & Colors */
body {
	font:normal 13px/17px Arial, Helvetica, "Trebuchet MS", sans-serif;
	background:#21201e url(/img/tpl/bg_secondary_pages.png) top left repeat-x;
	color: #585151;
	text-align:center;
	margin:0 auto;
	line-height:1.7em;
}
body.home {
	background:url("/img/tpl/img_mainBG_tall.gif") repeat-x scroll left top #21201E;
	}

/*	TYPE
======================== */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre;}
tt {display:block;}
pre, code, tt{font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/*	LISTS
======================== */
ul {list-style-type:disc;}
ol {list-style:decimal; }
ul, ol {list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:disc;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}
ul li {list-style-type:disc; line-height:1.7em;  list-style-image:none; list-style-type:none;}
ul#gallery li { display:inline; float:left; margin:0 20px 20px 0; padding:0; list-style:none; }

div#entry div#main ul#gallery li { list-style:none; list-style-image:none;}

/*	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } 
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; 	}
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
 ul#nav li { list-style-type:none; }

/*	LINKS
======================== */
a:link, a:visited {color:#70AF2B; font-weight:bold; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

/*	HEADINGS
======================== */
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#E53485; }
h1 {font-size:21px; padding-top: 70px; margin: 0;}
h2 {font-size:19px; }
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

.align-center {
text-align:center;
}


div#content h2 { margin:0; padding-bottom:3px; font-size:16px; color:#777; margin-top:5px;}
div#content div.entry h2 { font-weight:bold; border-bottom:1px solid #E2E2E2; color:#70AF2B; font-size:16px; margin:0; padding-bottom:3px; margin-top:20px; }
div#content h2.page-title { color:#E53485; font-size:1.7em; font-weight:normal; }

#sidebar h2 { margin:5px 0 0 0; padding:0; font-weight:normal; color:#E53485; }

h3 { padding:0; margin:30px 0 0; font-size:17px; color:#E53485; }
div#content.widecolumn h3.comments { padding:0; margin:40px 0 20px 0; font-size:16px; color:#E53485; }

h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }
h2 a, h2 a:visited, h3 a, h3 a:visited { color: #70AF2B; text-decoration:none; }
h2 a:hover, h3 a:hover, #wp-calendar caption, cite { text-decoration:none; color:#87DB2C; }

h5 { font-size:12px; font-weight:bold; text-transform:uppercase; margin-bottom:-10px; }


/*	BASIC STRUCTURE CLASSES
=========================== */
.narrowcolumn { float:left; margin:0px 10px; padding:0 1em; width:510px; }
.narrowcolumn .postmetadata { padding:5px 0 0 0; }
.narrowcolumn .postmetadata { text-align:center; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 14px; margin-left:15px; }

div#content.narrowcolumn div.post small { font-size:10px; }

.post { margin:0 0 40px; text-align: left; }
.post hr { display:block; }
.postmetadata { clear:left; }
.clear { clear: both; }
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size:1em; line-height: 1.5em; }

small, 
#sidebar ul ul li, 
#sidebar ul ol li, 
.nocomments, 
.postmetadata, 
blockquote, 
strike { color: #777; }


div#content.widecolumn { float:left; margin:0px 10px; padding:0 1em; width:510px; line-height:1.6em; }
.widecolumn .post { margin:15px 0 0 0; }
.widecolumn .postmetadata { margin:30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; } 
.widecolumn .entry { line-height: 14px; margin-bottom:30px; }


.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }


#headerimg .description { font-size: 1.2em; text-align: center; }

code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }



/*	BASIC STRUCTURE
======================== */
div#shadow_bar { width:100%; height:10px; background:#0e0d0b; margin:0; }
div#wrap { position:relative; width:905px; margin:0 auto; text-align:left; }

div#wrap div#search_area { 
	background:url(../../../../img/tpl/img_search_bg.png) top left no-repeat;
	width:256px;
	height:43px;
	position:relative;
	float:right;
	font-size:90%;
	font-weight:bold;
	color:#fff;
}
div#search_area form { position:relative; left:15px; top:3px; }
div#search_area form input.search_field { background:#21201e; color:#fff; border:2px solid #646464; padding:2px 5px; }
div#search_area form input.submit_btn { background:url(../../../../img/tpl/img_search_btn.png) left top no-repeat; border:none; width:57px; height:23px; cursor:pointer; color:#fff; }


div#wrap div#content_banner {
	float:left;
	position:relative;
	width:905px; 
	height:76px;
	border-top:2px solid #E53485;  
	border-bottom:1px solid #E53485; 
	padding:1px 0 3px 0;
	overflow:hidden;
	margin:-15px 0 5px 0;
	z-index:1;
}

div#page {
	background:#fff url(../../../../img/tpl/img_content_repeat.png) top left repeat-y;
	text-align:left;
	padding:0;
	float:left; 
	width:905px; 
	position:relative; 
}

div#page p { font-size:95%; line-height:1.7em; }

div#header { margin:20px auto 0; width:905px; position:relative; z-index:50; }

div#content { margin:30px 10px 0 10px; }

div#sidebar { float:right; display:inline; width:305px; margin:30px 10px 0 10px; padding:0 .5em; background:#efefef; }

div#cwrap_btm  { 
	float:left; 
	margin:0 auto; 
	position:relative; 
	top:-5px; 
	background:url(../../../../img/tpl/img_cwrap_btm_bg.png) -1px top no-repeat; 
	width:907px;
	height:48px;
}

div#footer {
	clear:both; 
	position:relative; 
	top:0; 
	text-align:center; 
	color:#585151; 
	font-size:95%; 
	font-weight:bolder;
	margin:0 0 20px 0;
}

/*	HEADER
======================== */
div#header h1.logo { 
	background:transparent url(../../../../img/tpl/img_logo.png) left top no-repeat; 
	width:98px; 
	height:138px; 
	border:none; 
	display:block;
	text-indent:-9009px;
	padding:0;
	margin-left:20px;
}

div#header h1.logo a:link, div#header h1 a:visited {
	display:block;
	width:98px;
	height:138px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	padding:0;
}

div#header h1.logo a:hover, 
div#header h1.logo a:active {
	border:0;
	text-decoration:none;
}

/*	NAVIGATION
======================== */
div#header ul#nav li a:link.submenu,
div#header ul#nav li a:visited.submenu { background:none;}

div#header ul#nav li ul li a:hover.submenu,
div#header ul#nav li ul li a:active.submenu { background:#0E0D0C; }

div#header ul#nav { /* main list */
	float:right;
	width:720px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
	position:relative;
	top:-20px;
	right:-20px;
	text-align:left;
}

div#header ul#nav li {
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	margin:0 25px 0 0;
}

div#header ul#nav li a:link,
div#header ul#nav li a:visited { 
	display:block; 
	width:auto; 
	text-transform:uppercase; 
	font-size:90%;
	letter-spacing:1px;
	color:#fff;
	padding:0 0 10px 0; 
}

div#header ul#nav li a:hover, 
div#header ul#nav li a:active { 
	border-bottom:2px solid #87DB2C; 
	text-decoration:none; 
	color:#87DB2C; 
	padding:0 0 8px 0;
}

div#header ul#nav li ul {
	position:absolute;
	background:#21201e;
	line-height:1;
	width:14em;
	left:-999em;
	border:2px solid #646464;
	top:20px;
	list-style:none;
	z-index:999;
	padding:0;
}

div#header ul#nav li ul li { border:none; width:100%; padding:0; }

div#header ul#nav li ul li a:link, 
div#header ul#nav li ul li a:visited { 
	border:none; 
 	padding:7px 7px; 
	text-transform:none; 
	letter-spacing:.5px;
}


div#header ul#nav li ul li a:hover, 
div#header ul#nav li ul li a:active { 
	border:none; 
	background:#0E0D0C;
}

/* lists nested under hovered list items */
div#header ul#nav li:hover ul, 
div#header ul#nav li.sfhover ul { 
	left: auto;
}

div#header ul#nav li ul ul {
	margin:-1em 0 0 10em;
}

div#header ul#nav li:hover ul li ul, 
div#header ul#nav li.sfhover ul li ul {
	left:-999em;
}

/* lists nested under hovered list items */
div#header ul#nav li:hover ul, 
div#header ul#nav li ul li:hover ul,
div#header ul#nav li.sfhover ul, 
div#header ul#nav li ul li.sfhover ul { 
	left:auto;
}

/*	SIDEBAR
======================== */
#sidebar form { margin:0; }

div#showcase_btn { background:url("/img/tpl/img_showcase_btn.png") no-repeat scroll left top transparent; float:right; height:141px; left:16px; position:relative; top:-10px; width:342px;
}

div#showcase_btn h2.showcase { padding:0; position:relative; top:5px; }

div#showcase_btn a {background:url("../img/tpl/bull_whtArrow_right.png") no-repeat scroll 80px 3px transparent; color:#FFFFFF; float:left; height:20px; padding:0 14px 0 93px; position:relative; text-align:left; top:38px; width:343px;
}

div#showcase_btn a { background:url("/img/tpl/bull_whtArrow_right.png") no-repeat scroll 80px 5px transparent; color:#FFFFFF; float:left; height:20px; padding:0 14px 0 93px; position:relative; text-align:left; top:38px; width:343px; margin-top:-14px;
}

/*	FOOTER
======================== */
div#footer ul li {display:inline; }
div#footer ul li a {padding:0 5px;}
p#copyright {margin:1em 0 0; color:#7c7c7c;}
p#credits {margin:.4em 0 0 0; color:#7c7c7c;}
p#credits a {color:#585151; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}

/*	IMAGES
======================== */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.thumb  { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #B3B3B3; padding:5px; }

.float-right { display:inline; float:right; margin:1em 0 1em 1.2em; margin-top:0px; }

img.gallery_thumb { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #D2D2D2; padding:19px; }

ul li a img { list-style:none; list-style-image:none; }





/*	FORM ELEMENTS
======================== */
#searchform { margin:10px auto; padding:5px 0; text-align:left; }
#sidebar #searchform #s { width:200px; padding:2px; }
#sidebar #searchsubmit { padding:1px; }

/* This is mainly for password protected posts, makes them look better. */
.entry form { text-align:center; }

select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; float: right; }

/*	COMMENTS
======================== */
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }



/*	CALENDAR
======================== */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a {text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
}

/*	VARIOUS CLASSES
======================== */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }

blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
h2.page-title {
	color:#E53485;
	font-weight:normal; 
	font-size:1.7em;
	margin:30px 0 0 20px;
}

div#col_1 { float:left; line-height:1.7em; }

div#col_2 { float:right; margin-top:12px; line-height:1.7em; }

div#clear { clear:both; }

div#splash { border-bottom:1px solid #E53485; border-top:2px solid #E53485; margin:17px 0 5px; padding:0 0 4px; }

#flash_home { margin-top:-11px; }


/* ===================================================
#	
#  CSS HACKS (Opera Win, Safari Win/Mac)	
#
#  ===================================================	*/

.ngg-navigation  {
	height:19px;
}

/* IE 7 Hacks
====================== */
*:first-child+html div#wrap div#content_banner { top:14px; }
*:first-child+html div#wrap div#page { top:18px; }
*:first-child+html body div#wrap div#cwrap_btm { background:url(../../../../img/tpl/img_cwrap_btm_bg.png) -1px top no-repeat; }

/* IE 6 Hacks
====================== */
*html div#header h1.logo { 
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/tpl/img_logo.png", sizingMethod="crop"); 
}
*html div#wrap div#content_banner { top:-2px; }
*html div#wrap div#page { top:3px; }
*html body div#wrap div#cwrap_btm { top:-45px; background:url(../../../../img/tpl/img_cwrap_btm_bg.png) -1px top no-repeat; }
*html div#footer { top:-20px; }

/* Opera Hacks
====================== */
html:first-child div#side div#showcase_btn { position:relative; left:-20px; top:-10px; }
html:first-child div#header ul#nav li ul { top:19px; }

/* Safari 3 Hacks
====================== */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#header ul#nav { width:730px; }
	div#side div#showcase_btn { position:relative; left:-16px; top:-10px; }
	div#side div#showcase_btn h2.showcase { position:relative; top:10px; }
}