﻿/*  
Theme Name: Adaptive Computing Theme
Theme URI: http://www.adaptivecomputing.com
Description: A custom designed theme for Adaptive Computing
Version: 1.0
Tags: Adaptive, 
Author: Strudelhosen
Author URI: http://www.strudelhosen.com
*/

/* RESET basic tags
   ----- */

body, h1, h2, h3, h4, h5, h6, p, form, img, ul, ol, 
table, tbody, thead, tr, td
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Asap', sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #01376B;
	/* vertical-align: baseline;*/
	}
	
	/*Custom backgrounds based on templates*/
	
td {
	padding: 10px;
}


.page-template-pagetemplate-frontpage-php {
		background:#FFF url('img/main-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;

}

.page-template-pagetemplate-cloudpage-php {
		background:#FFF url('img/final-cloud-home-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-gold-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-hpc-basic-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-hpc-enterprise-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-hpc-grid-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-hpcpage-php {
		background:#FFF url('img/hpc-new-main-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-maui-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-moab-cloud-subpage-php {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-opensource-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-subpage-php {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-subpage-general-php {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-subpage-general-no-sidebar-php {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-subpage-no-sidebar-php {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.page-template-pagetemplate-torque-subpage-php {
		background:#FFF url('img/hpc-sub-page-background.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}

.single  {
		background:#FFF url('img/cloud-sub-backgroud.jpg');
		background-repeat:no-repeat;
		background-position:center top;
}




/* LAYOUT
   ------ */
   
#site {
	width: 100%;	
}

#logo {
	position: absolute;
	top: 43px; 
	left: 50px;
}

#wrap {
	width: 1080px; /* The full site width */
	margin: 0px auto;
}

input#s {
	background-image:url('img/search.png');
	background-repeat:no-repeat;
	background-position:center center;
    font-size: 10px;
    height: 23px;
    width: 189px;
    border: 0px;
    padding-bottom: 5px;
}


#header-home {
	width: 100%;
	float: left;
	background-image:url('img/home-header-new.jpg');
	min-height: 131px;
	position: relative;
}

#header-cloud {
	width: 100%;
	float: left;
	background-image: url('img/final-cloud-home-header.jpg');
	min-height: 131px;
	position: relative;
}

#header-cloud-sub {
	width: 100%;
	float: left;
	background-image:url('img/header-cloud-sub.jpg');
	min-height: 131px;
	position: relative;
}


#header-hpc {
	width: 100%;
	float: left;
	background-image:url('img/hpc-new-header.jpg');
	min-height: 131px;
	position: relative;
}

#header-main-hpc {
	width: 100%;
	float: left;
	background-image: url('img/hpc-landing-header-new.jpg');
	min-height: 131px;
	position: relative;
}


#header {
	width: 100%;
	float: left;
	background-image:url('img/header-cloud-sub.jpg');
	min-height: 131px;
	position: relative;
}

#header-general {
	width: 100%;
	float: left;
	background-image:url('img/header-cloud-sub.jpg');
	min-height: 131px;
	position: relative;
}

	h1#logo, div#logo {
		width: 620px;
		float: left;
	}
	div.search {
		width: 189px;
		text-align: right;
		position: absolute;
		bottom: 0px;
		right: 10px;
	}
	
	div#header-blurb { /* The text blurb on the front page header */
		position: absolute;
		width: 260px;
		margin-left: 620px;
		background: url(img/white-50.png);
	}
		div#header-blurb p {
			padding: 20px;
		}

#plate {
	width: 100%;
	float: left;
	background: #fff; /* This is the actual site background */
}

div.top-menu {
	width: 555px;
	position: absolute;
	bottom:5px;
	right: 200px;
}
	div.top-menu ul {}
		div.top-menu ul li {
			float: left;
			list-style: none;
			padding: 5px 0;
			font-size:14px;
			color: #FFF;
		}

#custom-header {
	float: left;
	padding: 20px;
}
	
#breadcrumb {
	/*width: 500px;*/
	padding: 10px 0 10px 50px;
	font-family: 'Asap', sans-serif;
	font-size: 10px;
}

