/*

General styling

*/

body {
	margin: 0;
	background-color: #fff;
	font-family: Helvetica, 'Trebuchet MS', Verdana, Arial, sans-serif, Georgia, sans-serif;
	font-size:13px;
	color: #000;
}

#wrapper {
    width:945px;
    margin:0 auto;
}

a:link, a:visited {
	text-decoration:none;
	color: #000;
}

a:hover {
    text-decoration:underline;
}

* {
padding:0;
margin:0;
}

a:link img, a:visited img, a:hover img {
	border: none;
}


/* HEADER */

#header {
	position: relative;
	margin-top: 15px; 
	background-image: url(images/insideHPC3header.jpg);
	height: 125px;
	width: 945px;
}

#header_greenhpc {
	position: relative;
	margin-top: 15px; 
	background-image: url(images/insideHPC3headerGreenHPC.jpg);
	height: 125px;
	width: 945px;
}

#header_jobboard {
	position: relative;
	margin-top: 15px; 
	background-image: url(images/insideHPC3headerJobs.jpg);
	height: 125px;
	width: 945px;
}

#home-link {
    position: absolute;
    width: 475px;    /* width of the logo */
    height: 125px;   /* height of the logo */
    top: 0; left: 0; /* top-left corner of logo */
    border: 0;
}

#survey-link {
    position: absolute;
    width: 100px;    /* width of the logo */
    height: 100px;   /* height of the logo */
    top: 0; left: 500; /* top-left corner of logo */
    border: 0;
}

#jobs-link {
    position: absolute;
    width: 250px;    /* width of the logo */
    height: 120px;   /* height of the logo */
    border: 0;
}

#header #title_menu, #header_greenhpc #title_menu, #header_jobboard #title_menu {
	float: right;
	height: 55px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
}
    
#header #title_menu ul,#header_greenhpc #title_menu ul,#header_jobboard #title_menu ul {
		list-style: none;
		padding-top: 5px;
	}
	
#header #title_menu li,#header_greenhpc #title_menu li,#header_jobboard #title_menu li {
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: none;
		padding-right: 15px;
		padding-left: 5px;
	}
	
#header #title_menu li.current,#header_greenhpc #title_menu li.current,#header_jobboard #title_menu li.current {
			background-color: #82a151;
	}
	
#header #title_menu li a:link,#header_greenhpc #title_menu li a:link,#header_jobboard #title_menu a:link {
		color: #fff;
		text-decoration: none;
	}

#header #title_menu li a:visited,#header_greenhpc #title_menu li a:visited,#header_jobboard #title_menu li a:visited {
		color: #fff;
		text-decoration: none;
	}

#header #title_menu li.current a:hover,#header_greenhpc #title_menu li.current a:hover,#header_jobboard #title_menu li.current a:hover {
		color: #fff;
		text-decoration: none;
	}
	
#header #title_menu li a:hover,#header_greenhpc #title_menu li a:hover,#header_jobboard #title_menu li a:hover {
		color: #fff;
		text-decoration: none;
		border-top: 1px solid #82a151;
		border-bottom: 1px solid #82a151;

	}

#lower_menu_bar {
	background-color: #7b6d64;
	height: 30px;
	width: 945px;
	margin-bottom: 30px;
	font-size: 10px;
}

#lower_menu_bar_black {
	background-color: #000;
	height: 30px;
	width: 945px;
	margin-bottom: 30px;
	font-size: 10px;
}

#lower_menu_bar #focus_block, #lower_menu_bar_black #focus_block {
	float: left;	
	padding-left: 10px;
	padding-top: 5px;
	font-size: small;
	font-face: bold;
	color: #fff;
}

#lower_menu_bar #focus_block p a, #lower_menu_bar_black #focus_block p a	 {
	color: #fff;
}


#lower_menu_bar #subscribe_block, #lower_menu_bar_black #subscribe_block {
	float: right;	
}

#lower_menu_bar p, #lower_menu_bar_black p {
	float: left;
	color: #fff;
	text-align: left;
	margin-top: 5px;
	line-height: 10px; 
}

#lower_menu_bar p.image, #lower_menu_bar_black p.image {
		border:none; 
		padding-right: 5px;	
	}
	
#lower_menu_bar p.link, #lower_menu_bar_black p.link {
		width:75px; 
	}

#lower_menu_bar p.link a:link, #lower_menu_bar_black p.link a:link {
			color: #fff;		
		}	
		
#lower_menu_bar p.link a:visited, #lower_menu_bar_black p.link a:visited {
			color: #fff;		
		}
		
#lower_menu_bar p.link a:hover, #lower_menu_bar_black p.link a:hover {
			color: #fff;
		}

#lower_menu_bar #search_box {
		float: right;
		margin-top: 5px;
		margin-right: 15px;
	    width: 200px;
	    height: 25px;
	    background: url(images/search_boxSM.gif) no-repeat;
	}
	
