body {
	background-color: #333;
	background-image:url(media/grid_bg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

div#navbar_bg {
	text-align: left;
	position: absolute;
	top: 0;
	left:0;
	margin:0;
	padding:0;
	z-index:2 } 


/***************start button styles***************/

#button-forum a {
	position: absolute;
	display:block;
	left: 200px;
	top: 64px;
	width: 40px;
	height: 41px;
	background: url("http://www.sg1props.com/media/button.gif") 0 0 no-repeat;
	font: 9px sans-serif;
	text-decoration: none;
	color:#3366FF;
	padding: 15px 5px 5px 5px;;
	z-index:5 }

#button-forum a:hover {
	background: url("http://www.sg1props.com/media/button_over.gif") 0 0 no-repeat;
	color:#ccc }

#button-forum a:active {
	background: url("http://www.sg1props.com/media/button_click.gif") 0 0 no-repeat;
	color: #999; }

#button-projects a {
	position: absolute;
	display:block;
	left: 169px;
	top: 106px;
	width: 40px;
	height: 41px;
	background: url("http://www.sg1props.com/media/button.gif") 0 0 no-repeat;
	font: 9px sans-serif;
	text-decoration: none;
	color: #3366FF;
	padding: 15px 5px 5px 5px;
	z-index:5 }

#button-projects a:hover {
	background: url("http://www.sg1props.com/media/button_over.gif") 0 0 no-repeat;
	color: #ccc; }

#button-projects a:active {
	background: url("http://www.sg1props.com/media/button_click.gif") 0 0 no-repeat;
	color: #999; }

/*next button style*/

#button-library a {
	position: absolute;
	display:block;
	left: 128px;
	top: 148px;
	width: 40px;
	height: 41px;
	background: url("http://www.sg1props.com/media/button.gif") 0 0 no-repeat;
	font: 9px sans-serif;
	text-decoration: none;
	color: #3366FF;
	padding: 15px 5px 5px 7px;
	z-index:5 }

#button-library a:hover {
	background: url("http://www.sg1props.com/media/button_over.gif") 0 0 no-repeat;
	color: #ccc; }

#button-library a:active {
	background: url("http://www.sg1props.com/media/button_click.gif") 0 0 no-repeat;
	color: #999; }

/*next button style*/

#button-tutorials a {
	position: absolute;
	display:block;
	left: 79px;
	top: 175px;
	width: 40px;
	height: 41px;
	background: url("http://www.sg1props.com/media/button.gif") 0 0 no-repeat;
	font: 9px sans-serif;
	text-decoration: none;
	color: #3366FF;
	padding: 15px 5px 5px 5px;
	z-index:5 }
	
#button-tutorials a:hover {
	background: url("http://www.sg1props.com/media/button_over.gif") 0 0 no-repeat;
	color: #ccc; }

#button-tutorials a:active {
	background: url("http://www.sg1props.com/media/button_click.gif") 0 0 no-repeat;
	color: #999; }

/*last button style*/

#button-about a {
	position: absolute;
	display:block;
	left: 23px;
	top: 191px;
	width: 40px;
	height: 41px;
	background: url("http://www.sg1props.com/media/button.gif") 0 0 no-repeat;
	font: 9px sans-serif;
	text-decoration: none;
	color: #3366FF;
	padding: 15px 5px 5px 9px;
	z-index:5 }

#button-about a:hover {
	background: url("http://www.sg1props.com/media/button_over.gif") 0 0 no-repeat;
	color: #ccc; }

#button-about a:active {
	background: url("http://www.sg1props.com/media/button_click.gif") 0 0 no-repeat;
	color: #999; }

/***************end button styles***************/



/***************General site formatting***************/

p {
	z-index: 10;
	color: #fff;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; }
	
p.sm {
	color: #fff;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em }

ul, ol {
	color: #fff;
	font-size: 10pt;
	font-family: Verdana, Arial, helvetica, sans-serif;
	line-height: 130%
	}
	
	
div#hqtitles {
	background-color:#000;
	border-bottom:2px #585858 solid;
	border-right:2px #585858 solid;	
	position:absolute;
	top:100px;
	margin:0;
	width:771px;height:75px;
	}

#hqtitles h1 {
	text-indent:110px;
	
	position:relative;
	top:10px;
	margin:0;
		
	color: #fff;
	font-size: 30px;
	font-weight: lighter;
	font-family: verdana, tahoma, helvetica, sans-serif;
	letter-spacing: 1pt;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	z-index: 1;
	}
	