#breadcrumb a {
	color: #01376b;
	text-decoration: none;
}

#sub-page-title {
	position: absolute;
	top: 55px;
	right: 800px;
	font-size: 20px;
	color: #01376b;
	text-align: right;
	font-family: 'Asap', sans-serif;
	font-weight:normal;
}

#social-top {
	position: absolute;
	top: 40px;
	right: 25px;
	height: 25px;
	width: 350px;
	text-align: right;
}
	#social-top a {
		font-family: 'Asap', sans-serif;
		font-size:12px;
		color: #01376b;
		text-decoration:none;
}

#trans-nav {
	position: absolute;
	top: 28px;
	left: 45px;
	width: 235px;
}	
	
#social-bottom {
	position: absolute;
	bottom: 20px;
	left: 360px;
	height: 25px;
	width: 350px;
	text-align: center;
}
	#social-bottom a {
		font-family: 'Asap', sans-serif;
		font-size:12px;
		color: #01376b;
		text-decoration:none;
	}


#blue-bar {
	clear: both;
	background-image:url('img/footer-bar-subpage-new.png');
	background-repeat:repeat-x;
	height: 27px;
}

#blue-bar-hpc {
	clear: both;
	background-image: url('img/hpc-bottom-bar.jpg');
	background-repeat:repeat-x;
	height: 27px;
}


#main-page-image {
	background-image:url('img/home-main-image-NEW.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:329px;
	position:relative;
}

#cloud-page-image {
	background-image:url('img/final-cloud-home-image.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:291px;
	position:relative;
}

#hpc-page-image {
	background-image:url('img/hpc-landing-main-new.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:291px;
	position:relative;
}

#sub-page-image {
	background-image: url('img/sub-page-cloud-main.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:156px;
	min-height:156px;
	position:relative;
}

#hpc-sub-page-image {
	background-image:url('img/hpc-new-main-sub.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:156px;
	min-height:156px;
	position:relative;
}

#general-sub-page-image {
	background-image:url('img/sub-page-cloud-main.jpg');
	background-repeat:no-repeat;
	width:100%;
	height:156px;
	min-height:156px;
	position:relative;
}


#hpc-nav {
	float: left;
	padding: 35px 0 0 30px;	
}

#cloud-nav {
	float: left;
	padding: 35px 25px 0 0px;	
}

#home-wrapper {
position: relative;
	width: 1080px;
	height: 73px;
	background-image:url('img/main-page-blue-bar.png');
	background-repeat: repeat;
	display: table-cell;
	vertical-align:middle;
}

#hpc-home-wrapper {
position: relative;
	width: 1080px;
	height: 108px;
	background-image:url('img/hpc-home-blue-bar.jpg');
	background-repeat: repeat;
	display: table-cell;
	vertical-align:middle;
}

#cloud-home-wrapper {
position: relative;
	width: 1080px;
	height: 108px;
	background-image:url('img/final-cloud-home-blue-bar.jpg');
	background-repeat: repeat;
	display: table-cell;
	vertical-align:middle;
}


#home-page-content {
	width: 1060px;
	padding: 0 10px;
	font-family: 'Asap', sans-serif;	
	font-weight:normal;
	text-align: center;
	color: #FFF;
	font-size:13px;
	line-height: 18px;
	float: left;
}


#home-content {
	width: 1080px; 
	float: left;
}

#left-nav-wrapper {
	width: 280px; /* Active sidebar width is 300 px due to right margin */
	float: left;
	margin: 15px 50px 0 15px;
}


.left-nav-container {
	width: 280px; /* Active sidebar width is 300 px due to right margin */
	float: left;
	background-image:url('img/case-study-gold.png');
	background-repeat: no-repeat;
	margin: 15px 0 55px 15px;
	
}

.left-ns-container {
	width: 280px; 
	float: left;
	background-image: url('img/case-study-purple.png');
	background-repeat: no-repeat;
	margin: 15px 0 0 15px;
	text-align: center;
}