#lower_menu_bar_black #search_box {
		float: right;
		margin-top: 5px;
		margin-right: 15px;
	    width: 200px;
	    height: 25px;
	    background: url(images/search_boxSMbk.gif) no-repeat;
	}


#lower_menu_bar #search_box #s, #lower_menu_bar_black #search_box #s {
	    float: left;
	    margin-left: 12px;
	    padding-top: 3px;
	    border: 0;
	    width: 175px;
	    height: 18px;
	    background: none;
	    color: #aaa;
	}

p.specialPageFlag {
	color: #bf3526;
	padding-bottom: 20px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 125%;	
}

p.specialPageFlag a:link {
	color: #bf3526;
	text-decoration: none;
}

p.specialPageFlag a:visited {
	color: #bf3526;
	text-decoration: none;
}	

p.specialPageFlag a:hover {
	color: #bf3526;
	text-decoration: none;
}	
	
/* AD BAR */

#adbar { 
    width:120px;
    float:left;
    margin:0 5px 0 0;
	text-align: left;
	font-size: 10px;
	margin-right: 20px;
	padding-top: 120px;
}

#adbar p.adMeta {
	font-size: x-small;
	text-align: center;
	padding-bottom: 5px;
	color: #aaa;
}

/* SIDEBAR */

#sidebar {
    width:215px;
    float:right;
    margin:0 5px 0 0;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}

#sidebar form {
	text-align: left; 
	padding-top: 5px;
}

#sidebar h2 {
	font-size:18px;
	margin:0 0 4px 0;
	font-weight:bold;
}


 #sidebar li h2 {
	color: #82a151;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #bbb;
	margin-top: 15px;
	padding-top: 8px;
	}
	
 #sidebar li h2.first {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	}

 #sidebar li h2.inverseSidebarH2 {
	background-color: #82a151;
	color: #fff;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
#sidebar a:link, #sidebar a:visited {
	color: #7b6d64;;
}

#sidebar a:hover {
	color: #7b6d64;;
    text-decoration:underline;
}


/* LISTS */

html>body .the_content ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .the_content li {
	margin: 7px 0 8px 10px;
	}

.the_content ol {
	padding: 0 0 0 15px;
	margin: 0;
	text-indent:-5px;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
#sidebar ul li{
	list-style: none;
}

#sidebar ul.recentList li {
	padding-bottom: 4px;
	text-align: left;
}

#sidebar ul.twitterList li {
	padding-bottom: 8px;
	padding-top: 3px;
	text-align: left;
	border-bottom: 1px dotted #777;
}

.categoryList li {
	list-style: none;
	line-height: 1.5em;
	padding-left: 25px;
}

.categoryList a {
	text-decoration: underline;
}

/* CONTENT */

#content {
    margin:0 0 0 5px;
    width:520px;
    float:left;
}

.related_posts {
	padding-bottom: 25px;
}

	.related_posts h3 {
		color: #82a151;
		padding-bottom: 5px;
	}
	
	.related_posts li{
		padding-left: 15px;
		padding-bottom: 2px;
		list-style: none;
	}

.post {
    margin: 0 0 30px 0;
    clear:both;
}

.post .posttitle {
	margin-bottom: -5px;
}
    
.post h1, .post h2 {
	padding-bottom: 10px;
	font-size: 150%;

}
	
.post h1.posttitle .postdate {
	font-size: 75%;
	vertical-align: bottom;
}
    
    
.post p.post_category {
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align: right;
}
	    
.post p.post_category a:link, .post p.post_category a:visited {
	color: #bf3526;
	font-weight: bold;
    text-decoration:underline;
}

.post p.post_category a:hover {
	color: #bf3526;
    text-decoration:underline;
}

.post p.excerpt_readmore {
	font-size: 10px;
	margin: 0;
	padding-bottom: 15px;
	margin-top: -20px;
	text-align: right;
}

.post p.feature_readmore {
	font-size: 12px;
	margin: 0;
	padding-bottom: 5px;
	text-align: right;
}
	    
.post p.feature_readmore a:link, .post p.feature_readmore a:visited, p.excerpt_readmore a:link, p.excerpt_readmore a:visited {
	color: #000000;
	font-weight: bold;
}

.post p.feature_readmore a:hover, p.excerpt_readmore a:hover {
	color: #000000;
}

.post .wwwww {
	margin-left:35px;
	text-indent:-35px;
}
    
.post .wwwww .w {
	font-weight: bold;
	font-size: 120%;
}
    
.post .postmeta {
    font-size:11px;
    color: #7b6d64;
    text-transform: none;
    margin:0 0 5px 0;
	padding-bottom: 5px;
}

.post .postmeta a:link, .post .postmeta a:visited {
    color: #7b6d64;
    text-decoration:underline;
}

.post .postmeta a:hover {
    color: #7b6d64;
    text-decoration:underline;
}
	
.post .postdate, .post h1 .postdate {
    color: #7b6d64;
	float: right;
}	