#hqtitles h2  {
	margin:0;
	margin-top:15px;
	text-indent:110px;	
	color: #fff;
	font-size: 10pt;
	letter-spacing:1px;
	font-weight: bold;
	text-align: center;
	z-index: 5;
	}
	
.h1sidebg {
	display:block;
	width:28px;
	height:67px;
	position:absolute;
	top:110px;
	left:763px;
	z-index:2;
	background-image:url(media/h1sidebg.gif);
	background-position: right;
	background-repeat:no-repeat;
		}
		
h1 {
	color: #fff;
	font-size: 2em;
	font-weight: lighter;
	font-family: verdana, tahoma, helvetica, sans-serif;
	letter-spacing: 1pt;
	text-align: center;
	z-index: 10;
	}
	
h2  {
	color: #fff;
	font-size: 24pt;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	z-index: 10;
	}

	
h2.sub {
	color: #fff;
	font-size: .9em;
	font-style:normal;
	font-weight:bold;
	text-align: left;
	margin:10px 0 15px 0;
	}
	
h2.subr {
	color: #fff;
	font-size: .9em;
	font-style:normal;	
	font-weight:bold;
	text-align: right;
	margin:10px 0 15px 0;
	}
	
/*Common links*/
a:link, a.lnk:link { color: #FF9933 }
a:visited, a.lnk:visited { color: #36f }
a:hover, a.lnk:hover { color: #FFF }
a:active, a.lnk:active { color: #00f }
	
div#space {position: inherit; }
div#hqmainpic  { z-index: 10; text-align: center; border:0;padding-top:200px;  }
div#hqbody { z-index: 10; margin-right: 15%; margin-left: 20%;}

/**Glossary**/

#glossaryBox {
	z-index:10;
	margin:150px 15% 0 20%;
	background-color:#262626;
	background-image:url(media/grid_bg_dark.gif);
	border: groove #4e4e50 1px;
	}
	
	
.glossary-term {
	color:#fff;
	font-size:1em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.5pt;
	text-align:left;
	padding: 5px 0 5px 10px;
	width:200px;
	border-top:1px solid #4e4e50;
	}
	
.glossary-definition {
	color:#fff;
	font-size:.8em;
	margin: 0 10px 5px 10px;
	padding-bottom:3px;
	
}

/**following styles for code examples**/

.codebuttons {
	text-align:center}

.codebuttons a {
	font-size:.9em;
	color:FF9933;
	text-decoration:none;
	border:1px solid #515151;padding:0 5px;margin-right:5px;}

.codebuttons a:hover {
	color:#FFF}
	
.codeexample {
	z-index: 10;
	color: #fff;
	font-size: .8em;
	background-color:#003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; }

.bbcodeexample {
	z-index: 10;
	color: #fff;
	font-size: .8em;
	background-color:#CC3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; }

img.hrpixelone    { margin-left: 40px; width: 200px; height: 1px; }
img.hrpixeltwo   { margin-left: 300px; width: 200px; height: 1px }

/*Homepage and archive speciffic styles*/

#homepage-left {
	position:relative;
	top:220px;
	left:35px;	
	width:300px;
	}

#homepage-right {
	position:relative;
	margin-top:-750px;
	padding-bottom:50px;
	left:380px;
	width:530px;
	}
	
#archived-news {
	margin-top:125px;
	width:530px;
	margin-left:auto;
	margin-right:auto;
	}

/*Rightside Panels*/
#homepage-right-panel {
	width: 520px;
	color:#fff;
	overflow: show;
	z-index:10;
	background-color:#262626;
	background-image:url(media/grid_bg_dark.gif);
	border: groove #4e4e50 1px;  }
	
/*Welcome Message*/
#home1 {
	display:none;
	position:relative;
	margin-top:120px;
	margin-left:300px;
	width: 580px;
	color:#fff;
	z-index:10;
	background-color:#262626;
	background-image:url(media/grid_bg_dark.gif);
	border: groove #4e4e50 1px; }

/*Leftside Panels*/
#homepage-left-panel {
	width:297px !important;
	width:295px;
	height:222px;
	overflow: auto;
	z-index:10;
	background-color:#262626;
	background-image:url(media/grid_bg_dark.gif);
	border: groove #4e4e50 1px;  }
	
#homepage-left-panel-small {
	width:297px !important;
	width:295px;
	height:105px;
	overflow: show;
	z-index:10;
	background-color:#262626;
	background-image:url(media/grid_bg_dark.gif);
	border: groove #4e4e50 1px;
	color:#fff;
	font-size:9pt;  }
	
#homepage-left-panel-small input{
margin-top:5px;
}

span.title {margin-left:5px;margin-right:13px}

span.title2 {margin-left:5px;margin-right:10}

.newsletterbutton {position:relative;bottom:5px;margin-left:5px}
	
#recentposts {
	position:relative;
	top:20 !important;
	top:25px;
	left:5px;
	width:290px !important;
	width:290px;
	color: #fff;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	overflow:hidden;
	z-index:10; }
	
#recentposts a, #home3 a {
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em; }
	
