/* 
Title:		Extreme IT Solutions Screen Styles
Author: 	nick@extremeits.co.uk
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: small;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #333;
	}

td, table {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	}

input,select,textarea {
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Helvetica, Arial
}

/* ---[ links ]------------------------------- */

a:link {
	color: #ff811a;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
	}
a:visited {
	color: #ff811a;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
	}
a:hover {
	color: #ff811a;
	border-bottom-style: solid;
	}
a.more {
	padding-right: 7px;
	background: url(../images/bullet_blue.gif) no-repeat 100% 5px;
	}


/* ---[ common elements ]--------------------- */


h1 {
	font-family: arial, verdana, tahoma;
	font-size: 22px;
	font-weight: bold;
	padding-top: 3px;
	margin: 0;
	color: #ff811a;
	}
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #000;
	}
h2 a:link, h2 a:visited {
	text-decoration: none;
	border-bottom: none;
	color: #000;
	}
h2 a:hover {
	text-decoration: underline;
	color: #000;
	border-bottom: none;
	}
h2#recent {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #3F9859;
	}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #7B9905;
	border-bottom: 1px solid #eaeaea;
	}
h3 a:link, h3 a:visited {
	font-size: 110%;
	text-decoration: none;
	border-bottom: none;
	color: #40659B;
	}
h3 a:hover {
	color: #036;
	}
h4, h5 {
	margin: 1.5em 0 0 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #333;
	}
h1 span, h2 span, h3 span {
	color: #999;
	}
blockquote {
	font-size: 88%;
	line-height: 1.5em;
	color: #777;
	padding-left: 23px;
	background: url(../images/quotemarks.gif) no-repeat 0 3px;
	}
blockquote.praise {
	padding: 0 0 10px 23px;
	border-bottom: 1px solid #eaeaea;
	}
code {
	color: #7B9905;
	font-size: 110%;
	line-height: 1.2em;
	text-align: left;
	}
code strong {
	color: #4E6200;
	}
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
hr {
	border-top: 1px dotted #ccc;
	color: #fff;
	background-color: #fff;
	height: 2px;
	}

hr#dotted {
	border-top: 1px dashed #ccc;
	color: #fff;
	background-color: #fff;
	height: 1px;
	}

#small {
	font-size: 11px;
}

.bold {
	font-weight: bold;
}

.indent {
	padding-left: 20px;
}

/* ---[ header ]----------------------------------- */

#smalltopnav {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #f5f5f5;
	text-align: right;
	}
#smalltopnav a {
	color: #fff;
	border-bottom-color: #f5f5f5;
	}
#smalltopnav a:hover {
	color: #fff;
	}

#topnav {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	}
#topnav a {
	color: #fff;
	font-weight: bold;
	border-bottom: none;
	}
#topnav a:hover {
	color: #fff;
	text-decoration: underline;
	}

/* ---[ right nav ]----------------------------------- */

#rightheader {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: #D8DBDE;
	padding-left: 10px;
	}


/* ---[ footer ]----------------------------------- */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666;
	}
#footer p {
	margin: 0;
	padding: 10px;
	}
#footer a {
	color: #888;
	border-bottom-color: #333;
	}
#footer a:hover {
	color: #ccc;
	}

/* ---[ forms ]------------------------------------ */

#contactform, #comments-form, .shirt-form, #search-form, #rfp-form {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../img/form-bg.gif) repeat-x top left;
	}
#search-form {
	margin: 0 0 0 0;
	background-image: url(../img/search-form-bg.gif);
	}
#search-form p {
	margin: 0 0 10px 0;
	}
#search-form input {
	vertical-align: middle;
	}
#contactform dl, #rfp-form dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt, #rfp-form dt {
	color: #333;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em, #rfp-form dt em, #rfp-form .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 130%;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 130%;
	color: #444;
	border: 1px solid #ccc;
	}
#rfp-form h3 {
	margin: 0 0 1em 0;
	}
#rfp-form dl {
	margin: 0 0 2em 20px;
	}
#content #rfp-form dl dt.chbox {
	margin-bottom: 1em;
	}
#content #rfp-form dl dd.chbox {
	margin: 0 0 3px 20px;
	padding: 0;
	}
#content #rfp-form dl dd.last {
	margin-bottom: 1em;
}
/* ---[ admin section ]------------------------------- */

.admin_formtableheader {
	background-color: #f5f5f5;
	text-decoration: none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

.admin_formtablecontents {
	background: url(../img/fieldset_bg.gif) left center repeat;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	text-decoration: none;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em
	display: block
}

fieldset {
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	padding: 2px 6px
}

/* ---[ blog ]------------------------------- */

#blog {
	margin: 0 0 30px 0;
}
#blog h2, #blog h2 a {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 0px;
	margin: 0;
	color: #CC3300;
	text-decoration: none;
}
#blog h2 a:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 0px;
	margin: 0;
	color: #CC3300;
	text-decoration: underline;
}
#blog h3.date {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #929C87;
	border: none;
	background: none;
	}
#blog p.posted {
	padding-bottom: 10px;
	font-size: 11px;
	color: #8E8E8E;
	border-bottom: 1px dashed #BEBEBE;
}

a.commentslink, a:visited.commentslink {
	margin: 0 0 0 2px;
	padding: 0 0 0 16px;
	font-weight: normal;
	color: #929C87;
	text-decoration: none;
	border-bottom: none;
	background: url(../img/icon_comment.gif) no-repeat 0 50%;
}

#blogcomment {
	margin: 0px 12px 12px 12px;
	padding: 10px;

}

#blogcomment p.comment {
	padding: 0 10px 0 10px;
}

#blogcomment h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0px;
	color: #000;
	text-decoration: none;
}

#blogcomment p.posted {
	padding-bottom: 0px;
	font-size: 11px;
	color: #8E8E8E;
}