.nav-title {
	font-family: 'Asap', sans-serif;
	margin: 10px 15px 35px 0;
	color: #014f93;
	text-align: right;
	font-weight: normal;
	font-size: 14px;

}

.ns-title {
	font-family: 'Asap', sans-serif;
	margin: 10px 15px 35px 0;
	color: #014f93;
	text-align: right;
	font-weight: normal;
	font-size: 14px;

}

#button-container {
	width: 200px;
	text-align: left;
	font-family: 'Asap', sans-serif;	
	color: #01376b;
	font-size: 13px;
	padding-left: 45px;
}

#content {
	width: 700px; 
	min-height: 200px;
	float: right;
	font-family: 'Asap', sans-serif;	
	margin: 10px 0 0 25px;
}

#wide-content {
	width: 900px; 
	min-height: 200px;
	float: right;
	font-family: 'Asap', sans-serif;	
	margin: 10px 0 0 25px;
}

#content-no-sidebar {
	width: 700px; 
	min-height: 200px;
	float: right;
	font-family: 'Asap', sans-serif;	color: #01376b;
	margin: 10px 0 0 65px;
}

	div.post, div.page, h1#archive-title {
		/*padding-left: 20px;  The left margin */
		margin-bottom: 10px;
	} 
	div.entry-content, div.entry-meta {
		margin-bottom: 10px;
	}
	div.entry-meta {
		padding: 20px;
		background: #f6f5ef;
		border: 1px solid #f3ecd2;
		border-width: 1px 0; /* Only top and bottom */
	}
	
	/* Comments style */
	h3#comments {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #888;
	}
	h3#comments, div.navigation, ol.commentlist, div#respond {
		margin-left: 20px; /* Getting the left column right */
	}
	ol.commentlist {
		margin-bottom: 20px;
	}
		li.comment {
			list-style: none;
			margin-top: 10px;
		}
		li.depth-1 {
			padding-bottom: 10px;
			border-bottom: 1px solid #888; /* Bottom border on top level comments */
		}
			div.comment-author {}
				div.comment-author img.avatar {
					float:left;
					margin-right: 10px;
				}
			div.comment-meta, div.comment-body p {
				margin-bottom: 10px; /* Adding some space */
			}
			ul.children {
				margin-left: 20px; /* Left margin for replies in threaded comments */
			}
			div.reply { /* Reply link in threaded comments */
				padding-top: 5px;
				text-align: right;
				border-top: 1px solid #bfbfbf;
			}
	div#respond {} /* The reply to comments box */
		form#commentform {
			margin-top: 10px;
			padding: 20px 20px 10px 20px; /* We only need 10px bottom */
			background: #f6f5ef;
		}
			form#commentform p {
				margin-bottom: 10px;
			}
			form#commentform input {
				margin-right: 10px;
				padding: 3px; /* Some space in the input fields */
				width: 200px;
			}
			textarea#comment {
				width: 540px;
				padding: 10px;
			}

#sidebar-container {
	width: 280px; /* Active sidebar width is 300 px due to right margin */
	float: left;
	background-image:url('img/case-study-280px.png');
	background-repeat: no-repeat;
	margin: 15px 0 0 15px;;
}
	ul#sidebar {
		padding: 5px 20px 10px 30px; 
	}
		ul#sidebar li {
			list-style: none;
		}
		li.widget {
			margin-bottom: 20px;
		}
		li#postmeta {}
			li#postmeta h2 {
				margin-bottom: 4px;
			}
			li.pagenav {
				background: #f6f5ef;
				padding: 10px;
				margin-bottom: 20px;
				font-weight: bold;
			}
				li.pagenav ul {
					margin-top: 5px;
				}
					li.pagenav ul li.page_item {
						margin-top: 5px;
						border-width: 0 0 1px 0;
					}
					li.pagenav ul li.current_page_item {}
		li.latest-box {
			padding: 20px;
			background: #f6f5ef;
		}
			li.latest-box-story {
				margin-top: 10px;
			}
					