#recentposts a:link { color: #FF9933 }
#recentposts a:visited { color: #FF9933 }
#recentposts a:hover { color: #FFF }
#recentposts a:active { color: #00f }

/*Homepage Text*/

#homepage-left h1, #homepage-right h1, #archived-news h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-style:italic;
	text-align:right;
	margin-bottom:2px;}
	
p.home {
	font-size: 9pt;
	line-height: 16pt;
	text-align:left;
	padding:0 20px 10px 20px; }

h2#home {
	font-size: 10pt;
	font-style:italic;
	font-weight:900;
	text-align:left;
	color:#36f;
	padding-left:4px;
	border-bottom: 1px #36f dashed;
	width: 150px; }
	
.news-headline {
	color:#fff;
	background-color:#333;
	font-size:15pt;
	font-weight:500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.5pt;
	text-align:left;
	padding-left:20px;
	border-bottom: 2px #737373 dashed;
	background-image:url(media/news-bg.jpg);
	width:360px;
	}

.news-date {
	font-size:8pt;
	letter-spacing:0;
	padding-left:15px;
	}

.oldernews {
	display:block;
	width:500px;
	text-align:right;
	padding-bottom:4px;
	}
	
	
/*Sitemap speciffic styles*/

div#mapstyle {
	position:absolute;
	margin-top:100px;
	margin-left:200px;
	width:600px;
}

#sitemap {
	position:absolute;
	top:250px;
	left:100px;
	width:800px;
	font-size:.8em;
	}
	
#mapstyle h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	font-style:italic;
	border-bottom:dashed 1px #fff;
	text-align:right;
}
	
#sitemap p {
	margin-top: 4px;
	}
	
#mapl {
	float:left;
	width:375px;
	}
#mapl h2.sub {
	font-size:1em;
	padding:0px; }
	
#mapr {
	float:right;
	width:375px; }
	
#mapr h2.sub {
	font-size:1em;
	padding:0px; }
	
div#footer {
	position:absolute;
	left:-200px;
	bottom:-100px;
	width:1000px;
}	
	
/*Footer speciffic styles*/



p.footer {
	color: #CEA9A9;
	font-size: 7pt;
	text-align: center;
	margin-left: 125px;
	margin-right: 25px;
}

/*These are for h2sub classes to make them not look like links bcause FF won't recognize them--but displays as links*/

a.sublink:link { color: #fff; text-decoration: none; }
a.sublink:visited { color: #fff; text-decoration: none; }
a.sublink:hover { color: #fff }
a.sublink:active { color: #fff }

img {border: none; padding: 2px;}

/*use to remove hanging lines under a picture*/ caption.xtraspace { padding-bottom: 50px; }

h3 { 
	color: #36f;
	font-size: .8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 0em;
	position: relative;
	top: .75em; }

h3.big {
	color: #36f;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: .5em;
	position: relative;
	top: .75em; }




caption {
	color: #fff;
	font-size: .5em; }

ul#thumbs {
	margin-left: 0;
	padding-left: 0;
	text-align:center; }
	
#thumbs li {
	display: inline;
	list-style-type: none;
	margin: 0; }
	
#thumb img {
	width:100px;
	height:75px; }

#thumb-l {
	width:100px;
	height:100px;
	float:left;
	margin-right:5px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:.7em;
	color:#fff;
	font-style:italic;
	text-align:center;
	}


