/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Systems Project Management Custom Theme
Author : Pixelita Designs
URL : http://www.pixelita.com
Created : September 20, 2009
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
	height:101%;
	margin-bottom:1px;
}

a img, a:link img, a:visited img {
	color: #01cfe6;
	text-decoration: underline;
	border: none;
}

a:link { text-decoration: underline; color: #01cfe6; }

a:visited { text-decoration: none; color: #333; }

a:hover, .postcontent a:hover { color: #c00; text-decoration: none; }

acronym {
	border-bottom: 1px dotted #3a8c9d;
	font-variant: small-caps;
	text-transform: lowercase;
	font-size: 115%;
	color: #3a8c9d;
	cursor: pointer;
}

blockquote {
	margin: 0;
	padding: 5px 10px 5px 10px;
	line-height: 140%;
	font-size: 100%;
	font-style: italic;
	color: #000;
}

body {
	text-align: center;
	font-family: calibri, "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background: #b2feff url(images/spm-gradient-bg.png) repeat fixed;
}

dl dd {
	font-family: calibri, "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	padding-left: 0px;
}

dl dt {
	font-family: georgia, times, serif;
	font-size: 140%;
	color: #3a8c9d;
}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1.2em; font-weight: normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }

.clear { clear: both; }

/** Drop Caps Styling **/
span.first
{
 float: left;
 font-family: georgia, times, serif;
 color: #539ed8;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}

/** CONTACT FORM **/
.contactform { margin: 0 0 20px 0; }

.contactform b { display: block; }

.contactform input#contact-submit { padding: 4px; width: 150px; font-weight: bold; }

.contactform input.text, .contactform textarea, .contactform select {
	width: 250px;
	padding: 4px;
	font-family: calibri, "Trebuchet MS", arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 2px 0 7px 0;
	background: #539ed8;
	color: #fff;
	border: 1px solid #000;
}

.contactform p.contactmsg {
	padding: 4px;
	border: 1px solid #01cfe6;
	background: #b2feff;
	font-weight: bold;
}

.contactform p.error { color: #c00; }

.contactform p.success { color: #01cfe6; }

.contactform textarea { height: 150px; width: 350px; }

p.meta {
	font-size: 12px;
	color: #3a8c9d;
	font-style: italic;
	padding: 3px 0 3px 0;
}

.post { font-size: 100%; padding: 4px 0px; background: transparent; }

.post h1 {
	font-family: georgia, times, serif;
	font-size: 160%;
	color: #000;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.post h3 {
	font-weight: normal;
	padding: 8px 0;
	font-size: 130%;
	font-family: georgia, times, serif;
	color: #014289;
}

.post h4 {
	font-weight: normal;
	padding: 8px 0;
	font-size: 125%;
	color: #3a8c9d;
	font-family: georgia, times, serif;
}

.post ul, .post ol {
	margin: 0 0 18px 30px;
	line-height: 140%;
	background: transparent;
}


.postcontent a { color: #3a8c9d; text-decoration: underline; }

.postcontent ul li { 
	list-style-type: square;
	list-style-image: url(images/tiny-drop.jpg)
}

.postcontent p {
	padding: 5px;
}

.postcontent img {
	display: inline;
	float: left;
	margin: 2px 15px 2px 0 !important;
	padding: 4px;
}

.pot { display: none; }

span.linkedin {
	background-image: url(images/linkedin_icon.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 18px;
}


#content {
	width: 540px;
	float: left;
	text-align: left;
	padding: 10px 5px 5px 15px;
	background: transparent;
}

#content img {
	padding: 5px;
	border: 1px solid #014289;
	margin: 0px;
}

#content p {
	padding: 4px 0px;
	line-height: 140%;
	font-size: 110%;
	background: transparent;
}

#content p.doc {
	padding-left: 18px;
	background: transparent url(images/page_white_word.png) no-repeat top left;
}

#content p.pdf {
	padding-left: 18px;
	background: transparent url(images/page_white_acrobat.png) no-repeat top left;
}

#content p.rss {
	padding-left: 18px;
	background: transparent url(images/rss16x16.png) no-repeat top left;
}

#content p.xls {
	padding-left: 18px;
	background: transparent url(images/page_white_excel.png) no-repeat top left;
}

