/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSS Document */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	height: 100%;
	font-size: small;
	background-color: #3E606F;
	background-image: url(../images/bkgd.jpg);
	background-repeat: repeat-y;
	background-attachment:fixed;
}

html{
	height: 100%;
}	

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	letter-spacing: 1px;
	padding: 0px;
	line-height: 20px;
}

* html #container{
	height: 100%;
}

#header {
	position: fixed;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #193441;
	border-bottom: 5px solid #3E423A;
}

h1 {
	font-size: 0.1em;
	color: #6C6E58;
	margin: 0px auto;
	padding: 0px;
	height: 50px;
	width: 830px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Create Main Nav divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul#mainNav{
	margin: 0px auto;
	text-align: right;
	width: 850px;
	padding: 5px;
	letter-spacing: 4px;
}

ul#mainNav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#mainNav a {
	color: #FFFFFF;
	font-size: 110%;
	background-color: #666666;
	padding: 5px 10px;
	border-top: dotted #333333 1px;
	border-left: dotted #333333 1px;
	border-right: dotted #333333 1px;
	margin: 0px -2px;
}

ul#mainNav li a:visited{
	padding: 5px 10px;
	border-top: dotted #333333 1px;
	border-left: dotted #333333 1px;
	border-right: dotted #333333 1px;
	margin: 0px -2px;
}

ul#mainNav li a:hover{
	color: #D0F0F0;
	background-color: #000000;
}

ul#mainNav li a:active{
	color: #FFFFFF;
}

ul#mainNav li.selected a{ /*selected tab effect*/
	color: #FFFFFF;
	background-color: #3E423A;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* content divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	float: left;
	text-align: left;
	padding: 75px 0px 30px;
	color: #FFFFFF;
	margin: 0px auto 50px;
	width: 100%;
}

#content p{
	padding: 10px 25px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* subNav divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.title {
	position: fixed;
	float: left;
	color: #CCCCCC;
	font-weight: bold;
	font-size:medium;
	margin: 25px 0px 0px;
}

ul#subNav{
	float: left;
	position: fixed;
	margin: 65px 0px;
	width: 140px;
	padding: 0px 10px;
	list-style-type: none;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

ul#subNav li{
	display: inline;
	margin: 25px 0px;
}

ul#subNav li.title{
	display: block;
	color: #999999;
	text-transform: uppercase;
	padding: 10px 5px 5px;
	clear: left;
	margin: 5px 0px 5px;
	border-bottom: 4px #3E423A solid;
}

ul#subNav a{
	margin: 10px 0px 20px;
	font-size: 90%;
	padding: 5px 10px;
	display: block;
	background-color: #3E423A;
}

ul#subNav a:hover{
	color: #EEEEEE;
	background-color: #666666;
}

ul#subNav li.selected a{ /*selected tab effect*/
	padding: 5px 10px;
	color: #EEEEEE;
	background-color: #666666;
}

ul#subNav li.smallFilter a{
	margin: 5px 3px 3px 1px;
	float: left;
	letter-spacing: 0px;
	width: 14px;
	text-align: center;
	font-size: 90%;
	padding: 3px 5px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* javascript warning */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#jsDisabled {
	font-size: 90%;
	padding: 0px 0px 10px;
	color: #CCCCCC;
	margin: 25px;
	background-color:rgb(25,25,25);
	border: 4px #3E423A solid;
	min-height: 220px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* news divs  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

div.addItem{
	position: fixed;
	margin: 20px 0px 0px;
	text-align: center;
}

div.addItem a{
	float: left;
	display: block;
	font-size: 240%;
	margin-top:0;
	vertical-align: top;
	background-color: #3E423A;
	padding: 7px 5px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.blogSearch {
	width: 120px;
	margin: 10px 0px 0px;
	color: #999999;
	border: none;
	font-size: 90%;
	padding: 7px 10px 0px;
	vertical-align: middle;
	background-color: #3E423A;	
}

#news{
	float: right;
	margin: 0px 25px;
	padding: 0px;
}

dl.news {
	width: 650px;
	margin: 50px 0px 0px 175px;
	font-size: 90%;
	padding: 0px;
	color: #CCCCCC;
	border-bottom: 5px #3E423A solid;
}

dl.news dt{
	padding: 15px 0px 25px;
	margin: 0px;
	font-weight: bolder;
	font-size: 190%;
	color: #D1570D;
}

dl.news dt.date{
	float: right;
	padding: 5px 5px;
	margin: -50px 0px;
	font-weight: normal;
	font-size: 90%;
	background-color: #193441;
	color: #F4F7D9;
}

dl.news dd {
	line-height: 2.0;
	margin: 0px 3px;
	color: #EEEEEE;
}

dl.news dd.assignment {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	font-size: 100%;
	font-weight:bold;
	color: #CCCCCC;
	background-image: url(../images/shade.png);
	background-repeat: repeat;	
}

dl.news p{
	margin: 0px -25px 10px;
}

dl.news h3 {
	clear: left;
	color: #3E423A;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	margin: 10px 0px;
}

dl.news a {
	font-weight: bold;
}