#footer {
	width: 100%;
	float: left;
	padding: 20px 0 0 0;
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	position: relative;

}
	div.bottom-menu {
		float: right;
		padding: 10px 20px;
		text-align: right;
	}
		div.bottom-menu ul {
			width: 335px; 
			float: left;
			padding: 10px 0;
		}
			div.bottom-menu ul li {
				float: left;
				padding: 0 5px;
				list-style: none;
				border-right: 1px #585858 solid;
			}
			
			div.bottom-menu ul li:last-child {
				border-right: none;
			}
			
		div.bottom-menu a {
		color: #585858;
		font-family: 'Asap', sans-serif;
		font-size: 11px;
		}		

	div.footer-left-column {
		width: 312px; 
		min-height: 255px;
		float: left;
		background-image:url('img/technology-background.png');
		background-repeat:no-repeat;
		padding: 15px 0 0 0;
		margin-right: 20px;
		margin-left: 50px;
	}	
	
		div.footer-left-column a {
			font-weight: bold;
			color: #014f93;
			text-decoration:none;
			font-size: 12px;
		}
	
		div.footer-left-column ul {
			padding-right: 20px;
		}
			div.footer-left-column ul li {
				list-style: none;
			}
			
	div.footer-center {
		width: 272px;
		min-height: 255px; 
		float: left;
		background-image:url('img/case-study.png');
		background-repeat:no-repeat;
		padding: 15px 20px 0 20px;
		margin-right: 20px;
		
	}
	
		div.footer-center a {
			color: #014f93;
			text-decoration:none;
			font-size:12px;
		}
	
		div.footer-center ul {
			padding-right: 20px;
			line-height: 250%;
		}
			div.footer-center ul li {
				list-style: none;
			}

	
	div.footer-right-column {
		width: 272px; 
		min-height: 255px;
		float: right;
		background-image:url('img/news-background.png');
		background-repeat:no-repeat;
		padding: 15px 20px 0 20px;
		margin-right: 50px;
	}
	
		div.footer-right-column a {
			color: #014f93;
			text-decoration:none;
			font-size: 12px;
		}
	
		div.footer-right-column ul {
			padding-right: 20px;
			

		}
			div.footer-right-column ul li {
				list-style: none;
				padding-bottom: 20px;
			}

	#footer-bottom {
		width: 350px;
		float:left;
		clear: both;
	}
		#footer-bottom p {
			padding: 20px 20px 0 20px;
			color: #585858;
			font-size: 11px;
		}
		
#map-image {
	width: 10;
	position: relative;
	text-align:center;
}

#map-target {
	width: 660px;
	padding: 20px 20px 10px 20px;
	position: absolute;
	top: 0;
	left: 0;
}


/* LINKS
   ----- */

#logo a {
	color: #000;
	text-decoration: none;
}

div.top-menu ul li.menu-item a {
	/* padding: 15px 20px;*/
	color: #FFF;
	text-decoration: none;
	/* font-weight: bold;*/
}
	div.top-menu ul li.menu-item a:hover {
		color: #000;
	}

div.entry a, h2.entry-title a {
	color: #01376b;
	text-decoration: none;
}
	div.entry a:hover, h2.entry-title a:hover {
		color: #000;
		text-decoration: underline;
	}

div.entry-meta a, ul#sidebar a, li.comment a {
	color: #01376b;
	text-decoration: none;
	font-weight:normal;
	font-size: 12px;
	line-height: 20px;
}
	div.entry-meta a:hover, ul#sidebar a:hover, div#footer a:hover, li.comment a:hover {
		color: #000;
		text-decoration: none;
	}

span.meta-category a {
	color: #887b4c !important;
	text-transform: uppercase;
	font-weight: bold;
}


/* TYPOGRAPHY
   ---------- */

#header, #header-home, #header-cloud, header-hpc, div.top-menu, div.bottom-menu, #sidebar,
div.comment-author, div.comment-meta, div.reply, 
h1, h2, h3, h4, h5, h6 {
font-family: 'Asap', sans-serif;
font-weight:normal;
}