#thumb-r {
	width:100px;
	height:100px;
	float:right;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:.7em;
	color:#fff;
	font-style:italic;
	text-align:center;
	}

#thumb-l img {
	width:100px;
	height:75px;
	}
	
#thumb-r img {
	width:100px;
	height:75px;
	}
	

/**HQ Thumbs**/	

.hqthumb-l {
	width:110px;
	height:82px;
	float:left;
	margin-right:5px;
	background-color:#494949;
	border:2px solid #575757;
	text-align:center;
	}
	
.affiliatethumb-l {
	float:left;
	margin-right:5px;
	background-color:#494949;
	border:2px solid #575757;
	text-align:center;
	}
	
.hqthumb-r {
	width:110px;
	height:82px;
	float:right;
	margin-left:5px;
	background-color:#494949;
	border:2px solid #575757;
	text-align:center;
	}
	
.affiliatethumb-r {
	float:right;
	margin-left:5px;
	background-color:#494949;
	border:2px solid #575757;
	text-align:center;
	}
	
.hqthumb-l img, .hqthumb-r img, .affiliatethumb-l img, .affiliatethumb-r img {
	border:1px solid #565656;
	margin-left:2px; }

.hqthumb-l a img:hover, .hqthumb-r a img:hover, .affiliatethumb-l a img:hover, .affiliatethumb-r a img:hover {	
	border: 1px dashed #FFFFFF !important; }

/**Thumbnail Presentation **/

.thumb {display:table-cell;
	height:100%;width:110px;
	background-color:#494949;
	border:2px solid #575757; }
	
.thumb-l {
	height:100%;width:110px;
	background-color:#494949;
	border:2px solid #575757;
	float:left;
	margin:0 5px 2px 0 }
	
.thumb-r {
	height:100%;width:110px;
	background-color:#494949;
	border:2px solid #575757;
	float:right;
	margin:0 0 2px 5px }
				
.thumb img, .thumb-l img, .thumb-r img {
	border:1px solid #565656;
	margin-left:2px; }
		
.imghover:hover {
	_border: 1px dashed #FFFFFF;
	_padding-left:-1px;	}
	
.thumb img:hover, .thumb-l img:hover, .thumb-r img:hover  {
	border: 1px dashed #FFFFFF !important; }
			
.caption span {display: none; }
						
.thumb .caption, .thumb-l .caption, .thumb-r .caption {
	background-image:url(media/captionarrow1.gif);
	background-repeat:no-repeat;
	background-position:center left;
	border:1px #494949 solid;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	font-style:italic;
	letter-spacing:.5px; }
		
.caption:hover {
	display:block ;
	background-image:url(media/captionarrow2.gif);
	background-repeat:no-repeat;		
	background-position:top left; }
		
.caption:hover span {display: block; }






#sharingBar {
margin-left:auto; margin-right:auto;
width:763px;height:350px;
padding-bottom:50px;
background-color:#262626;
background-image:url(media/grid_bg_dark.gif);
}

#sharingBar .codebuttons {width:468px;position:relative;left:260px;top:-320px;}

#addthis-button {position:relative;left:110px;top:-190px;}

#sharingBar p {position:relative;top:10px;left:5px; font-size:80%;font-weight:bold;}
#sharingBar h1 {text-align: left; line-height:2.5em;}
#sharingBar #bigtext {position:relative;top:-44px;left:5px;}
#sharingBar #link {position:relative;top:-30px;left:630px; font-size:60%;z-index:10;color:#FFFFFF;}
#sharingBar #link:hover {color:#3366FF;}

#sharingBar #vote {width:468px;position:relative;left:260px;top:-295px;}

#sharingBar #vote2 {width:110px;position:relative;left:260px;top:-295px;}

#sharingBar #vote3 {width:468px;position:relative;left:260px;top:-295px;}