/*
All CSS Written and Maintained By Neal Grosskopf
Last Updated: 6/13/2011 10:00pm

I. Table Of Contents
	I. Table Of Contents
	II. CSS Variables
	III. CSS Image Preload
	1. Reset
	2. Tables
	3. Headings
	4. Anchors
	5. Form Elements
	6. General Classes
	7. Template & Layout
	8. Print
	9. Small Screen Layout

Sizing in EMs
[If] Body = Parent .75em [Then] Number/12px = 0.0EMs
	11px      .9em
	12px     1.0em
	13px     1.1em
	14px     1.2em
	15px     1.25em
	16px     1.3em
	19px     1.6em

CSS References
	http://www.w3.org/TR/css3-selectors/#selectors
	http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(CSS)
	http://developer.mozilla.org/en/docs/Writing_Efficient_CSS
	http://www.dustindiaz.com/css-shorthand/
	http://www.tanfa.co.uk/css/examples/
	http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

Browser Hacks
	http://www.nealgrosskopf.com/tech/thread.asp?pid=20

IE Bugs
	http://css-class.com/articles/explorer/guillotine/
	http://www.satzansatz.de/cssd/onhavinglayout.html
	http://csscreator.com/node/472
	http://jszen.blogspot.com/2005/04/ie-bold-text-opacity-problem.html

CSS3
	-moz-box-shadow - Firefox 3.6 and under
	-moz-border-radius - Firefox 3.6 and under
	-webkit-box-shadow - Safari 5
*/



/****************************************************************
 II. CSS Variables - Spec: http://disruptive-innovations.com/zoo/cssvariables/
****************************************************************/
/*
@variables {
Text: #555;

DarkGreen: #669933; = #5c8f29

DarkLimeGreen: #7e935a; = #748950
MediumLimeGreen: #949f74; = #8a956a
LimeGreen: #adb986; = #a3af7c
LightLimeGreen: #ccdb9f; = #c2d195

DarkBrown: #a7917b; = #9d8771
LightBrown: #b69f86; = #ac957c
}
*/



/****************************************************************
 III. CSS Image Preload - http://www.nealgrosskopf.com/tech/thread.asp?pid=24
****************************************************************/
#container { background:  url(/files/images/icons/actions/actions_sprite.png) no-repeat -9999px -9999px; }



/****************************************************************
 1. Reset  -  http://tantek.com/log/2004/undohtml.css  -  http://meyerweb.com/eric/tools/css/reset/
****************************************************************/
html, body, h1, h2, h3, h4, h5, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{ margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block; }

address { font-style: normal; }
acronym, abbr
{
border-bottom: 1px #ccc dashed;
cursor: help;
}

a img, img { border-width: 0px; }
a { text-decoration: none; }
img
{
display: block; /* http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */
-ms-interpolation-mode: bicubic; /* http://css-tricks.com/ie-fix-bicubic-scaling-for-images/ */
}

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

ul, ol, p
{
margin-top: 1em;
margin-bottom: 1em;
}



/****************************************************************
 2. Tables
****************************************************************/
table, td, th
{
border-width: 0px;
vertical-align: top;
}

table 
{
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}

td, th
{
empty-cells: show;
margin: 0px;
padding: .3em;
}

th { text-align: center; }