h1#logo, div#logo, div.entry p, #footer-bottom,
input, textarea, div#header-blurb p {
font-family: 'Asap', sans-serif;
}

div.entry ul {
	color: #585858;
	font-family: 'Asap', sans-serif;	
	font-size: 13px;
	line-height: 15px;
	margin: 0px 15px 16px 15px;
	padding-left: 20px;
}

div.entry ol {
	color: #585858;
	font-family: 'Asap', sans-serif;	
	font-size: 13px;
	margin: 0px 15px 16px 15px;
	padding-left: 20px;
}


h1#logo, div#logo {
	font-weight: normal;
	font-size: 48px;
	font-variant: small-caps;
}

div#header-blurb p {
	font-style: italic;
	line-height: 24px;
}

div.entry p {
	font-size: 13px;
	color: #585858;
	line-height: 18px;
	margin-bottom: 16px;
}

div.comment-body p, div.entry-meta, li.menu-item, h2.widgettitle,
li.latest-box-story h4, input, textarea {
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	color: #014F93;
	font-weight: normal;
	line-height: 14px;
	list-style:none;
	padding: 5px 0 10px 30px;
}


li.menu-item a {
	line-height: 14px;
	text-decoration:none;
}


div.search, ul#sidebar li, div.reply, 
div.comment-author, div.comment-meta {
	font-size: 10px;
}

li.widget {
	color: #666;
}

li.widget p {
    margin: 10px 8px 8px 5px;
    line-height: 20px;
    font-family: 'Asap', sans-serif;
    font-size: 12px;
}

h1.entry-title, h1#archive-title {
	font-size: 24px;
	line-height: 36px;
	color: #01376b;

}
	h1.entry-title {
		margin-bottom: 24px;
	}
	h1#archive-title {
		margin-bottom: 36px;
	}
		h1#archive-title span {
			font-weight: normal;
			color: #666;
		}

h2.entry-title {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 6px;
}

div.entry h2 {
	margin: 0  0 5px 0;
	font-size: 15px;
	color: #014f93;

}

div.entry h3 {
	margin: 12px 0 12px 0;
	font-size: 13px;
	color: #014f93;

}


h2.widgettitle, li.pagenav {
	margin: 5px 15px 15px 0;
	color: #014f93;
	text-align: right;
	font-weight: normal;
}

li.latest-box h3 {
	text-transform: uppercase;
	color: #887b4c;
}

li.latest-box-story p {
	margin: 4px 0 0 0;
	color: #666;
	line-height: 12px;
}

li.pagenav ul { /* Fix for Pages lacking proper h2 */
	text-transform: none;
	margin-bottom: 0;
	font-weight: normal;
}

span.meta-category {
	color: #666;
}

div.comment-author, div.comment-meta {
	line-height: 16px;
}

li.widget-area-empty {
	color: red;
}

input {
	background:none;
	padding-left: 10px;
}


/* WORDPRESS STYLES
   ---------------- */

img.alignleft {
	float:left;
	margin: 0 15px 0 0;
}

img.alignright {
	float:right;
	margin: 0 0 15px 15px;
}

.wp-caption {
	padding: 10px 7px; 
	border: 1px solid #bfbfbf;
	font-size: 12px;
	color: #888;
	font-style: italic;
	text-align:center;
}

p.wp-caption-text {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 14px;
}

div.gallery {
	margin-bottom: 14px;
}
	dl.gallery-item {}
		dt.gallery-icon {}
			img.attachment-thumbnail {
				border:0;
			}
		dd.gallery-caption {
			margin-top: 8px;
			font-size: 12px;
			color: #888;
			font-style: italic;
		}
		
.use-case-head {
	color: #FFF;
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform:none;
}


#new-map-image {
	width: 700px;
	position: relative;
}

#new-map-target {
	width: 470px;
	padding: 0 20px 10px 20px;
	position: absolute;
	top: 388px;
	left: 195px;
	border: 10px;
	font-size: 11px;
}
