/*reset code -- clears all browser assumed variables*/
/*@import url("http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css");*/
/*specific clearing code to validate css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}

li {
	list-style : none;
}

/*end css clearing*/

/*link information and decorations */

a:link, a:visited, a:active {text-decoration: none; color: #eee;}
a:hover {text-decoration: underline;}

/*information about subdued links*/
a.subduedlinks:link, a.subduedlinks:visited, a.subduedlinks:active{text-decoration: none; color: #a86d27;}
a.subduedlinks:hover {text-decoration: underline; color: #eee;}

acronym {
	border-bottom:1px dotted #a86d27;
}

/*use UL for displaying items in blue divs*/
.block ul {
	font-family: georgia;
	font-size: .9em;
	line-height: 1.2em;
	margin-bottom: 10px;
	display: block;
}

.block li{
	padding: .5em 0px;
}

/*alt navbar link colors*/
/*
.navbar a:link {text-decoration: none; color: black;}
.navbar a:visited {text-decoration: none; color: black;}
.navbar a:active {text-decoration: none; color: black;}
.navbar a:hover {text-decoration: underline; color: darkblue;}
*/

/*general*/

body {
	margin:0 auto;
	background: #000; /*000 instead of 'black' b/c rounded corners have troubles with black*/
	font-size: .9em;
	color: #eee; /*not quite white*/
	text-align: center; /*center page in IE -- use text-align: left; in divs to put back to normal*/
	line-height: 1.3em;
	overflow-x: hidden;	
}
	
p{
	margin-top: .8em;
}

/*set image size limits given class*/
.rightcolimg img {
    max-width: 232px;

}

.piccomment img{
	padding-top:1px;
}

/*
*classes
*
reference
font-size: .8em;
font-family: calibri, helvetica, arial, sans-serif, "times new roman";
line-height: 1.2em;
top: -5px;
color: blue;
letter-spacing: +0.1em;

*/

/*
*headers
*
*h1 will be used for the main page header only
*h2 will be for paragraph headers, should they exist
*/
h1 { 
	font-size: 1em;
	letter-spacing: +0.1em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: .8em;
	margin-bottom: 1em;
}
h2{
	font-size: .9em;
	letter-spacing: +0.1em;
	/*font-weight: bold;*/
	font-family: georgia;
	margin-bottom: 0em;
}

/*general classes */

.maincontent  {
	/*font-family: Constantia, "Palatino Linotype", "Book Antiqua", Palatino;*/
	font-family: georgia;
	/*font-size: 1em;*/
	color: #a86d27; /*later grab this from variable*/
	}

.blockheader{
	font-family: verdana, arial, helvetica, sans-serif;
}

.main li{
	list-style-type: circle;
	margin-left: 25px;
	line-height: 1.2em;
	padding-bottom: .5em;
}
.main ul,ol {
}

.alert{
	border:1px white solid;
	padding:3px; 
	margin-bottom: 10px; 
	text-align:center;
}

.alert a {
	display: block;
}


/*
*div classes
*/

.theme{
	float:right;
	margin-right:5px;
	/*margin-top:3px;*/
	margin-top: -52px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	color: #a86d27;
}

.header{
	/*padding-top:40px;*/
	margin-top: 30px;
	margin-left:245px;
	border: 0px;
}

.footer{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #a86d27;
	font-size: .7em;
	padding-top: 3px;
	height: 17px;
	}
	
.footerleft{
	float:left;
	padding-left: 3px;
}

.footerright{
	float:right;
	padding-right:5px;
}

.block{
	background: #4a5d63;
	/*border: 1px solid #a86d27; */
	padding: 10px 10px 5px 15px;
	font-family: georgia;
	font-size: .9em;
	margin-bottom: 20px;
}

.wcontainer{
	margin:0 auto;
	width:990px;
	}

/*
*div IDs
*
*for centering navbar properly
*/

/*
* Navbar info
* from comment on lwis.net
*
*used to make navbar centered -- works wonderfully
*/

#nav {
list-style-type:none;
padding:0; 
margin:0 auto; 
float:left;
position:relative; 
left:50%;
border-right: 1px solid #4a5d63;

}

#nav li {
float:left; position:relative; right:50%;
}

#nav li li{
position: relative; left: 0;
width: 100%;
}
#nav a {
width:auto;
display:block;
text-decoration:none;
}