.post p {
    margin:0 0 15px 0;
    line-height: 18px;
}
 .post .the_content ul, .post .the_content ol {
        margin-bottom:15px;
    }

.post p.postSiteAdvert {
	font-size: 11px;
	text-align: right;
	padding-top: 20px;
}

.post blockquote {
	background-image: url(http://insidehpc.com/images/site/oq.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-left: 10px;
	margin-right: 25px;
    padding-left: 25px;
	padding-top: 10px;
}

	
.post img {
float:right;
border: none;
margin:0 0 10px 20px;
}

.post .the_content a:link {
	color: #000;
	text-decoration: underline;
}

.post .the_content a:visited {
	color: #000;
	text-decoration: underline;
}

.post .the_content a:hover {
	color: #000;
	text-decoration: underline;
}
	
.post .akst_link, .akst_link a:link, .akst_link a:visited, .akst_link a:hover {
    font-size:11px;
}

.post .featuredStory {
	margin-bottom: 15px;
}

.post .featuredStory p {
	padding-left: 5px;
	padding-right: 5px;
}

.post .featuredStory h2 {
	padding-left: 5px;
	padding-right: 5px;
}

#featuresHeader {
		background-color: #82a151;
		color: #fff;
		font-weight: normal;
		padding-top: 5px;
		padding-bottom: 6px;
		padding-left: 5px;
		padding-right: 5px;
	}
	

.categoryMetadata {
	background-color: #ccc;
	padding: 7px;
	margin-bottom: 20px;
}
	
.categoryMetadata p.categoryName {
	color: #bf3526;
	font-weight: bold;
	font-size: 125%;	
}

.categoryMetadata .categoryDesc{
	color: #777;
    font-style: italic;
}

		
.textAd {
	background-color: #7b6d64;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.textAd p {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	font-weight: normal;
}

.textAd p a:link {
	color: #fff;
	text-decoration: underline;
}

.textAd p a:visited {
	color: #fff;
	text-decoration: underline;
}

.textAd p a:hover {
	color: #fff;
	text-decoration: underline;
}

.textAd p.adMeta {
	text-align: center;
	color: #aaa;
	font-size: xx-small;
	padding-top: 3px;
	margin-bottom: 2px;
}


/* COMMENTS */

#comments {
	padding-top: 20px;
}

#commentlist, #trackbacks {
    list-style:none;
}

    #commentlist li {
        margin:0;
        padding:15px 10px 0 10px;
        border-bottom:1px solid #ddd;

    }

    #commentlist li.odd {
        background-color: #7b6d64;
        border-bottom:1px solid #ddd;
    }
    
	#commentlist h3 {
		color: #7b6d64;
	}
	
    #trackbacks li {
        padding:5px 10px 5px 10px;
    }
	
	#trackbacks h3 {
		color: #7b6d64;
		padding-top: 15px;
	}
	
.post .commenttitle {
        font-size:16px;
        line-height:16px;
        color: #82a151;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited {
            color: #82a151;
        }
    
        .post #commentlist .commenttitle a:hover {
            color: #82a151;
            text-decoration:underline;
        }
        
        textarea {
            width:100%;
        }

.timeNav {
	color: #bf3526
	padding-bottom: 20px;
	font-weight: bold;
}

.timeNav a:link {
	color: #bf3526
}

.timeNav a:visited {
	color: #bf3526
}

.timeNav a:hover {
	color: #bf3526
	text-decoration: none;
}

/* JOB LISTINGS */

div.joblisting p.jobcategory {
	background-color: #CCC; 
	padding: 5px;
	padding-left: 10px; 
	margin-top: -13px;
	margin-bottom: 0px;
	font-size: 120%;
	font-style: bold;
	text-align: left;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
}

div.joblisting table tr td {
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 1.5em;
}

/* FOOTER */
        
#footer {
    clear: both;
    border-top:1px solid #7b6d64;
    margin-bottom: 20px;
}

    #footer p {
        margin:5px 0 30px 5px;
        color: #7b6d64;
        font-size:11px;
    }
    
    #footer a:link, #footer a:visited {
        color: #7b6d64;
        text-decoration: underline;
    }
    
    #footer a:hover {
        color: #7b6d64;
        text-decoration: underline;
    }

/* POLLS */

.wp-polls-ul {
		padding-top: 10px;
	}
.wp-polls-ul li {
	padding-bottom: 10px;
	}
	
	.wp-polls-ul li input {
		margin-right: 5px;
		}
	
.wp-polls {
	margin-bottom: 15px;
	}
	
.wp-polls input {
	margin-bottom: 5px;
	}

}

/* Spiffy Corners */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cccccc}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;
  background:#d8d8d8}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#d5d5d5}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;}
.spiffy4{
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9}
.spiffy5{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
.spiffyfg{
  background:#cccccc}

.breadcrumb a
{
	font-size: x-small;
	color: #777;
	padding-left: 5px;
	text-decoration: underline;
}
.breadcrumb
{
	font-size: x-small;
	padding-bottom: 10px;
	color: #777;
}