/** FOOTER **/
#footer {
	text-align: left;
	margin: 0px !important;
	line-height: 140%;
	font-size: 100%;
	color: #fff;
	border-top: 2px solid #333;
	background-color: #014289;
	background-image: url(images/pix-btn-dark.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 10px;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:visited { color: #fff; text-decoration: none; }

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* HEADER */
#header {
	height: 100px;
	width: 883px;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 1px solid #000;
	text-align: left;
	background: #fff url(images/spm-banner-883x100.png) no-repeat scroll top left;
}

#main {
	margin: 0;
	padding: 0;
	background-color: transparent;
/*	background-image: url(images/water-drop-watermark.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: 550px !important;
*/
}

#nav {
	border-bottom: 2px solid #000;
	font-size: 110%;
	height: 30px;
	font-family: calibri, "Trebuchet MS", verdana, helvetica, sans-serif;
	text-transform: uppercase;
	background: #539ed8;
	list-style: none;
	color: #fff;
	margin: 0px !important;
	font-weight: bold;
	padding-bottom: 5px;
}

#nav ul li { list-style-type: none !important; float: left; }

#nav ul li a { padding: 10px; line-height: 40px; color: #fff; }

#nav ul li.current a, #nav ul li a:hover { background: transparent; color: #000; }

#nav ul li:firstchild { border-left: 1px solid #333; }

/** SIDEBAR **/
#sidebar {
	width: 295px;
	float: right;
	text-align: left;
	padding: 5px;
	margin: 5px;
}

/** SIDEBAR CONTACT FORM **/

#sidebar .side-contact {
	background: #539ed8; /* #3a8c9d; */
	padding: 5px;
	margin: 5px;
	border: 1px solid #300;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

#sidebar .side-contact h3 {
	color: #fff;
	font-family: georgia, times, serif;
	font-size: 135%;
	line-height: 140%;
}

#sidebar.side-contact. contactform { margin: 0 0 20px 0; }

#sidebar.side-contact. contactform b { display: block; }

#sidebar.side-contact .contactform input#contact-submit { padding: 4px; width: 150px; font-weight: bold; }

#sidebar .side-contact .contactform input.text, 
#sidebar .side-contact .contactform select {
	width: 240px;
	padding: 4px;
	font-family: calibri, "Trebuchet MS", arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 2px 0 7px 0;
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

#sidebar .side-contact textarea {
	width: 240px !important;
	padding: 4px;
	font-family: calibri, "Trebuchet MS", arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 2px 0 7px 0;
	background: #fff;
	color: #000;
	border: 1px solid #000;
}
#sidebar .side-contact .contactform p.contactmsg {
	padding: 4px;
	border: 1px solid #01cfe6;
	background: #fff;
	font-weight: bold;
}

#sidebar .side-contact .contactform p.error { color: #c00; }

#sidebar .side-contact .contactform p.success { color: #01cfe6; }

#sidebar .side-contact .contactform textarea { height: 150px; width: 350px; }

#sidebar .featured {
	background: #eee;
	padding: 5px;
	margin: 5px 5px 25px 5px;
	border: 1px solid #3a8c9d;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar .featured h2 {
	color: #000;
	font-family: georgia, times, serif;
	font-size: 135%;
	line-height: 140%;
}

#sidebar .featured p {
	color: #000;
	font-family: calibri, "Trebuchet MS", verdana, helvetica, sans-serif;
	line-height: 140%;
	margin: 0 0 18px 0;
}

#sidebar .featured a, #sidebar .featured a:visited {
	color: #014289;
	text-decoration: none;
}

#sidebar .featured a:hover {
	color: #000;
	text-decoration: underline;
}


#wrapper {
	margin: 0px auto 10px auto;
	padding: 0px !important;
	width: 883px;
	background: #fff;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}