/* 
**
** Myth:TWA Site Styling
** Browse/Use as you like, but let me know if you use anything!
** Coding: toxyn (toxyn@myth4thewindage.com / m2v.atomicgamer.com/ereb)
**
*/

/* Default value reset for IE */
* { padding: 0px; margin: 0px; }

/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
html { font-size: 100%; height: 100%; margin-bottom: 1px; }

/* Page Containers and Default Properties */
body { background: #656F4C; margin: 0px; padding: 0px; text-align: center; }
#cspacer { height: 20px; width: 765px; margin: auto; }
#container { margin: auto; width: 765px; }

a:link, a:active, a:visited, a:hover { font: 11px/110% Arial, Helvetica, sans-serif; color: #333; text-decoration: none; letter-spacing: 1px; }

p { font: 11px/110% Tahoma, sans-serif; color: #000; text-decoration: none; letter-spacing: 1px; }

img { border: 0px; }

hr { height: 1px; width: 90%; background: #ccc; }

/* Header Divs */
.hdr1 { background: url(../gfx/hdr1.jpg) no-repeat; height: 43px; width: 765px; padding: 0px; margin: 0px; border: 0px; } 
.hdr2 { background: url(../gfx/hdr2.jpg) no-repeat; height: 36px; width: 765px; padding: 0px; margin: 0px; border: 0px; }
.hdr3 { background: url(../gfx/hdr3.jpg) no-repeat; height: 48px; width: 765px; padding: 0px; margin: 0px; border: 0px; }

/* Content Divs */
.cbg { background: url(../gfx/cbg.jpg) repeat-y; width: 765px; padding: 0px; margin: 0px; border: 0px; display: table; }
.cbgc { width: 95%; margin: 0px; padding: 0px; border: 0px; }

div.wrapper { text-decoration: none; } 
.sidebar { float: left; margin: 0px; border: 0px; padding: 0px; font: 11px/110% Arial, Helvetica, sans-serif; color: #333; text-decoration: none; letter-spacing: 1px; }
.sidebar a { color: #000; text-decoration: none; }
.sidebar a:hover { text-decoration: none; color: #333; }
.content { float: right; margin: 0px; border: 0px; padding: 0px; text-align: left; width: 550px; } 
.content h3 {
	font: 10px Arial, Helvetica, sans-serif;
	color: #343927;
	text-decoration: none;
	text-align: right;
	letter-spacing: 1px;
	border-top: 1px solid #E1E1D2;
	border-right: 1px solid #C0C0B2;
	border-left: 1px solid #E1E1D2;
	border-bottom: 1px solid #C0C0B2;
	padding: 2px;
	margin: 0px 0px 12px 0px; 
	width: 100%;
	height: 12px;
	background: #E1E1D2;
}

.itemhead { font: 12px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; letter-spacing: 1px; margin: 0px 0px 8px 0px; width: 95%; }
.itemhead a { font: 10px Arial, Helvetica, sans-serif; color: #343927; text-decoration: none; }
.itemhead a:hover { font: 10px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
.item { font: 11px/110% Arial, Helvetica, sans-serif; color: #000; text-decoration: none; border-bottom: 3px solid #999; padding: 0px 5px 10px; width: 96%;  margin: 0px 0px 18px; }
.item ul { margin-left: 8px; }
.item ul li { margin-left: 16px; }
.item a { #343927; text-decoration: underline; }
.item a:hover { #343927; text-decoration: none; }
.item blockquote { width: 80%; font: 11px/110% Arial, Helvetica, sans-serif; color: #666; text-decoration: none; margin: 8px 10px; }
.item blockquote a { color: #000; text-decoration: none; }
.item blockquote a:hover { color: #000; text-decoration: underline; }

div.cshots { text-decoration: none; }
.gfx { float: left; width: 40%; }
.desc { float: right; width: 60%; text-align: left; }

/* Footer Divs */
.fone { background: url(../gfx/footer_top.jpg) no-repeat; height: 78px; width: 765px; padding: 0px; margin: 0px; border: 0px; }
.ftwo {  background: url(../gfx/footer_bottom.jpg) no-repeat; height: 71px; width: 765px; padding: 0px; margin: 0px; border: 0px; }
.fnote { height: 20px; width: 765px; font: 11px/120% Arial, Helvetica, sans-serif; color: #343927; text-decoration: none; letter-spacing: 1px; }
.fnote a { color: #343927; text-decoration: none; }
.fnote a:hover { color: #9DAC75; text-decoration: none; }

/* styling for sweet ajax form  */
.fieldset { border: 0px; margin: 0; padding: 0; }
.textarea { width:300px; font: 12px/12px Arial, Helvetica, sans-serif; color: #333; padding:3px; margin:1px 0; border:1px solid #ccc; } 
.label { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none; font-weight: bold; margin-top: 3px; }
.text { width:300px; font: 12px/12px Arial, Helvetica, sans-serif; color:#333; padding:3px; margin:1px 0; border:1px solid #ccc; }
.submitb { padding: 2px 5px; font: bold 12px/12px verdana,arial,sans-serif; }

/* styling for AJAX tabs (Web Portfolio Page) - Originally written by Dynamic Drive, edited by me */

/*set to left, center, or right to align the menu as desired*/
.shadetabs { padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 10px Verdana; list-style-type: none; text-align: left; }

.shadetabs li { display: inline; margin: 0; }
.shadetabs li a { text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; color: #2d2b2b; background-color: white; }
.shadetabs li a:visited { color: #2d2b2b; }
.shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; }

/*selected main tab style */
.shadetabs li a.selected { position: relative; top: 1px; color: #000000; background-color: #cccccc; }

/*selected main tab style */
.shadetabs li a.selected { border-bottom-color: #cccccc; color: #000000; background-color: #cccccc; }

/*selected main tab style */
.shadetabs li a.selected:hover { text-decoration: none; }

/* Styling for external content pages (www portfolio page only) */
.wleft { width: 100%; }
.wleft p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; text-align: left; }
.wleft p b { font-size: 10px; border-bottom: 1px dotted #000000; }
.wleft p a { color: #006699; text-decoration: none; }
.wleft p a:hover { color: #006699; text-decoration: underline; }
.wright { text-decoration: none; width: 100%; }
.wright p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; text-align: center; }
.wright p img { border: 0px }
.wright p a { color: #006699; text-decoration: none; }
.wright p a:hover { color: #006699; text-decoration: underline; }