table .def td { background: #fff; }
table .alt td { background: #f5f5f5; }
.data tr:nth-child(even) td { background: #fff; }
.data tr:nth-child(odd) td { background: #f5f5f5; }

@media screen and (-webkit-min-device-pixel-ratio:0) { caption { width: 99.9%; } } /* Webkit acting lame */

caption, .caption, .data caption, .data .caption
{
/* IF IE - background: #d4e1ae url(/files/images/template/caption_bg.png) repeat-x left top; */
background-image: -moz-linear-gradient(top, rgba(157,157,157,0.1) 3px, rgba(255,255,255,0.2) 4px, rgba(255,255,255,0.2) 7px, rgba(255,255,255,0) 13px);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3px,rgba(157,157,157,0.1)), color-stop(4px,rgba(255,255,255,0.2)), color-stop(7px,rgba(255,255,255,0.2)), color-stop(13px,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(157,157,157,0.1) 3px,rgba(255,255,255,0.2) 4px,rgba(255,255,255,0.2) 7px,rgba(255,255,255,0) 13px);
background-image: -o-linear-gradient(top, rgba(157,157,157,0.1) 3px,rgba(255,255,255,0.2) 4px,rgba(255,255,255,0.2) 7px,rgba(255,255,255,0) 13px);
background-image: -ms-linear-gradient(top, rgba(157,157,157,0.1) 3px,rgba(255,255,255,0.2) 4px,rgba(255,255,255,0.2) 7px,rgba(255,255,255,0) 13px);
background-image: linear-gradient(top, rgba(157,157,157,0.1) 3px,rgba(255,255,255,0.2) 4px,rgba(255,255,255,0.2) 7px,rgba(255,255,255,0) 13px);
background-color: #d4e1ae;
background-repeat: repeat-x;
color: #666;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}

.data { width: auto; }

.data, .data caption, .data th, .data td
{
border: 1px solid #ccc;
padding: 6px;
}

.data caption { border-bottom-width: 0px; }

.data th { background: #f5f8ec; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }



/****************************************************************
 3. Headings
****************************************************************/
#header h2 /* If IE 6,7 */
{
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 45px;
position: absolute;
bottom: -22px;
right: 10px;
text-align: right;
z-index: 1;
}

#header h2 span /* If IE 6,7 */
{
/* /files/images/template/aside_bg.png - Used Twice */
background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%01%09%00%00%00%01%08%03%00%00%00%FA%92%AB%8F%00%00%00%BDPLTE%FF%FF%FF%F9%FB%F3%FE%FE%FD%F7%FA%EF%FD%FE%FB%F8%FA%F1%FB%FC%F6%FF%FF%FE%FC%FD%F9%F8%FA%F0%F9%FB%F2%F7%FA%EE%FA%FC%F5%F6%F9%ED%FD%FE%FC%FC%FD%FA%FE%FF%FE%F8%FB%F1%FB%FC%F7%FA%FC%F6%FD%FD%FA%FD%FD%FB%FB%FD%F7%F4%F8%E9%FE%FE%FC%F3%F7%E7%EF%F5%DF%F9%FB%F4%F7%FA%F0%F2%F6%E4%F6%F9%EE%F1%F6%E3%FE%FE%FE%F5%F8%EA%EF%F5%DE%F6%F9%EC%FB%FD%F8%F5%F9%EB%F3%F7%E6%EE%F4%DC%FA%FB%F4%F1%F6%E2%F4%F8%E8%F2%F7%E5%F8%FB%F2%F0%F5%E0%FA%FC%F4%FC%FD%F8%F5%F8%E9%F1%F6%E1%F0%F6%E1%F2%F7%E4%F0%F5%E1%F2%F6%E3%F0%F5%DF%FD%FE%FA%F3%F7%E5%EF%F4%DE%F7%F9%EE%EF%F4%DD%F3%F8%E7%EE%F4%DD%F1%F1%F1%CD%AEZ%C2%00%00%00%84IDATx%5E%A5%C1C%02%031%14%00%D0%89%C76k%DB%BE%FF%B1%FA%93%5D%D7%7DO%FBh%FF%10B%F8%BE%8F%7B%10%E7%D8%C5T%BD%E6%B1%EB%B9%BAL%B70%A5i%12%26%3C%E6q%E4%D9%B2%BE%81H5%B7p%14%40%16%1A%90%A8%16%97%9D%08%DACu%2C%CF%FApWeU%86%16%EA%0B%15%A80'%F0%B6Z%C2c%D0%B0%86%9DY%C7%3Ac%0E%F7%C6%A1%3E%D5k%22_HIJk%00%EF%8Fg%FBn%A7%CE%CF%2F%DC%24%11%22'%A6E%85%00%00%00%00IEND%AEB%60%82") repeat-y right bottom;
display: block;
height: 21px;
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
}

#toolbar h2, #nav h2, #subnav h2, #footer h2 { display: none; }

#content h2, #content h3, #aside h3, #footer h3 { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; }

#content h2
{
color: #9d8771;
font-size: 1.8em;
margin-bottom: 1em;
}

#aside h3, #footer h3 { font-size: 1.6em; }
#aside h3 { color: #8a956a; margin: 1.5em 0em 1em 0em; }
#footer h3 { color: #748950; margin: 1em 0em; }

#content h3, #content h4, #content h5 { margin: 1em 0em; }

#content h3
{
color: #5c8f29;
font-size: 1.5em;
}

#content h4 { font-size: 1.2em; }

#content h5 { font-size: 1em; }



/****************************************************************
 4. Anchors - Link - Visited - Hover - Focus - Active
****************************************************************/
#content a { padding-bottom: 1px; }
#content a:link { color: #748950; border-bottom: 1px solid #ccc; }
#content a:visited { color: #888; border-bottom: 1px solid #ccc; }
#content a:hover { color: #748950; border-bottom: 1px solid #ac957c; }
#content a:focus { outline-width: 0px; }
#content a:active { color: #748950; border-bottom: 1px solid #555; }

.unstyled { color: #555; border-width: 0px !important; /* IE needs !important */ }

#aside a,
#font span
{
border-bottom: 1px solid #ac957c;
color: #ac957c;
}

#aside a:hover,
#font span:hover
{
border-bottom-color: #988470;
color: #988470;
}

*[accesskey]:focus { outline: 1px solid #aaa; }

#content a[href^="mailto:"]
{
background: url(/files/images/icons/email.png) no-repeat center right;
padding-right: 20px;
}

#content a[href$=".pdf"]
{
background: url(/files/images/icons/actions/actions_sprite.png) no-repeat right -232px;
padding-right: 18px;
}

#content a[href$=".css"]
{
background: url(/files/images/icons/css.png) no-repeat center right;
padding-right: 20px;
}

#htmltoolbar span
{
cursor: pointer;
padding: 4px 5px;
}

#htmltoolbar span, 
#content a.square, 
#content a.sqactive,
#content #pagination li a
{
/* If IE */
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 77%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 77%);
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 77%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 77%);
background-image: linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,0) 77%);
background-color: #ccc;
background-repeat: repeat-x;
border: 1px solid #bbb;
color: #777;
font-family: Arial, Helvetica, sans-serif;
}

#htmltoolbar span:hover,
#content a.square:hover,
#content a.sqactive
{
border-color: #999;
color: #000;
}

#content a.square,
#content a.sqactive
{
font-weight: bold;
margin-right: 2px;
padding: 6px 10px;
}

#pagination
{
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: auto;
}

	#pagination li
	{
	float: left;
	margin-right: 4px;
	}

	#content #pagination li a
	{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;	
	font-weight: bold;
	line-height: 2.60em;
	min-height: 31px;
	padding: 0px 10px;
	}

	#content #pagination li:hover a,
	#content #pagination li.sqactive a
	{
	border-color: #999;
	color: #000;
	}

#content a.button
{
background-image: -moz-linear-gradient(top, #b8a898 0%, #9d8771 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8a898), color-stop(100%,#9d8771));
background-image: -webkit-linear-gradient(top, #b8a898 0%,#9d8771 100%);
background-image: -o-linear-gradient(top, #b8a898 0%,#9d8771 100%);
background-image: -ms-linear-gradient(top, #b8a898 0%,#9d8771 100%);
background-image: linear-gradient(top, #b8a898 0%,#9d8771 100%);
background-color: #b8a898;
background-repeat: repeat-x;
border: 1px solid #98836d;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 1px 1px 5px #777;
-webkit-box-shadow: 1px 1px 5px #777;
box-shadow: 1px 1px 5px #777;
color: #f9f7f6;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.1em;
line-height: 12px;
margin: 5px 0px;
padding: 9px 11px;
text-shadow: 1px 1px 1px #777;
}

#content a.button:hover
{
background-image: -moz-linear-gradient(top, #a3af7c 0%, #748950 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3af7c), color-stop(100%,#748950));
background-image: -webkit-linear-gradient(top, #a3af7c 0%,#748950 100%);
background-image: -o-linear-gradient(top, #a3af7c 0%,#748950 100%);
background-image: -ms-linear-gradient(top, #a3af7c 0%,#748950 100%);
background-image: linear-gradient(top, #a3af7c 0%,#748950 100%);
background-color: #a3af7c;
border-color: #6e824c;
-moz-box-shadow: 1px 1px 5px #555;
-webkit-box-shadow: 1px 1px 5px #555;
box-shadow: 1px 1px 5px #555;
color: #f2f4ef;
}

#content a.button:active { padding: 10px 10px 8px 12px; }


/****************************************************************
 5. Form Elements - http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
****************************************************************/
fieldset { border: 1px solid #f1f1f1; }

legend
{
color: #5c8f29;
font-weight: bold;
padding: 0px 10px;
}

#content input + label { font-weight: normal; }
#content label
{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}

#content label.selected { color: #9d8771; }

select, textarea, input, button
{
color: #666;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1em;
outline-width: 0px; /* Removes mac outline */
}

button
{
/* IF IE */
background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 0px, rgba(255,255,255,0) 2px, rgba(255,255,255,0) 3px, rgba(110,110,110,0.3) 5px, rgba(30,30,30,0.3) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(0,0,0,1)), color-stop(2px,rgba(255,255,255,0)), color-stop(3px,rgba(255,255,255,0)), color-stop(5px,rgba(110,110,110,0.3)), color-stop(100%,rgba(30,30,30,0.3)));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0px,rgba(255,255,255,0) 2px,rgba(255,255,255,0) 3px,rgba(110,110,110,0.3) 5px,rgba(30,30,30,0.3) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,1) 0px,rgba(255,255,255,0) 2px,rgba(255,255,255,0) 3px,rgba(110,110,110,0.3) 5px,rgba(30,30,30,0.3) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,1) 0px,rgba(255,255,255,0) 2px,rgba(255,255,255,0) 3px,rgba(110,110,110,0.3) 5px,rgba(30,30,30,0.3) 100%);
background-image: linear-gradient(top, rgba(0,0,0,1) 0px,rgba(255,255,255,0) 2px,rgba(255,255,255,0) 3px,rgba(110,110,110,0.3) 5px,rgba(30,30,30,0.3) 100%);
background-color: #f0d6b0;
background-repeat: repeat-x;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding: 5px 8px; /* If IE 7 */
}

button:hover,
button:focus
{ border-color: #555; color: #333; }

button,
button:active
{ border: 1px solid #999; color: #666; }

/* http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css */
input::-webkit-input-placeholder { color: #aaa; }
input:-moz-placeholder { color: #aaa; }

textarea
{
/* IF IE */
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0px, rgba(255,255,255,1) 18px);
background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0px,rgba(255,255,255,0)), color-stop(18px,rgba(255,255,255,1)));
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0px,rgba(255,255,255,1) 18px);
background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0px,rgba(255,255,255,1) 18px);
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0px,rgba(255,255,255,1) 18px);
background-image: linear-gradient(bottom, rgba(255,255,255,0) 0px,rgba(255,255,255,1) 18px);
background-color: #f1f3ed;
background-repeat: repeat-x;
border: 1px solid #ccc; /* For IE 6 */
overflow-y: auto;
resize: both;
width: 350px;
}
/* IF IE 7 */
#content input[type="text"],
#content input[type="email"],
#content input[type="number"],
#content input[type="url"],
#content input[type="password"]
{ min-width: 150px; }

#content input[type="text"],
#content input[type="email"],
#content input[type="number"],
#content input[type="url"]
/* /files/images/template/input_focus_bg.png */
{ background: #fff url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0D%00%00%00%0C%08%03%00%00%00%8Ei%C7%EB%00%00%009PLTE%FF%FF%FF%CC%DB%9F%D9%E4%B7%FC%FD%F9%F2%F6%E7%F9%FA%F3%E5%ED%CF%F5%F8%ED%EC%F1%DB%E2%EB%C9%EF%F4%E1%DF%E8%C3%D2%E0%AB%CF%DD%A5%EC%F2%DB%E9%EF%D5%E6%ED%CF%F9%FB%F3%DF%E9%C3%B9a%AA%07%00%00%00%3FIDAT%08%5BM%C7I%12%C0%20%0C%C4%40%8DMv%08%81%FF%3F6'S%D6I%0D%D1ak%D9%1E)%DE%2F)%E4%7B%D3%D2Y%A5%D0%1D%2F%01%C5%B2%E0%ADY%D0%5B%16%FEe%C1%98YP%0C~U%AF%01%14M%02%BA%F2%00%00%00%00IEND%AEB%60%82") no-repeat -9999px -9999px; }

#content input[type="text"]:focus,
#content input[type="email"]:focus,
#content input[type="number"]:focus,
#content input[type="url"]:focus
{ background-position: right 9px; }

textarea,
#content input[type="text"],
#content input[type="email"],
#content input[type="number"],
#content input[type="url"],
#content input[type="password"]
{ border: 1px solid #ccc; padding: 5px; }

textarea:focus,
#content input[type="text"]:focus,
#content input[type="email"]:focus,
#content input[type="number"]:focus,
#content input[type="url"]:focus,
#content input[type="password"]:focus
{ border: 1px solid #aaa; }

textarea, #preview_pane,
#content input[type="text"],
#content input[type="email"],
#content input[type="number"],
#content input[type="url"],
#content input[type="password"]
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #aaa; }

#content #honeypot
{
background: none;
border-width: 0px;
display: inline;
min-width: 30px;
vertical-align: top;
width: 30px;
}

/* Common CSS Form Template */
.form
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

.form li
{
clear: both;
margin-bottom: .6em;
overflow: hidden;
}

.form li label:first-child
{
float: left;
line-height: 1.5em;
text-align: left;
}

body .form li label.full-line
{
display: block;
float: none;
margin-bottom: .6em;
width: 100%;
}

.buttons { padding-top: 5px; }

/* 100px is a constant between these */
.form li label:first-child		{ width: 100px; }
.buttons, .no-label 			{ padding-left: 100px; }
.form li .note,
.form li label.full-line + * 	{ margin-left: 100px; }

.form li.label-above label { float: none; }

.form #wysiwyg { float: left; }

.form li label.required:before
{
color: #900;
content: "*";
font-family: Arial, Helvetica, sans-serif;
padding-right: 2px;
}

/****************************************************************
 6. General Classes
****************************************************************/
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; font-size: .8em; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.distribute { text-justify: distribute; }

.smallcaps { font-variant: small-caps; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.su { text-decoration: line-through underline; }

.ucase { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

.slant { font-style: oblique; } /* http://usabletype.com/css/font/styles/ */
.indent { text-indent: 1em; }
.pre { white-space: pre; }
.clear { clear: both; }

.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }

.circle { list-style-type: circle; }
.disc { list-style-type: disc; }

.dropcap:first-letter { font-size: 1.3em; font-weight: bold; }

.semitransparent { opacity: 0.75; }

ul.collapse
{
display: inline;
list-style-type: none;
list-style-position: inside;
margin: 0px;
padding: 0px;
}
ul.collapse li { display: inline; }

.columns,
ul.reset,
ol.reset
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

.columns { overflow: hidden; }

.columns > li
{
float: left;
margin-left: 4%;
}

.columns.columns-3 > li { margin-left: 3%; }

.columns > li.column-row
{
clear: left;
margin-left: 0px;
}

.columns-2 > li { width: 48%; }
.columns-3 > li { width: 31%; }
.columns-4 > li { width: 22%; }
.columns-2.columns-75-25 > li { width: 23%; }
.columns-2.columns-75-25 > li.column-row { width: 73%; }
.columns-2.columns-25-75 > li { width: 73%; }
.columns-2.columns-25-75 > li.column-row { width: 23%; }

.columns > li.column-row
{
clear: left;
margin-left: 0px;
}

.columns.default-margin-bottom > li { margin-bottom: 12px; }

.hr
{
border-bottom: 1px solid #ccc;
clear: both;
height: 1px;
margin: 3em 0em;
text-align: center;
width: 100%;
}
hr { display: none; }

.url
{
color: #5c8f29;
font-family: "Consolas", "Courier New", Courier, mono;
}

.url em
{
background: #fafafa;
color: #333;
font-style: normal;
}

del { text-decoration: line-through; }

samp
{
background: #f5f5f5;
font-family: "Consolas", "Courier New", Courier, mono;
font-size: 1.1em;
}

.code
{
/* IF IE */
background: -moz-linear-gradient(top, #fff 0px, #fff 30px, #f5f5f5 30px, #f5f5f5 60px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#fff), color-stop(30px,#fff), color-stop(30px,#f5f5f5), color-stop(60px,#f5f5f5));
background: -webkit-linear-gradient(top, #fff 0px,#fff 30px,#f5f5f5 30px,#f5f5f5 60px);
background: -o-linear-gradient(top, #fff 0px,#fff 30px,#f5f5f5 30px,#f5f5f5 60px);
background: -ms-linear-gradient(top, #fff 0px,#fff 30px,#f5f5f5 30px,#f5f5f5 60px);
background: linear-gradient(top, #fff 0px,#fff 30px,#f5f5f5 30px,#f5f5f5 60px);
-webkit-background-size: 60px 60px;
-moz-background-size: 60px 60px;
background-size: 60px 60px;
border: 1px solid #ccc;
-moz-box-shadow: 3px 3px 15px #ddd;
-webkit-box-shadow: 3px 3px 15px #ddd;
box-shadow: 3px 3px 15px #ddd;
font-size: 12px;
list-style-type: none;
margin: 22px 0px;
padding: 0px;
overflow: auto;
width: 90%;
max-width: 550px;
}

ol .code { max-width: 500px; }

.code li
{
color: #5c8f29;
font-family: "Consolas", "Courier New", Courier, mono;
line-height: 0px; /* To remove white border issue */
white-space: pre;
}

.code { counter-reset: li; }
.code li:before
{
counter-increment: li;
content: counter(li) ". ";
background: #ececec;
border-right: 1px solid #ccc;
color: #555;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
line-height: 30px; /* Minumum line height = 24, smaller causes white border issue */
margin-right: 20px;
padding-right: 5px; /* EDIT: padding: 0px .5em 0px 3em; | 5px .5em 4px 3em | 0px .5em 0px 3em; */
text-align: right;
width: 50px;
}

.code .alt { background: #f5f5f5; }
/*
.code li:nth-child(even) { background: #f5f5f5; }
.code li:empty { display: none; }
*/

::-moz-selection
{
background: #748950;
color: #fff;
}

::selection
{
background: #748950;
color: #fff;
}

article blockquote
{
color: #9d8772;
float: none;
width: auto;
}

article blockquote p { padding-left: 40px; }

article blockquote p:before
{
color: #ccc;
content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0em;
margin-left: -40px;
margin-right: 5px;
vertical-align: bottom;
}

.highlight
{
color: #990000;
font-weight: bold;
}

.notice
{
background: #ffffcc;
border: 1px solid #a2a282;
padding: 0px 5px; 
}

.error
{
background: #f9f0f0;
border: 1px solid #daa2a2;
padding: 3px 5px;
}

img.full-width { width: 100%; }

.frame
{
background-color: #fff;
border: 1px solid #ccc;
opacity: 1.0; /* IF IE 7 */
padding: 10px;
-moz-box-shadow: 3px 3px 15px #ddd;
-webkit-box-shadow: 3px 3px 15px #ddd;
box-shadow: 3px 3px 15px #ddd;
}

.frame:hover
{
border-color: #c2d195;
opacity: 0.95; /* IF IE 7 */
}

#content img.loading { background: inherit url(/files/images/icons/loading.gif) no-repeat center center; }

figure.image-caption
{
background: #fcfcfc;
border: 1px solid #ddd;
border-bottom-color: #888;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 15px;
width: 550px;
}

figure.image-caption.narrow
{
float: right;
margin: 0px 0px 20px 20px;
width: 235px;
}

	figure.image-caption img
	{
	border: 4px double #ddd;
	max-width: 540px;
	}

	figure.image-caption.narrow img { max-width: 225px; }

	#content figure.image-caption h3
	{
	color: #666;
	font-size: 1.3em;
	margin: .3em 0em;
	}
	
	#content figure.image-caption h3 + p { margin-top: 0px; }

.content-right
{
float: right;
margin: 0px 0px 15px 15px;
}

.content-left
{
float: left;
margin: 0px 0px 15px 15px;
}

.bar
{
/* /files/images/template_medium/poll_bar.png */
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAUAQMAAACd937hAAAABlBMVEXJ2Jrf5sdzCbKfAAAADUlEQVQIHWNsYCQKAgDJzAoVRIu0xgAAAABJRU5ErkJggg%3D%3D") repeat-x top left;
/*background: #c9d89a -moz-repeating-linear-gradient(left top 0deg, rgba(255,255,255,0.0), rgba(255,255,255,0.8) 2px) repeat;*/
background: #c9d89a -webkit-gradient(linear, left top, right top, color-stop(0.0, rgba(255,255,255,0.4)), color-stop(0.5, rgba(255,255,255,0.0)));
/*-moz-background-size: 2px 2px;*/
-webkit-background-size: 2px 2px;
height: 20px;
}

/* Calendar Style Month/Date */
#content .calendar /* If IE7 */
{
font-size: 1.3em;
float: left;
width: 45px;
}

	.month, .day
	{
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
	}

	.month
	{
	font-size: 1em;
	text-transform: uppercase;
	}

	.day
	{
	font-size: 1.8em;
	font-style: italic;
	margin-top: -9px;
	}

/* Actions Dropdown Menu */
.actions
{
/* EDIT margin: -20px 0px .5em 0px; - cancelled out by property below */
height: 31px;
width: 100%;
}

.actions, .actions ul, .actions li
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

	.actions li
	{
	float: right; /* IF IE 6 */
	position: static; /* IE7 Bug Fix */
	width: 90px; /* IF IE 6 */	
	}

	.actions li:hover { position: relative; /* IE7 Bug Fix */ }	

	.actions ul li, .actions ul li:hover { position: static; width: 100%; }

	.actions li b
	{
	/* /files/images/template/actions_bg.png */
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAA6CAMAAAByDwLJAAAAP1BMVEX%2F%2F%2F%2FM2MDM2MDM2MDM2MDM2MDM2MDM2MBmmTPM2MBmmTNmmTNmmTNmmTNmmTNmmTNmmTPM2MBmmTPMzMwAAABdydxaAAAAEXRSTlMAH48P72%2FfP7%2B%2FH48P72%2FfPyhBMHUAAABnSURBVHhe7ZI3FoAwDMVI7QUb7n9WXhK2ODNVqxbZ7y93ZnuE2U9G46DhRsO6YUQBr4JTBUICSEG2KQA1qdZ6do8xl%2FztvfyLt9iwo%2FHdeKIgVBGogpgQUyTbMmKeVJcyu2ddv7j4AxRMB98o%2FQ%2BsAAAAAElFTkSuQmCC") no-repeat right top; /* IF IE 6 */
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: transparent;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;	
	border-radius: 5px 5px 0px 0px;
	color: #5c8f29;
	cursor: pointer;
	display: block;
	float: right;
	line-height: 20px;
	padding: 5px 10px;
	height: 19px;
	width: 70px !important;
	}

	.actions li:hover b
	{
	background-color: #fafafa;
	background-position: right bottom;
	border-color: #eee;
	}
		.actions ul { display: none; }

		.actions li:hover ul
		{
		background: #fafafa;
		border-width: 1px;
		border-style: solid;
		border-color: #eee #eee #ddd #ddd;	
		-moz-border-radius: 3px 0px 3px 3px;
		-webkit-border-radius: 3px 0px 3px 3px;		
		border-radius: 3px 0px 3px 3px;
		display: block;
		position: absolute;
		top: 29px;
		right: 0px; /* IF IE 6,7 */
		width: 175px;
		z-index: 2;
		}

		.actions a
		{
		border-bottom-width: 0px !important;
		display: block;
		padding: 4px 10px 7px 10px;
		text-align: left;
		}

		.actions a:hover { background-color: #f2f2f2; }

		/* Seperated, in case non-icon actions list is ever needed */
		.actions a
		{
		background-repeat: no-repeat;
		background-image:  url(/files/images/icons/actions/actions_sprite.png);
		padding-left: 30px;
		}

		/* Credit: http://www.famfamfam.com/lab/icons/silk/ */
		.rss { background-position: 5px -127px; }
		.add { background-position: 5px -30px; }
		.view { background-position: 5px -191px; }
		.stats { background-position: 5px -94px; }
		.thread { background-position: 5px -159px; }
		.search { background-position: 5px -62px; }
		.generic { background-position: 5px -3px; }

/* Readmore */
	#content a.readmore
	{
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;	
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	clear: both;
	color: #555;
	display: block;
	text-align: center;
	}

	#content a.readmore:hover
	{
	background: #f1f1f1;
	border-bottom-color: #ccc;
	color: #000;
	}

/* Thread comment styling: used in Forum and Gallery */
#thread
{
background: #f6f6f6;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
width: 100%;
}

	#thread th, #thread td
	{
	border-top: 1px solid #bbb; 
	border-left: 1px solid #bbb;
	}

	#thread th
	{
	border-left-width: 0px;
	padding: 5px;
	text-align: left;
	}

	#thread td { padding: 10px; }

	#thread .caption a
	{
	border-bottom-width: 0px;
	color: #fff;
	}

	#thread .caption .first-child
	{
	border-left: 1px solid #bbb;
	overflow: auto;
	width: 125px; 
	}

	#thread :target .left_col { background: #f2f6e6; }
	#thread :target .right_col { background: #fafcf6; }

	#thread .left_col { background: #f6f6f6; }

		.left_col img
		{
		display: block;
		margin: 5px auto;
		width: 100px;
		}

	#thread .right_col { background: #fff; }

		.subject_date { border-bottom: 1px solid #bbb; overflow: auto; /* IF IE 6 */ }

#thread_reply
{
background-color: #f6f6f6;
border: 1px solid #bbb;
width: 585px;
}

	#thread_reply .caption
	{
	border-bottom: 1px solid #bbb;
	padding: 6px;
	}

	#thread_reply th { padding: 5px; }
	#thread_reply td { padding: 10px; }

/* Comment styling: used in Blog, Tech, Openlinks, Openvideos, Reviews and Poll */
#content .comment
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

	#content .comment li
	{
	clear: both;
	margin-bottom: 2em;
	overflow: auto;
	}

	#content .comment code li {	margin-bottom: 0px;	}

	#content .comment .user
	{
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 100px;
	}

	#content .comment .post
	{
	float: left;
	width: 77%;
	}

	#content .comment .info { overflow: auto; }

		#content .comment .counter
		{
		float: left;
		width: 20%;
		}

		#content .comment .counter a
		{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		}

		#content .comment h3
		{
		color: #a3af7c;
		float: right;
		font-size: 1em;
		font-weight: normal;
		margin: 0px;
		text-align: right;
		width: 70%;
		}

	#content .ng li
	{
	background: #fafcf6;
	border-right: 2px solid #e3ebcb;
	}

	#content .comment:target
	{
	background: #fafafa;
	border-right: 2px solid #ececec;
	}
	
/* Boxless Reply Form:: used in Blog, Tech, Openvideos, Reviews and Poll */
#reply {}
#replies { background: url(/files/images/icons/actions/actions_sprite.png) no-repeat 0px -131px; text-indent: 22px; }
#content #replies a { border-bottom: 0px; }

/* Boxed in Reply Form: Used in Forum, Gallery & Open Links */
#reply_boxed { }

/* Tech Articles */
.article-teaser-container
{
background: #fff;
border: 1px solid #ccc;
padding: 10px;
}

	.article-teaser-overflow /* IF IE */
	{
	background-image: -moz-linear-gradient(top,  #fff 0%, #ececec 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececec));
	background-image: -webkit-linear-gradient(top,  #fff 0%,#ececec 100%);
	background-image: -o-linear-gradient(top,  #fff 0%,#ececec 100%);
	background-image: -ms-linear-gradient(top,  #fff 0%,#ececec 100%);
	background-image: linear-gradient(top,  #fff 0%,#ececec 100%);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	overflow: hidden;	
	position: relative;
	}

	.article-teaser-container img { border: 1px solid #ccc; }

/* Tabs */
.tabs
{
list-style-type: none;
margin: 25px 0px 0px 0px;
padding: 0px;
overflow: auto;
}

	.tabs li { float: left; }

		#content .tabs a
		{
		background-color: #eee;
		background-image: -moz-linear-gradient(top, #fff 0%, #f1f1f1 50%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#f1f1f1));
		background-image: -webkit-linear-gradient(top, #fff 0%,#f1f1f1 50%);
		background-image: -o-linear-gradient(top, #fff 0%,#f1f1f1 50%);
		background-image: -ms-linear-gradient(top, #fff 0%,#f1f1f1 50%);
		background-image: linear-gradient(top, #fff 0%,#f1f1f1 50%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFf1f1f1)";
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFf1f1f1);
		background-repeat: repeat-x;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px;
		-webkit-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-top-right-radius: 5px; /* Shorthand bug in Safari */
		-webkit-border-top-left-radius: 5px; /* Shorthand bug in Safari */
		border-radius: 5px 5px 0px 0px;
		color: #999;
		display: block;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		height: 32px;
		line-height: 32px;
		margin-right: 8px;
		padding: 0px 15px;
		}

		#content .tabs a:hover { color: #777; }

		#content .tabs .selected a
		{
		border-bottom-color: #fff;
		background-color: #fff;
		background-image: -moz-linear-gradient(top, #f1f1f1 0%, #fff 50%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#fff));
		background-image: -webkit-linear-gradient(top, #f1f1f1 0%,#fff 50%);
		background-image: -o-linear-gradient(top, #f1f1f1 0%,#fff 50%);
		background-image: -ms-linear-gradient(top, #f1f1f1 0%,#fff 50%);
		background-image: linear-gradient(top, #f1f1f1 0%,#fff 50%);		
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf1f1f1, endColorstr=#FFffffff)";
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf1f1f1, endColorstr=#FFffffff);	
		color: #555;
		}

.tab-contents
{
background-color: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0px 5px 5px 5px;
-moz-border-radius: 0px 5px 5px 5px;
-webkit-border-top-right-radius: 5px; /* Shorthand bug in Safari */
-webkit-border-bottom-right-radius: 5px; /* Shorthand bug in Safari */
-webkit-border-bottom-left-radius: 5px; /* Shorthand bug in Safari */
border-radius: 0px 5px 5px 5px;
margin-top: -1px;
min-height: 500px;
padding: 25px 20px 20px 20px;
overflow: auto;
}

	.tab-content { display: none; }



/****************************************************************
 7. Template & Layout - http://www.tutorialtastic.co.uk/page/create_a_tableless_layout
****************************************************************/
html, body { min-width: 980px; } /* Fixes 800x600 problem */

html /* IE background */
{
font-size: 100%; /* http://www.alistapart.com/articles/howtosizetextincss */
overflow-y: scroll; /* http://webdevel.blogspot.com/2007/05/controlling-browser-scrollbars.html */
background:
/* /files/images/template_medium/footer_bg.png */
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAETAgMAAABhJT89AAAADFBMVEXC0ZXb48WslX2slXwOh659AAAAE0lEQVQoU2NcwPiBUWAUjkJ8EAC17BO0JCIUBwAAAABJRU5ErkJggg%3D%3D") repeat-x center bottom,
url(/files/images/template_css/star-bg.svg) no-repeat 107% 2600px,
url(/files/images/template_css/star-bg.svg) no-repeat -7% 1200px,
/* /files/images/template_css/body_bg.png */
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAEZCAMAAACKDgT6AAAAM1BMVEXf5sfCwsL%2F%2F%2F9cXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFxcXFzJ2JpcXFxcXFwGrEGuAAAAEXRSTlPMzAACAwwQBgkgJi42PswVGjbBnBgAAABBSURBVCiRY2FiYGEgGjGCETOY%2FAsmOcHkT5gUBH1hYOH9RIKxo2gU0RN9ZmThYWD5j4TYweR3MMkMJv%2FCpIg2FgBDAhRaXPca6wAAAABJRU5ErkJggg%3D%3D") repeat-x center 193px,
url(/files/images/template_css/wallpaper_bg.jpg) no-repeat center top;
background-size:
auto,
295px auto,
295px auto,
auto,
auto;
}



body
{
background-color: rgba(150,150,150,0.1);
color: #555;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Garuda, Arial, Helvetica;
font-size: .75em; /* http://clagnut.com/blog/348/#c790 */
padding-bottom: 50px;
text-align: center; /* center things in <= IE6 */
vertical-align: baseline;
}

/* Displays stars to browsers supporting multiple backgrounds on screens wider than 1200px - http://perishablepress.com/press/2010/01/11/css3-progressive-enhancement-smart-design/ */
@media screen and (min-width: 1200px)
{
/*
#footer_bg
{
background: url(/files/images/template_css/star-bg.svg) -7% 1200px / 295px auto no-repeat;
}
*/
}

#container /* IF IE 7 */
{
margin: 0px auto;
text-align: left;
width: 900px;
}

#header
{
height: 221px;
position: relative;
}

#header-bar
{
/* /files/images/template_medium/poll_bar.png */
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAUAQMAAACd937hAAAABlBMVEXJ2Jrf5sdzCbKfAAAADUlEQVQIHWNsYCQKAgDJzAoVRIu0xgAAAABJRU5ErkJggg%3D%3D") repeat top left;
/*background: #c1d099 -moz-repeating-linear-gradient(left top 0deg, rgba(255,255,255,0.0), rgba(255,255,255,0.8) 2px) repeat;
background: #c1d099 -webkit-gradient(linear, left top, right top, color-stop(0.0, rgba(255,255,255,0.4)), color-stop(0.5, rgba(255,255,255,0.0)));
-moz-background-size: 2px 2px;
-webkit-background-size: 2px 2px;
background-size: 2px 2px;*/
position: absolute;
bottom: 0px;
left: 0px;
height: 40px;
width: 100%;
}

	#toolbar
	{
	/* /files/images/template/toolbar_bg-trans.png */
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAA8CAMAAAAJ4YSMAAAAYFBMVEXT4qT%2F%2F%2F%2FT4qT9%2Fvvp8NHT4qTv9N3T4qTT4qTb6LXX5a35%2B%2FTf6r37%2Ffjj7MTz9%2BbT4qT2%2BevT4qT4%2BvDT4qTb57XT4qTT4qTT4qTu9Nzm78vs8tfT4qTm7svx9uL%2F%2F%2F%2B4xvDnAAAAH3RSTlOZAAn5v4bMTHymn%2Bys8rPZad8v5SalOVZzzLnFHLnSwRejNAAAAaZJREFUeF7szbENwCAAAzAGFgaQuCD%2Ff1n1irSS%2FYDHBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwOr2wK7uwMxs9sDOLu7ASXJ6PXCT3NoOrLzW%2BDWe9u1kt0EYCqPwfw0uCZChmWe%2F%2F1tW0Abc0m4qsBTpfCu8RkfWtWV7FdDQNTSuL%2F1jIXsV8BqoQqPSkLexgQhx0lO5XF7eGovQWLTfl%2BWyVOdkYwMRotCXc%2FjLWU%2BFjQ1EiI2e8iz8JsvV2djYQIRw6tRZGMpq9ZyNDkSItTr7KvxU7dVb2%2FhAhDioV67Cd6tSkYNNCETIJcVwMMzyBBcUIEIUGlYYNzjx2SiIEM4rUoVepZh3NgkQIXbqzUNsrsjOJgIixFGdPLQWoZWrd7SpgAjhZtErpkb2NRm%2BqzNzlgCIkArb%2BLZ77bdtjIkaBBHiNutHwuyuxj2LhsLZzVIAEbIX5iE8Sn0qHyHkqfZBECHcUZJW21q9ertS45iiQRAhdl6qFftc%2B50lASKEK7wGfOEsGRAhDmvFtD5YWiBCuE1x8pLkT8XG2b%2BACAF8AI8rbmPnjlugAAAAAElFTkSuQmCC") no-repeat center top; /* IF IE 6 */
	height: 60px;
	width: 900px;
	position: absolute;
	top: -37px;
	left: 0px;
	z-index: 3;
	-moz-transition: top .5s linear;
	-o-transition: top .5s linear;
	-webkit-transition: .5s linear;
	transition: top .5s linear;
	}
	#toolbar:hover { top: 0px; }

	/* First Level */
	#helper
	{
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	}	

	#helper li
	{
	/* /files/images/template/helper_a_bg-trans.png */
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAA0CAMAAABfJ%2FNwAAAAP1BMVEX%2F%2F%2F%2Fx8fHx8fHx8fHx8fHx8fHx8fHx8fHF0Lrx8fHF0LrF0LrF0LrF0LrF0LrF0LrF0Lrx8fHF0LoAAADGxsYFm2KLAAAAEXRSTlMAjx%2Fvb98%2FD7%2B%2FH48P72%2FfPwySsUwAAABpSURBVHhezY83FoAgEAUlZ3UX739WH6EAaeHhlFP8cMwG9rpYaZ2BjGkdLY52eSQp0ncoBsDUp5cD8GGLEOM%2BKdf9%2FTfPXhcrrdOY0a2zxdkuzyXl%2Bg4fEIP%2F9J6I57DlusZ9973u71Re%2FY0HvNJPt0cAAAAASUVORK5CYII%3D") no-repeat right top; /* IF IE 6 */
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 25px 5px 7px;
	position: relative;
	}

	#helper li:hover
	{
	background-color: rgba(255,255,255,0.8); /* IF IE */
	background-position: right bottom;
	}

	#helper a
	{
	color: #666;
	text-decoration: none;
	}

		/* Second Level */
		#helper ul /* IF IE 6 */
		{
		background-color: rgba(255,255,255,0.8); /* IF IE */
		display: none;
		margin: 0px;
		padding: 0px;
		}

		#helper li:hover ul
		{
		display: block;
		position: absolute;
		top: 26px;
		left: 0px;
		}

		#helper ul li,
		#helper ul li:hover
		{
		background-image: none;	
		float: none;
		margin: 0px;
		padding: 0px;
		}

		#helper ul li:hover { background-color: rgba(255,255,255,0.7); }

		#helper ul li a
		{
		display: block;
		padding: 7px;
		width: 130px;
		}
		#helper ul li a:hover { color: #000; }

	#search
	{
	float: right;
	margin: 4px 0px 0px 0px;
	}

	#txtsearch
	{
	/* /files/images/template/search_bg.png */
	background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA0CAMAAACjMti6AAAAY1BMVEX%2F%2F%2F%2FMzMz29vbw8PDx7efu6ePs5t%2Fq49ze3t7k29HW1tbZzsH18e3FxcXBrpnDsJu7pY7o6Oj39fLNvazLuqjFs5%2Fy9Ozg18zm3tXArJa4oYnVyLq7u7vc0cbIt6S2n4ZmZmZ%2FpGQ7AAAA6UlEQVR4XsXSx47EMAgA0IB7d3qm7e7%2Ff%2BVGHo0s4fE5XDg8IWxg6MbzCkINABq%2F0AjvGBtCAMuQWYCJkgZbsgVNCYAVYgCUQnjT0BIEUtXvRV84MPsMY%2B9fIVikNLAyjdGCxc4M0QJgQ7UrViJ1AbASrdOViGlG6Nqz%2Be3F3xUUnZLKxS80Sy6E4HJuKEpvlvhjvEyUHDf5THnnjpLkS8mrOCj5KRXKQlLi%2FlOlKL34nk%2B5m7ZXUt6sed1xmnv%2FmjYTKd1Xd0jlZrMdsTPDeJxWiZq5fYia2VTqLOWmtkdvX%2BmxVLr%2BbP4B7FBPCOapyokAAAAASUVORK5CYII%3D") no-repeat left top;
	border: 1px solid #999;
	color: #bbb;
	padding: 4px 4px 4px 32px;
	width: 120px;
	}

	#txtsearch:focus
	{
	background-position: left -26px;
	border-color: #666;
	outline-width: 0px;
	}

	#search button
	{
	background: none;
	border-width: 0px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	}

	#banner
	{
	border-width: 0px;
	height: 89px;
	width: 215px;
	position: absolute;
	top: 129px;
	left: 73px;
	}

	#header h1
	{
	display: block;
	height: 125px;
	width: 360px;
	position: absolute;
	bottom: 0px;
	left: 0px;	
	z-index: 2;
	}

		#home-link, #ng-designs-link
		{
		display: block;
		margin: auto;
		}

		#home-link
		{
		height: 85px;
		width: 230px;
		}

		#ng-designs-link
		{
		height: 40px;
		width: 170px;
		}

			#header h1 a * { display: none; }

#nav
{
position: absolute;
top: 153px;
left: 360px;
z-index: 3;
}

	#nav ul
	{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

		#nav > ul > li
		{		
		background-color: #f7f7f7;
		background-image: -moz-linear-gradient(top, #fff 0%, #e2e2e2 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e2e2e2));
		background-image: -webkit-linear-gradient(top, #fff 0%,#e2e2e2 100%);
		background-image: -o-linear-gradient(top, #fff 0%,#e2e2e2 100%);
		background-image: -ms-linear-gradient(top, #fff 0%,#e2e2e2 100%);
		background-image: linear-gradient(top, #fff 0%,#e2e2e2 100%);
		background-repeat: repeat-x;
		border: 1px solid #aaa;
		border-bottom-width: 0px;
		-moz-border-radius: 8px 8px 0px 0px;
		-webkit-border-radius: 8px 8px 0px 0px;
		border-radius: 8px 8px 0px 0px;
		cursor: pointer;
		display: block;
		font-weight: bold;
		float: left;
		height: 27px;
		width: 98px;
		margin-left: 7px;
		position: relative;
		}

		#nav > ul > li.first-child
		{
		margin-left: 5px;
		width: 78px;
		}

		#nav > ul > li:hover
		{
		background-image: -moz-linear-gradient(top, #fff 0%, #f4f6f0 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f6f0));
		background-image: -webkit-linear-gradient(top, #fff 0%,#f4f6f0 100%);
		background-image: -o-linear-gradient(top, #fff 0%,#f4f6f0 100%);
		background-image: -ms-linear-gradient(top, #fff 0%,#f4f6f0 100%);
		background-image: linear-gradient(top, #fff 0%,#f4f6f0 100%);
		}

		#home { text-align: center; }
		#interact { text-indent: 13px; }
		#designs { text-indent: 14px; }
		#files { text-indent: 24px; }
		#extras { text-indent: 18px; }

			#nav > ul > li > a
			{
			/*/files/images/template/actions_bg.png*/
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAA6CAMAAAByDwLJAAAAP1BMVEX%2F%2F%2F%2FM2MDM2MDM2MDM2MDM2MDM2MDM2MBmmTPM2MBmmTNmmTNmmTNmmTNmmTNmmTNmmTPM2MBmmTPMzMwAAABdydxaAAAAEXRSTlMAH48P72%2FfP7%2B%2FH48P72%2FfPyhBMHUAAABnSURBVHhe7ZI3FoAwDMVI7QUb7n9WXhK2ODNVqxbZ7y93ZnuE2U9G46DhRsO6YUQBr4JTBUICSEG2KQA1qdZ6do8xl%2FztvfyLt9iwo%2FHdeKIgVBGogpgQUyTbMmKeVJcyu2ddv7j4AxRMB98o%2FQ%2BsAAAAAElFTkSuQmCC") no-repeat right 0px;
			border-bottom-width: 0px; 
			color: #5c8f29;
			display: block;
			padding: 7px 0px 4px 0px;
			text-shadow: 1px 1px #fff;
			}

			#nav li:hover a { color: #5c8f29; }

			#nav > ul > li.first-child > a { background-image: none; }

			#nav > ul > li:hover > a { background-position: right -29px; }

				#nav div
				{				
				background: #fafafa;		
				background: -moz-linear-gradient(top, rgba(250,250,250,0.9) 88%, rgba(236,236,236,0.9) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(88%,rgba(250,250,250,0.9)), color-stop(100%,rgba(236,236,236,0.9)));
				background: -webkit-linear-gradient(top, rgba(250,250,250,0.9) 88%,rgba(236,236,236,0.9) 100%);
				background: -o-linear-gradient(top, rgba(250,250,250,0.9) 88%,rgba(236,236,236,0.9) 100%);
				background: -ms-linear-gradient(top, rgba(250,250,250,0.9) 88%,rgba(236,236,236,0.9) 100%);
				background: linear-gradient(top, rgba(250,250,250,0.9) 88%,rgba(236,236,236,0.9) 100%);
				background-repeat:  repeat-x;
				border: 1px solid #ccc;
				border-top-width: 0px;
				-moz-border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				border-radius: 0px 0px 5px 5px;
				-moz-box-shadow: 3px 5px 8px rgba(85,85,85,0.5);
				-webkit-box-shadow: 3px 5px 8px rgba(85,85,85,0.5);
				box-shadow: 3px 5px 8px rgba(85,85,85,0.5);
				cursor: default;
				display: none;
				font-size: .9em;
				top: 27px;
				left: -176px;
				/* http://www.dustindiaz.com/min-height-fast-hack/ */
				min-height: 127px;
				height: auto !important;
				height: 127px;
				min-width: 273px;
				padding-bottom: 23px;
				position: absolute;
				z-index: 2;
				}

				#nav div ul
				{
				float: left;
				margin: 20px 15px 0px 15px;
				width: 105px;
				}

				#nav div .nav-left { border-right: 1px dotted #ccc; }

				#nav div li
				{
				background-image: none !important;
				color: #5c8f29;
				cursor: default;
				display: block;
				font-weight: normal;
				float: none;				
				line-height: 1.35em;
				margin: auto auto 1em 0em;
				height: auto;
				width: auto;
				}

				#nav li:hover div { display: block; }

				#nav div a
				{
				border-bottom: 1px solid #f1f1f1;
				line-height: 16px;
				}

				#nav div a:hover { border-bottom-color: #b79f87; }

#header h1
{
background: url(/files/images/template_css/logo_bg.png) no-repeat left 0px;
padding-top: 84px;
}

#container_shadow
{
-moz-box-shadow: 0px 0px 45px rgba(20,20,20,0.5);
-webkit-box-shadow: 0px 0px 45px rgba(20,20,20,0.5);
box-shadow: 0px 0px 45px rgba(20,20,20,0.5);
}

#aside_bg
{
/* /files/images/template/aside_bg.png */
background: #fff url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%01%09%00%00%00%01%08%03%00%00%00%FA%92%AB%8F%00%00%00%BDPLTE%FF%FF%FF%F9%FB%F3%FE%FE%FD%F7%FA%EF%FD%FE%FB%F8%FA%F1%FB%FC%F6%FF%FF%FE%FC%FD%F9%F8%FA%F0%F9%FB%F2%F7%FA%EE%FA%FC%F5%F6%F9%ED%FD%FE%FC%FC%FD%FA%FE%FF%FE%F8%FB%F1%FB%FC%F7%FA%FC%F6%FD%FD%FA%FD%FD%FB%FB%FD%F7%F4%F8%E9%FE%FE%FC%F3%F7%E7%EF%F5%DF%F9%FB%F4%F7%FA%F0%F2%F6%E4%F6%F9%EE%F1%F6%E3%FE%FE%FE%F5%F8%EA%EF%F5%DE%F6%F9%EC%FB%FD%F8%F5%F9%EB%F3%F7%E6%EE%F4%DC%FA%FB%F4%F1%F6%E2%F4%F8%E8%F2%F7%E5%F8%FB%F2%F0%F5%E0%FA%FC%F4%FC%FD%F8%F5%F8%E9%F1%F6%E1%F0%F6%E1%F2%F7%E4%F0%F5%E1%F2%F6%E3%F0%F5%DF%FD%FE%FA%F3%F7%E5%EF%F4%DE%F7%F9%EE%EF%F4%DD%F3%F8%E7%EE%F4%DD%F1%F1%F1%CD%AEZ%C2%00%00%00%84IDATx%5E%A5%C1C%02%031%14%00%D0%89%C76k%DB%BE%FF%B1%FA%93%5D%D7%7DO%FBh%FF%10B%F8%BE%8F%7B%10%E7%D8%C5T%BD%E6%B1%EB%B9%BAL%B70%A5i%12%26%3C%E6q%E4%D9%B2%BE%81H5%B7p%14%40%16%1A%90%A8%16%97%9D%08%DACu%2C%CF%FApWeU%86%16%EA%0B%15%A80'%F0%B6Z%C2c%D0%B0%86%9DY%C7%3Ac%0E%F7%C6%A1%3E%D5k%22_HIJk%00%EF%8Fg%FBn%A7%CE%CF%2F%DC%24%11%22'%A6E%85%00%00%00%00IEND%AEB%60%82") repeat-y right top;
}

.hide_aside #content { width: 850px; }
.hide_aside #aside { display: none; }
.hide_aside #aside_bg { background-image: none; }
.hide_aside #header h2 span { display: none; }

#content
{
background: url(/files/images/template_css/logo_bg.png) no-repeat left -209px;
line-height: 2.25em;
float: left;
padding: 29px 25px 35px 25px; /* IF IE 6 */
text-align: justify;
width: 585px; /* Full Width: 850 */
/* http://www.dustindiaz.com/min-height-fast-hack/ */
min-height: 486px;
height: auto !important;
height: 486px;
}

.hide_aside #aside_bg
{
background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 90%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(90%,#f5f5f5), color-stop(100%,#eee));
background: -webkit-linear-gradient(top, #fff 0%,#f5f5f5 90%,#eee 100%);
background: -o-linear-gradient(top, #fff 0%,#f5f5f5 90%,#eee 100%);
background: -ms-linear-gradient(top, #fff 0%,#f5f5f5 90%,#eee 100%);
background: linear-gradient(top, #fff 0%,#f5f5f5 90%,#eee 100%);
background-color: #fff;
background-repeat: repeat-x;
background-position: left bottom;
-moz-background-size: 50px 50px;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;
}

#aside + .clear
{
background: #ccc;
height: 0px;
overflow: hidden;
}

#aside
{
float: right;
padding: 0px 25px;
width: 215px; /* IF Firefox */
}

	#font
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

	#font {	overflow: auto; margin-top: -10px; }

	#font li
	{
	display: inline;
	padding-right: 5px;
	}

		#font span { cursor: pointer; }

		#small_font { font-size: .75em; }
		#medium_font { font-size: 1.1em; }
		#large_font { font-size: 1.5em; }
		#extra_large_font { font-size: 1.8em; line-height: 1.8em; }

	#aside_search
	{
	background: #c2d195;
	height: 30px;
	width: 182px;
	overflow: hidden;
	position: relative;
	}

		#aside_search label { display: none; }

		#aside_search_input
		{
		border: 1px solid #c2d195;
		color: #bbb;
		height: 21px;
		width: 143px;
		padding: 5px 0px 2px 7px;
		position: absolute;
		top: 0px;
		left: 0px;
		}

		#aside_search_button
		{
		height: 29px;
		width: 30px;
		position: absolute;
		top: 0px;
		right: 0px;
		}

	#popular
	{
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	overflow: hidden;
	}

		#popular li
		{
		clear: both;
		font-size: 0.9em;
		line-height: 2em;
		margin: 0em 0em 1.5em 0em;
		overflow: hidden;
		}

			#popular span
			{
			display: block;
			color: #999;
			float: left;
			margin-right: 3px;
			text-align: center;
			width: 50px;
			}

			#popular div
			{
			float: left;
			width: 160px;
			}

#footer
{
background-image: -moz-linear-gradient(top, #f4f4f4 0px, #fff 50px);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px,#f4f4f4), color-stop(50px,#fff));
background-image: -webkit-linear-gradient(top, #f4f4f4 0px,#fff 50px);
background-image: -o-linear-gradient(top, #f4f4f4 0px,#fff 50px);
background-image: -ms-linear-gradient(top, #f4f4f4 0px,#fff 50px);
background-image: linear-gradient(top, #f4f4f4 0px,#fff 50px);
background-color: #fff;
background-repeat: repeat-x;
background-position: left top;
border-top: 2px solid #ccc;
clear: both;
height: 223px;
position: relative;
}

	#col-site, #col-interact
	{
	float: left;
	margin-left: 30px;
	}

	#col-site {	width: 120px; }
	#col-interact {	width: 250px; }
		#col-interact ul { float: left; }
	#col-random
	{
	float: right;
	margin-right: 30px;
	width: 200px;
	}

		#footer ul
		{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 20px;
		}

		#footer li
		{
		line-height: 16px;
		padding-bottom: 1em;		
		}
		
		#footer li:hover { list-style-type: circle; }

		#footer a
		{
		border-bottom: 1px solid #9d8771;
		color: #9d8771;
		}

		#footer li:hover a
		{
		border-bottom-color: #8a956a;
		color: #8a956a;
		}

		#bragging
		{
		clear: both;
		color: #aaa;
		font-size: .8em;
		margin: 0px;
		position: absolute;
		bottom: 10px;		
		text-align: center;
		width: 100%;
		}



/****************************************************************
 8. Print - http://www.alistapart.com/stories/goingtoprint/
****************************************************************/
@media print {

#header, #nav, #footer { display: none; }
#content { border-width: 0px; color: #000; float: none; padding: 0px; width: 6.7in; }
#content a { border-bottom-width: 0px; text-align: left; text-decoration: underline;  }
#content a:after { content: "...( " attr(href) " ) "; }
#content a[href^="/"]:after { content: " ( http://www.nealgrosskopf.com" attr(href) " ) "; }

}



/****************************************************************
 9. Small Screen Layout - See home.css for home page media queries
****************************************************************/
/* max-device-width = phones only */
@media (max-width: 980px) {

html, body
{
min-width: 100%;
overflow: auto;
}

/* http://unstoppablerobotninja.com/entry/fluid-images 
#content * { max-width: 100%; }*/

}

@media (max-width: 900px) {

#wallpaper_bg, #footer_bg, #aside_bg { background-image: none; }

#sub_footer_bg
{
background: none;
padding-bottom: 0px;
}

#container_shadow { box-shadow: none; }

html, body { min-width: 100%; }

body { padding-bottom: 0px; }

#container,
#aside_bg,
.hide_aside #content
{
overflow: hidden;
width: auto;
}

#content,
#toolbar
{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#aside_bg { width: auto; }

/* TODO */
#aside,
#col-random,
#helper li:first-child
{ display: none; }

#content,
#content blockquote
{ float: none; }

#nav
{
left: auto;
right: 25px;
}

#footer { border-top: 2px solid #ccc; }

/* Tech Pages */
#container #lcol { width: 100%; }
#container #rcol { display: none; }

#header h2 span { background-image: none; }

#footer
{
height: auto;
overflow: hidden;
padding-bottom: 20px;
}

}

@media (max-width: 600px) {

#content table td,
#content table th,
#content a
{ word-wrap: break-word; }

#toolbar { background: none; }

#nav
{
border-bottom: 1px solid #888;
right: 0px;
top: 0px;
width: 100%;
}

#nav ul li { margin-top: 10px; }

#container #nav > ul > li
{
border: 0px;
border-radius: 0px;
margin: 0px;
width: 25%;
}

#container #nav > ul > li > a
{
background-image: none;
padding: 4px 0px 0px 0px;
text-indent: inherit;
text-align: center;
}

/* TODO */
#container #nav li:hover div { display: none !important; }

#nav > ul > li.first-child,
#toolbar,
#section
{ display: none; }

#content { padding: 15px; }

}

@media (max-width: 480px) {

body { background: none; }

#header
{
background: #5c8f29;
background: -moz-linear-gradient(top, rgba(92,143,41,1) 0%, rgba(136,175,99,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,143,41,1)), color-stop(100%,rgba(136,175,99,1)));
background: -webkit-linear-gradient(top, rgba(92,143,41,1) 0%,rgba(136,175,99,1) 100%);
background: -o-linear-gradient(top, rgba(92,143,41,1) 0%,rgba(136,175,99,1) 100%);
background: -ms-linear-gradient(top, rgba(92,143,41,1) 0%,rgba(136,175,99,1) 100%);
background: linear-gradient(top, rgba(92,143,41,1) 0%,rgba(136,175,99,1) 100%);
}

#content { font-size: 1.2em; }

#container #content .frame
{
display: inline;
max-width: 100%;
padding: 0px;
border: 0px;
}

#content table
{
table-layout: fixed;
width: 100% !important;
}

/* Common Form Styling */
#htmltoolbar,
#textarea_footer
{ display: none; }

#container #content textarea
{
width: 94%;
max-width: 94%;
}

.form #wysiwyg,
.form li label:first-child
{ float: none; }

.form li label:first-child { display: block; }

.buttons, .no-label { padding-left: 0px; }

#bragging { display: none; }

}