/*
File:			custom.css
Description:	Custom styles for Thesis
*/






/* Fonts */

.custom H1,
.custom H2,
.custom H3,
.custom H4,
.custom H5,
.custom H6 {
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	color: #000000;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: normal;
}

.tabcontent H1,
.tabcontent H2,
.tabcontent H3,
.tabcontent H4,
.tabcontent H5,
.tabcontent H6 {
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	color: #ffffff;
	font-weight: normal;
}


body.custom {
	font-family: FuturiLight, Futura Medium, Futura, Verdana, Arial, sans-serif;
	line-height: 1.5em;
}

body.custom p {
	line-height: 1.5em;
	margin-bottom: 2em;
	margin-top: 0;
	padding-top: 0;
}





/* Page styling */

body.custom {
	background: #454D5A url(/images/imm_background.png) top center no-repeat;
}

.custom #container {
	width: 940px;
}

.custom #page {
	width: 940px;
}



.custom a,
.custom a:link,
.custom a:hover {
	color: #72A2AD;
	text-decoration: none;
}

.custom a:active {
	color: #A2D2DD;
	text-decoration: none;
}




/* Header */

#header {
	border: 0;
	padding: 10px 20px 10px 20px;
	margin: 0;
	height: 150px;
	
	position: relative;
}



/* Navigation */

.custom ul#tabs {
	list-style: none;
	text-align: center;
	width: 210px;
	height: 20px;
	border: 0;
	
	position: absolute;
	top: 25px;
	left: 458px;
}

.custom ul#tabs li,
.custom ul#tabs li.current_page_item,
.custom ul#tabs li.current-cat,
.custom ul#tabs li.rss {
	margin: 0;
	padding: 0 .25em 0 .25em;
	background: none;
	border: 0;
	float: none;
	display: inline;
	font-size: 13px;
}


.custom ul#tabs li a,
.custom ul#tabs li.rss a,
.custom ul#tabs li a:active,
.custom ul#tabs li.rss a:active,
.custom ul#tabs li a:link,
.custom ul#tabs li.rss a:link {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: #cccccc;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: normal;
}

.custom ul#tabs li a:hover,
.custom ul#tabs li.rss a:hover {
	color: #ffffff;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: normal;
}




/* Header boxes & related nav links */

.headerbox {
	font-size: 12px;
	display: block;
	width: 150px;
	line-height: 1.5em;
}

.headerbox ul {
	list-style: none;
}

#headbox1 {
	position: absolute;
	top: 35px;
	left: 60px;
}

#headbox2 {
	position: absolute;
	top: 35px;
	left: 260px;
}



#header a,
#header a:link,
#header a:active {
	color: #cccccc;
}

#header a:hover {
	color: #ffffff;
}










/* Content */

.custom #content_box {
	background: transparent url(/images/imm_main_white_sides.png) top center repeat-y;
	margin: 0;
	padding: 0;
	border: 0;
}




.custom #content {
	background: transparent url(/images/imm_main_white_bottom.png) bottom center no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	
	color: #000000;
}

.contentframe {
	background: transparent url(/images/imm_main_white_top.png) top center no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	
	color: #000000;
}

.custom .titlemore {
	font-size: 14px;
}








/* Columns and things */

.halfcolumn {
	width: 430px;
	float: left;
}

.slider-wrap .halfcolumn {
	width: 418px;
}

.columnleftcontent {
	padding-right: 15px;
	border-right: 1px dotted #333;
}

.columnrightcontent {
	padding-left: 15px;
}

.custom .halfcolumn h2 {
	text-align: center;
	font-size: 20px;
	margin: 0;
	padding: 0 0 30px 0;
}




.thirdcolumn {
	margin: 0;
	padding: 0;
	width: 355px;
	float: left;
}

.thirdcolumnfirst {
	width: 145px;
	float: left;
}

.columnonecontent {
	padding-right: 15px;
	text-align: center;
}

.columntwocontent {
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
}

.columnthreecontent {
	padding-left: 15px;
	text-align: justify;
}



.spotlightframe {
	width: 580px;
}


.spotlight .thirdcolumn {
	margin: 0;
	padding: 0;
	width: 215px;
	float: left;
}

.spotlight .thirdcolumnfirst {
	width: 145px;
	float: left;
}

.spotlight .columnonecontent {
	padding: 0;
	margin: 0;
	padding-right: 15px;
	text-align: center;
}

.spotlight .columntwocontent {
	padding: 0;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
}

.spotlight .columnthreecontent {
	padding: 0;
	margin: 0;
	padding-left: 15px;
	text-align: justify;
}





/* Featured item / Tabs */


.contentpad {
	padding: 0.5em 30px 1em 30px;
margin: 0;
}

.custom .format_text {
	padding: 0;
	margin: 0;
	padding-bottom: 3em;
}







.featureditem .tabpad {
	padding: 1em 30px 3em 30px;
}

.featureditem .contentpad {
	padding: 0;
margin: 0;
}


.featureditem .format_text {
	padding: 0;
margin: 0;
}


.featureditem .headline_area {
	padding-left: 30px;
	padding-right: 30px;
}

.featureditem .feature {
	margin: 0;
	padding: 0 10px 1em 30px;
}

.featureditem .spotlight {
	width: 540px;
}


/*  Recent Updates in Spotlight */


#spotlight1 {
	margin: 0;
	padding: 0;
	float: right;
	
	border-left: 1px dotted #cccccc;
	
	width: 270px;
}

#spotlight1 H2 {
	padding: 0 0 0 20px;
}

