/* @override http://rainier.sitecrafting.com/Workspace/nwilliams/plu_media/html/css/style.css */

* {
	margin:0;
	padding:0;}

body {background:#fff; font-family:arial, helvetica, sans-serif; font-size:12px; color:#333333;}

a {color:#006d91; text-decoration:none;}
a:hover{text-decoration:underline;}
a img {border:0 !important;}

h1 {
	display:block; 
	position:absolute; 
	width:229px; 
	height:60px; 
	background-image:url('../images/logo.gif');
	background-repeat: no-repeat;
	top:16px; 
	/*left:27px;*/
}

img.logo {
	margin: 0;
	padding: 0;
	border: 5px solid #fff;
}
	
h2 {font-size:18px; font-weight:bold; color:#006d91; padding:0 0 5px 0;}
h2 a{color:#975911; }
h3 {font-size:14px; text-transform:uppercase; font-weight:normal; font-style:italic; padding:0 0 5px 0;}
h4 {font-size:15px; font-weight:bold; color:#333; padding:5px 0 10px 0; text-transform:capitalize;}
h5 {font-size:15px; font-weight:normal; color:#5c5c5c; padding:0 0 10px 0; text-transform:capitalize;}
h6 {font-size:13px; font-weight:bold;  padding:0 0 10px 0; text-transform:capitalize;}


.cleaner {
	clear:both;
	background:transparent;
	font-size:1px;
	border:0;}
	
/****************************************
	general page structure aspects
*****************************************/
.container {
	width:920px;
	margin:auto;}

.content {
	padding: 0 0 20px 0;
}

.full {
	padding: 20px 0;
}
	
#header  {background-color:#edc237; font-size:11px; color:#fff; height: 90px;}
#header .container {position:relative;}
#header a {color:#fff;}


#header .global,
#navbar .search {
	float:right;
	margin-top: -85px;
	margin-bottom: -85px;
	position: relative;
}
#header .global {padding:10px 0;}
a.login {
	padding:2px 0 2px 21px; 
	background-image:url(../images/bg_login.gif); 
	background-repeat:no-repeat;}

/****************** search********************/
#header .search {padding:4px 0 0 0;}

.search .search_box {padding:4px; border:1px solid #d3d3d3; margin:-0 0 7px 0;}
.search .search_button {
	width: 39px;
	height: 29px;
	background: none;
	background-image: url(../images/btn_go.png);
	border: 0;
	margin: 8px 3px 4px 4px;
	position: relative;
	top: 3px;
	cursor: pointer;
}

/******************************
		nav
 ****************************/

#navbar {
	background-color:#4e4e4e; 
	/*background-image:url(../images/bg_navbar.gif); */
	background-repeat:repeat-x; }
	
#navbar .container{padding:5px 0 0 0;}

ul.main_nav {list-style-type:none;}
ul.main_nav li {
	display:block; 
	float:left;
	margin:0 8px 0 0; 
	font-size:13px;
	}
	
ul.main_nav li a {display:block; color:#fff; float:left; padding:8px;}

ul.main_nav li a.active {
	background:#e5f4ff; 
	color:#000;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

/************************************
		MAIN
************************************/

#main {
	background-color:#fff;
	background-image:url(../images/bg_main.gif); 
	background-repeat:repeat-x;}
	
#main .container {
	 }
	 
a.arrow { 
	padding:0 20px 0 0; 
	background-image:url(../images/bg_grayarrow.gif);
	background-repeat:no-repeat;
	background-position: center right;
}

/****************HERO*****************/

.herobox {padding:20px 0 75px 0; 
	background-image:url(../images/bg_line.gif); 
	background-position: 50% 97%;
	background-repeat:no-repeat;}

.herobox_right {
	float:right; 
	width:411px;
	padding:20px;
	line-height:18px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
	
.herobox_left {float:left;}
.preview_bottom {padding:30px 0 0 0;}
.preview_bottom .readmore {float:left;}

.preview_bottom .metadata,
.metadata{
    padding:3px 6px;
	float:right; 
	font-size:11px; 
	font-style:italic;
	background:#e5f4ff;
	-moz-border-radius:2px;}

.metadata {
	float: left;
}
	
.preview_bottom a.resume, .preview_bottom a.contact {
	padding:2px 30px 2px 19px; 
	font-size:11px;
	background-image:url('../images/icon_resume.gif');
	background-repeat:no-repeat;
	background-position: left center;}
	
.preview_bottom a.contact {background-image:url('../images/icon_email.gif');}

.herobox p {
	line-height: 18px;
}

.bottom_left,
.bottom_mid,
.bottom_right {
	line-height: 18px;
	width: 290px;
}

.bottom_left {
	float: left;
	padding: 10px 10px 20px 0;
}

.bottom_mid {
	background: #e5f4ff;
	float: left;
	padding: 10px 10px 20px 10px;
}

.bottom_right {
	float: right;
	padding: 10px 0 20px 10px;
}


.article_box {width:480px; float:left;}
.artic_col {float:left; width:210px; padding:0 10px 20px 0;}
h2.red {color:#975911;}


.popular {float:right; padding:10px; width:410px; background:#e5f4ff;}
.popular_left{float:left; width:200px; }

.popular_right, img.profile-img {
	float:right; 
	background:#fff; 
	padding:4px; 
	border:1px solid #c3c3c3;
}

img.preview-img {
	background:#fff;
	padding:4px;
	border:1px solid #c3c3c3 !important;
}

div.preview-img-box {
	float: right;
	margin:0 0 10px 20px;
	width: 220px;
}

.caption {
	clear: both;
	float: right;
	margin-top: 0.5em;
	margin-right: 1em;

	color: #aaa;
	font-size: 11px;
	line-height: 1.25em;
}

ul.articles {list-style-type:circle;padding:0 0 0 15px;}
ul.articles li {color:#808080; font-size:11px; padding:0 0 5px 0;}

img.rss {float:right;}

/***************************************
	INTERIOR STYLES
***************************************/

.int_left, .int_right {
	float:left; 
	margin:20px 0 20px 0; 
	padding:20px; 
	background:#fff; 
	-moz-border-radius:4px;}

/*******************************
		left column
*******************************/

.int_left {width:200px;}

.int_left h3 {font-size:11px;}

h3.left {
    font-size:12px; 
	text-transform:capitalize; 
	font-style:normal; 
	font-size:12px; 
	background:#f5fbff; 
	color:#006d91;
	padding:2px 7px;
	margin:0 0 5px 0;}

ul.sidenav {list-style-type:circle; padding:0 0 25px 20px;}
ul.sidenav li {padding:2px 2px 3px 2px;}
ul.sidenav li a.active {text-decoration: underline;}
ul.sidenav li ul {padding:5px 0 8px 15px;}

ul.sitelist {list-style-type:none; padding:0 0 0px 5px;}
ul.sitelist li {
	padding:5px 2px 5px 25px; 
	background-repeat:no-repeat; 
	background-position:left center;
	text-transform:capitalize;
	}
	
ul.sitelist li.facebook {background-image:url('../images/icon_facebook.gif');}
ul.sitelist li.linkedin {background-image:url('../images/icon_linkedin.gif');}
ul.sitelist li.twitter {background-image:url('../images/icon_twitter.gif');}
ul.sitelist li.flickr {background-image:url('../images/icon_flickr.gif');}




.article_short {clear:both; padding:10px 0 20px 0; font-size:11px;}
.article_short .icon {float:left; padding:5px; border:1px solid #c5c5c5; margin:0 10px 0 0;}
.article_short h4 {color:#006d91; font-size:14px; padding:0 0 5px 0;}

/*****************************************
				left
*****************************************/

h2.category {
	font-size:12px; 
	border-bottom:1px solid #d3d3d3; 
	text-transform:uppercase; 
	color:#333333; 
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0 0;}


.int_right {
	float:right;  
	width:600px; 
	line-height:18px; 
	border-right:1px solid #cacfd3; 
	border-bottom:1px solid #cacfd3;}

hr {border:0; background:#d3d3d3; height:1px; margin:30px 0; }

p.contrib {font-size:10px; font-style:italic; padding:0 0 20px 0; margin:-10px 0 0 0;}

.share {padding:30px 0;}


.pagination {
	font-size: 1.25em;
	text-align: center;
}


/*************************************
	comments
/************************************/

.commentsection {border-top:1px solid #d3d3d3; padding:20px 0 0 0;}
.comment {background:#e5f4ff; padding:10px; margin:10px 0 0 0;}
.comment h4 {padding:0;}
p.commentdata {font-size:10px; color:#5c5c5c; padding:0 0 5 0;}

#leave_comment {padding:20px 0 0 0; }

#leave_comment form#grayForm{ font-size: 11px; }

form#grayForm {
	background-color:#e7ebed;
	color:#3c4145;
	padding:10px 20px 15px 10px;
	position:relative;
}
	
form#grayForm input.formfield, form#grayForm textarea {
	border:1px solid #7c8c96; 
	padding:3px;	
	width:230px; margin:0 0 5px 0;
}
	
form#grayForm textarea {
	width:550px; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px;
	height:120px;
}
	
form#grayForm input.button { border:0; }
#formRight { float:right; position: relative; }

.cmt_save { position:absolute; top:30px; left:300px; }
span.submittedInfo { font-size:12px; font-weight:bold; }

.share {padding:30px 0;}

#category {
	margin-top: 1em;
	margin-bottom: 1em;
}

.pagination {
	font-size: 1.25em;
	text-align: center;
}

/*************************************
	comments
/************************************/

.commentsection {border-top:1px solid #d3d3d3; padding:20px 0 0 0;}
.comment {background:#e5f4ff; padding:10px; margin:10px 0 0 0;}
.comment h4 {padding:0;}
p.commentdata {font-size:10px; color:#5c5c5c; padding:0 0 5 0;}

#leave_comment {padding:20px 0 0 0; }

#leave_comment form#grayForm{ font-size: 11px; }

form#grayForm {
	background-color:#e7ebed;
	color:#3c4145;
	padding:10px 20px 15px 10px;
	position:relative;
}
	
form#grayForm input.formfield, form#grayForm textarea {
	border:1px solid #7c8c96; 
	padding:3px;	
	width:230px; margin:0 0 5px 0;
}
	
form#grayForm textarea {
	width:550px; 
	font-family:arial, helvetica, sans-serif; 
	font-size:12px;
	height:120px;
}
	
form#grayForm input.button { border:0; }
#formRight { float:right; position: relative; }

.cmt_save { position:absolute; top:30px; left:300px; }
span.submittedInfo { font-size:12px; font-weight:bold; }


/*************************************
	footer
*************************************/

#footer {}
#footer .container {
	width:900px;
	background-color:#edc237; 
	padding:10px; 
	color:#fff; 
	font-size:11px;
	-moz-border-radius:4px;}


.int_right p, .int_right div, .int_right blockquote, .int_right ul, .int_right ol, .int_right dl {
    margin-bottom: 10px;
}

.int_right blockquote {
    margin-left: 30px;
}

.int_right ul, .int_right ol, .int_right dl {
    margin-left: 43px;
}

ul.search,
.search .category ul {
	list-style: none;
	margin: 0;
}

ul.search li,
.search .category ul li {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-bottom: 1em;
	padding: 0 6px;
	margin-left: -7px;
	margin-right: -7px;
}

/*
ul.search li:hover,
.search .category ul li:hover {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
*/
ul.search li h4,
.search .category ul li h4 {
	float: left;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.search li h5,
.search .category ul li h5 {
	color: #cccccc;
	float: right;
	font-family: arial, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

p.search,
ul.search li p,
.search .category ul li p {
	color: #999999;
	font-family: times, serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

.search .category h3 {
	border: none;
	background-color: #dddddd;
	font-family: arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1.5em;
	padding: 0.25em 0.5em;
	text-transform: inherit;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.search .category {
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: none;
}

.search .category:hover {
	border: none;
}

.search .category ul {
	font-weight: normal;
	margin: 0 7px;
}

.search .category p {
	font-weight: normal;
	margin: 0 7px;
}

#comments {
	margin-top: 0.5em;
}

#comments h3 {
	color: #666666;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
}

#comments p {
	line-height: 1.5em;
	padding: 0 10px;
}

#comments ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comments li {
	margin-top: 20px;
	padding: 10px;
}

#comments li.dark {
	background-color: #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#comments li.light {
	background-color: #eeeeee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#comments li h4 {
	border-top: 1px solid #bbbbbb;
	font-size: 12px;
	line-height: 15px;
	padding: 0.25em 0 0 0;
}

#comments li h5 {
	color: #aaaaaa;
	float: right;
	font-size: 12px;
	line-height: 15px;
	margin-top: -15px;
	padding: 0;
}

#comments li p {
	margin: 0 0 0.5em;
	padding: 0;
}

#comments form {
	background-color: #eeeeee;
	border-top: 1px solid #999999;
	color: #999999;
	margin-top: 40px;
	padding: 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#comments form h4 {
	border-bottom: 1px dashed #bbbbbb;
	font-size: 12pt;
	margin-bottom: 0.25em;
}

#comments form p {
	margin: 0 0 2em;
	padding: 0;
}

#comments form label {
	clear: both;
	float: left;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}

#comments form input.text {
	font-size: 12pt;
	padding: 4px;
}

#comments form textarea {
	height: 150px;
	width: 100%;
}

#comments form input.text,
#comments form textarea {
	border: 1px solid #999999 !important;
	clear: both;
	float: left;
	margin: 0.25em 0 1em;
}


div.message {
	padding: 0 0em 0 30px;
	margin: 0.5em 0 0.5em 0;
	background: #e7e7e7 url(../images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.message p {
	margin: 1em 1.5em;
}

.message ul {
	margin: 1em 3em;
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(../images/icons/tango/emblem-important.png);
}

div.info {
	border-color: #55f;
	background-color: #ddf;
	background-image: url(../images/icons/sc_info_24.gif);
}

.archive_title {
	float: left;
}

.archive_date {
	color: #777777 !important;
	float: right;
}

.archive_type {
	clear: both;
	font-size: 10pt;
}

.itemlist h4 {
	font-size: 12pt;
	margin-bottom: 0.25em;
	padding-bottom: 0;
}

.itemlist h5 {
	color: #aaaaaa;
	float: right;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0.25em;
	margin-top: -1.25em;
}

.itemlist p {
	padding-bottom: 1em;
}


.float_right { float: right !important; }