dl.news img.thumbnail {
	float:left;
	text-align: left;
	padding: 10px 10px 10px 0px;
	margin: 10px 10px 10px 0px;	
}

dl.news dd.footer{
	color: #333333;
	text-align: left;
	margin: 5px 3px -15px;
	font-weight: normal;
	font-size: 80%;
}

dl.news dd.footer .comments{
	float: right;
	padding: 0px 5px;
}

dl.news ul {
	margin: 20px;
	
	
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* about divs  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#about{
	font-size: 90%;
	padding: 0px 0px 10px;
	color: #CCCCCC;
	margin: 25px;
	background-color:rgb(25,25,25);
	border: 4px #3E423A solid;
	min-height: 220px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* project links */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.info {
	margin: -30px 25px 0px;
	padding: 0px;
	border-bottom: 2px solid #CCCCCC;
	text-align: right;
}

#projects{
	float: right;
	margin: 0px 23px;
	padding: 0px;
}

dl.project {
	width: 650px;
	margin: 15px 0px 15px 175px;
}

dl.project a {
	display:block;
	font-size: 90%;
	padding: 0px 0px 10px;
	color: #CCCCCC;
	background-color: rgb(25, 25, 25);
	background-color: rgba(25, 25, 25, 0.8);
	min-height: 220px;
}

dl.project a:hover{
	background-color: rgb(15, 15, 15);
	background-color: rgba(15, 15, 15, 0.8);
	color: #FFFFFF;
	padding: 0px 0px 10px;
}

dl.project dt {
	padding: 12px 25px;
	margin: 0px;
	font-weight: bold;
	font-size: 180%;
	border-bottom: 4px #333333	solid;
	background-color: transparent;
	color: #D1570D;
}

dl.project dt.date {	
	float: right;
	padding: 5px 5px;
	margin: -41px 6px;
	font-weight: normal;
	font-size: 90%;
	border: none;
	background-color: #193441;
	color: #F4F7D9;
}

dl.project dd{
	margin: 20px;
}

dl.project dd img{
	float: left;
	margin: 5px 20px 5px 0px;
	border: 2px solid #333333;
	padding: 0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* links */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.links {
	list-style-type: none;
	margin: 50px;	
}

ul.links .title{
	font-weight: bold;
	font-size: 180%;
	color: #D1570D;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* contact links */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#contact {
	margin: 100px 0px 0px;
}

ul#contactForm {
	line-height: 1.5;
	font-size: 0.9em;
	list-style: none;
	width: 400px;
	margin: 0px 50px 25px;
	padding: 10px 25px;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

ul#contactForm li{
	clear: left;
	padding: 12px 0px;
}

ul#contactForm .subLabel{
	padding: 0px 0px;
	float: left;
	margin: -3px 0px;
	font-size: 85%;
	font-weight: normal;
}

label {
	float: left;
	text-align: right;
	font-weight: bold;
	margin: 5px 10px;
	width: 100px;
	padding: 0px;
}

input, textarea{
	color: #888888;
	padding: 3px;
	width: 225px;
	border: solid 3px #CCCCCC;
	background-color:transparent;
	height: 25px;
	font-size: 1.2em;
}

input:hover, textarea:hover{
	background-color:#FFFFFF;
}

input:focus, textarea:focus {
	background-color:#FFFFFF;
}

textarea {
	width: 225px;
	max-width: 225px;
	height: 170px;
}

button {
	border: solid 3px #CCCCCC;
	background-color: #EEEEEE;
	color: #888888;
	font-size: 1.1em;
	padding: 7px 25px;
	margin: 0px 0px 0px 120px;
}

button:hover {
	color:#333333;
	border: solid 3px #cccccc;
	background-color:#CCCCCC;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.message {
	float: left;	
	display: inline;
	margin: -40px 0px 0px 350px;
	width: 100px;	
}

#socialNetworks {
	float: right;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
	margin: 0px 23px 0px;
	padding: 20px;
	overflow: auto;
}

#socialNetworks h3{
	margin: 0px 0px 10px;
	padding: 0px;
	color: #999999;
	text-align: left;
	font-size: 1.5em;
}

#socialNetworks a{
	padding: 0px;
	text-align: left;
	font-size: 1.2em;
}

#socialNetworks img{
	border: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSS footer divs */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	float:left;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	margin-top: -37px;
	position: relative;
	border-top: 5px solid #3E423A;
	background-image: url(../images/shade.png);
	background-repeat: repeat;
}

#footer p {
	width: 850px;
	text-align: right;
	margin: 0px auto;
	font-size: 10px;
	color: #999999;
}

/* Create CSS common HTML tags  */
h2 {
	color: #CCCCCC;
	font-weight: bold;
	font-size: 150%;
	padding: 30px 25px 0px;
}

h3 {
	color: #3E423A;
	font-weight: bold;
	font-size: 2.0em;
	text-align: right;
	margin: 30px 10px 10px 180px;
}

h4 {
	color: #333333;
	font-weight: normal;
	font-size:small;
	font-style: normal;
}

p {

}

a {
  outline: none;
}


a:link {
	color: #999999;
	text-decoration: none;
	font-weight: 500;
	font-size: 90%;
}

a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #EEEEEE;
	text-decoration: none;
}