/*
*end navbar special div info
*/

/*
* Web Design Page Specific 
*/
	
.webdesign{
	text-align: left;
}

.webdesign li{
	margin-left: 35px;
	list-style: circle;
}

.webdesign h2{
	margin-top: 15px;
}

/*.webdesign h1{
	font-size: 1em;
	letter-spacing: +0.1em;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
}*/

.wd_name{
	display: block;
	font-size: 1.1em;
	letter-spacing: +0.1em;
	font-weight:;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #4a5d63;
	padding: 5px;
	margin-top: 15px;
	text-align: center;
}
.wd_head{
	font-size: 1.1em;
	letter-spacing: +0.1em;
	/*font-weight: bold;*/
	font-family: verdana, arial, helvetica, sans-serif;
	margin-bottom: 5px;
}
.wd_status{
	float:right;
	border: 3px solid #4a5d63; /* this should be right bottom left -- no top border */
	border-top: 0px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
.wd_lc{
	float:left;
	border: 3px solid #4a5d63; /* this should be right bottom left -- no top border */
	border-top: 0px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
.wd_screenshot{
	float: right;
	margin: 5px;
	margin-top: 15px;
	margin-right: 0px;
	text-align: center;
	width: 252px;
}

/* End Web Design Specific CSS */

/* text align */
.left {
	text-align: left;
	}
.right {
	text-align: right;
	}
.center {
	text-align: center;
	}
.justify{
	text-align:justify;
	}
	
/* text decoration/font style/font weight */
.underline{
	text-decoration: underline;
	}
.italics{
	font-style: italic;
	}
.bold{
	font-weight: bold;
}


/* font family classes*/

.tt{
	font: .8em/1em consolas, "lucida console", monospace;
	}
	

/*spacing classes*/

.leftspacer{
	padding-left:15px;
	}

.topspacer{
	margin-top:45px;
	}
.tinytopspacer{
	margin-top:7px;
	}

.topspc{
	margin-top:15px;
}
.toppadding{
	padding-top:10px;
}
	
.tiny{
	font-size: .7em;
}
.h2normal{
	font-size: .8em;
	font-weight: normal;
	letter-spacing: .2em;
	font-style: italic;
}
.blocksubtext{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .9em;
	line-height: 1em;
}
.tutorial{
	padding-bottom: 15px;
	padding-top: 10px;
}
.tutskllvl{
	float:right; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
	border: 1px solid #a86d27;
	padding: 0px 2px 0px 2px;
}
.tutname{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
}
.tutauthor{
	font-size: .8em;
}
.softwaresummary{
	padding-top: 10px;
	padding-left: 25px;
}
.softwareuses{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .7em;
}
.imagecomment{
	font-size: .8em;
	color: #a86d27;
}

/*
*end classes
*/

/*
*begin IDs (div specific)
*/

#navbar{
	width:100%;
	height: 31px;
	background: #4a5d63;
	border-top: 1px solid #a86d27;
	border-bottom: 1px solid #a86d27;
	padding-top:0px;
	padding-bottom:0px;
	font-size: .9em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	
}

/* the following are from the columns code */
#container {clear:both;margin:0 auto;width:100%;/*text-align:left;*/}
#header {margin:0 auto; width:100%;}
#left {width: 230px;float:left; padding-right: 10px; margin-left: 5px;/*border: 1px solid green;*/}
#center {width:485px;float:left; padding:10px 15px 10px 10px;/*border: 1px solid yellow;*/}
#right {width:232px;float:right;/*border: 1px solid blue;*/}
#footer {clear:both;width:100%;border-top:1px solid #a86d27;}
	
/* IE box model hacks */
/** html #left {width:230px;wid\th:230px; float: left; padding-right: 0px;}*/
* html #center {width:515px;wid\th:515px;}
/** html #right {width:232px;wid\th:232px;}*/
/* end code from columns */

/*
*end ids
*/