#spotlight1 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 20px;
	
	font-size: 12px;
}


.pmc-link {
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	display: block;
	padding-top: .5em;
}

.pmc-date {
	font-size: 10px;
	color: #666666;
}

.pmc-excerpt {
	font-size: 11px;
	line-height: 1.4em;
}





/* Tabs */





.tabsection {
	background: transparent url(/images/imm_main_black_sides.png) top center repeat-y;
	
	border: 0;
	margin: 0;
	padding: 0;
	
	color: #ffffff;
	clear: both;

width: 100%;
}

.tabcontent {
	background: transparent url(/images/imm_main_black_bottom.png) bottom center no-repeat;
	
	border: 0;
	margin: 0;
	padding: 0 0 3em 0;

width: 100%;
}


.custom .slider-wrap h3 {
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
}


















.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw { width: 900px; margin: 0 auto; height: 500px; background: #fff; overflow: scroll }
.csw .loading { margin: 200px 0 300px 0; text-align: center }

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0;
	margin: auto;
	width: 860px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 500px;
	clear: both;
	background: transparent;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 860px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 1.5em 1em 1em 1em;
}












.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: 0;
	padding: 0;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	margin: 0 auto;
	padding: 8px 0 7px 0;
	
	border-top: 1px solid #ddd;
	background-color: #eee;
	width: 900px;
	
	font-size: 11px;
	font-weight: normal;
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	text-align: center;
}

.stripNav ul li {
	display: inline;
}





.stripNav a,
.stripNav a:link,
.stripNav a:active,
.stripNav a:visited { /* The nav links */
	background-color: #94C3CD;
	padding: 6px 1.5em;
	margin-right: 1em;
	
	color: #000;
}

.stripNav a:hover {
	color: #222;
}



.stripNav li a:hover {
	background: #333;
}





.stripNav a.current,
.stripNav a.current:link,
.stripNav a.current:active,
.stripNav a.current:visited { /* The nav links */
	background-color: #121418;
	padding: 6px 1.5em 10px 1.5em;
	margin-right: 1em;
	
	color: #ccc;
}

.stripNav a.current:hover {
	color: #fff;
}





/*\*/
 * html .stripNav li a {
     padding: 0;
 }
 /**/







.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 250px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	display: none;
	left: -20px;
	background: url("/images/tabs_leftarrow.png") no-repeat center;
}

.stripNavR {
	display: none;
	right: -20px;
	background: url("/images/tabs_rightarrow.png") no-repeat center;
}


























.clear {
	clear: both;
	visibility: hidden;
}










/* News Page */

#archive_info {
	display: none;
}

.custom .post_box .published {
	text-transform: none;
	font-size: 11px;
}

.custom .teasers_box .published {
	text-transform: none;
	font-size: 9px;
}

.custom .teasers_box H2 {
	font-size: 12px;
}

.custom .post_box .format_text {
	margin-top: 0.25em;
}

.custom .post_box .headline_area {
	margin-bottom: 0;
}

.custom .teasers_box .format_teaser {
	margin-top: 0.25em;
	margin-bottom: 0;
}


.custom .teasers_box {
	width: 860px;
}

.custom .teaser {
	width: 420px;
}

.custom .headline_meta {
	margin: 0;
	padding: 0;
}

.custom .headline_meta span {
	text-transform: none;
	font-size: 11px;
}

.custom .headline_meta a {
	border: 0;
}




/* Product pages */

.custom .productbox {
	clear: both;
}

.custom .productbox .productside {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 130px;
	padding-bottom: 50px;
}

.custom .productbox .productmain {
	float: left;
	width: 280px;
	padding-bottom: 50px;
}

.slider-wrap .productbox .productmain {
	width: 268px;
}


.custom .productbox .productmain h3 {
	font-size: 18px;
	margin: 0;
	padding: 0px 0 0 10px;
	text-align: left;
}

.custom .productbox .productmain h3 a,
.custom .productbox .productmain h3 a:link,
.custom .productbox .productmain h3 a:visited,
.custom .productbox .productmain h3 a:hover,
.custom .productbox .productmain h3 a:active {
	color: #fff;
}

.custom .productbox .productmain p {
	padding: 0 0 0 10px;
}

.custom .productbox .icon {
	margin: 0;
	padding: 0;
	width: 128px;
	height: 128px;
}

.custom .productbox .version {
	font-size: 16px;
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.custom .productbox .release {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.custom .productbox .license {
	font-size: 12px;
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	margin: 0.2em 0 0 0;
	padding: 0;
}

.custom .productbox .download {
	font-size: 12px;
	font-family: Futura Medium, Futura, FuturiLight, Verdana, Arial, sans-serif;
	margin: 0.2em 0 0 0;
	padding: 0;
}







/* Posts */

.headline_area img {
	float: left;
	margin: 0em 1em 0.5em 0;
}


.custom .format_text {
	clear: both;
}


.featureditem .format_text {
	clear: none;
}


.custom .format_text p {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}









/* Portfolio */

.portfolio {
	text-align: center;
}






/* Misc */
.downloadsframe {
	margin: 0 auto;
}













/* Sidebars - we don't use them */
.custom #sidebars {
	display: none;
}






/* Footer */


.custom #footer {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.custom #footer p {
	padding: 0 20px 20px 20px;
	font-size: 11px;
	text-align: center;
	color: #cccccc;
}

#footer a,
#footer a:link,
#footer a:active {
	color: #000000;
	text-decoration: none;
	border: 0;
}

#footer a:hover {
	color: #222222;
	text-decoration: none;
	border: 0;
}