/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 160px;
	height: 100px;
	background: url(../custom/images/star_scientific_logo.gif) 0 0 no-repeat;
}
.style-blue #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_blue.png); }
.style-green #logo a.logo-icon { background-image: url(../custom/images/star_scientific_logo.gif); }
.style-orange #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_orange.png); }
.style-pink #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_pink.png); }
.style-turquoise #logo a.logo-icon { background-image: url(../../../images/yootheme/logo_turquoise.png); }

/* rss + twitter toolbar icons */
#toolbar a.rss,
#toolbar a.twitter {
	display: inline-block;
	margin-top: 7px;
}

/* demo content: spotlight teaser */
#headerbar .spotlight .teaser {
	height: 300px;
	background: url(../../../images/yootheme/home_header_spotlight_blog.jpg) 0 0 no-repeat;
}

.background-desert #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_desert.jpg) }
.background-grass #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_grass.jpg) }
.background-stadium #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_stadium.jpg) }
.background-worldmapblue #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapblue.jpg) }
.background-worldmapwhite #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_worldmapwhite.jpg) }
.background-street #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_street.jpg) }
.background-fabricdark #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_fabricdark.jpg) }
.background-squares #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_squares.jpg) }
.background-concert #headerbar .spotlight .teaser { background-image: url(../../../images/yootheme/home_header_spotlight_concert.jpg) }


/* demo content: icons page */
.iconbox {
	padding: 19px;
	border: 1px solid #E5E5E5;
	background: #FAFBFB;
	overflow: hidden; 
}

/* demo content: social bookmarks */
#socialbookmarks a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../../../images/yootheme/socialbookmarks.png) 0 0 no-repeat;
}

#socialbookmarks a.twitter:hover { background-position: 0 -30px; }
#socialbookmarks a.facebook { background-position: 0 -60px; }
#socialbookmarks a.facebook:hover { background-position: 0 -90px; }
#socialbookmarks a.flickr { background-position: 0 -120px; }
#socialbookmarks a.flickr:hover { background-position: 0 -150px; }
#socialbookmarks a.linkedin { background-position: 0 -180px; }
#socialbookmarks a.linkedin:hover { background-position: 0 -210px; }
#socialbookmarks a.myspace { background-position: 0 -240px; }
#socialbookmarks a.myspace:hover { background-position: 0 -270px; }


/* 
Respect wordpress image alignment - MikeD 
See here: http://forum.yootheme.com/viewtopic.php?f=232&t=32789&start=0
*/
.alignleft,img.alignleft {
   display: inline;
   float: left;
   margin-right: 24px;
   margin-top: 4px;
}
.alignright, img.alignright {
   display: inline;
   float: right;
   margin-left: 24px;
   margin-top: 4px;
}


/**
 * Custom Bits - MikeD
 */

/* Menus have been modified in a new copy of menu.css */
/* Green Style has modified in a new copy of green.css */


/* layout.css ---------------------------------------------------------- */
div.wrapper-1, div.wrapper-2 {
    background: transparent; /* remove shadow on entire centre area */
}
body {
    color: #333333;
    font-family: Verdana;
    font-size: 11px;
    line-height: 17px;
}
body.yoopage {
    background: url("../custom/images/page_bg.jpg") repeat-x scroll 50% 0 #E3F2Eb;
}
#header {
	/*background: url(/images/layout/header_backtile.gif) repeat-x left;*/
	background: url("../custom/images/header_bg.jpg") repeat-x scroll 50% 0 #ffffff;
	min-height: 125px;
}
#headerbar {
    overflow: hidden;
    padding: 0;
    padding-top: 102px;
}
#toolbar {
    /*background: url("../images/toolbar_bg.png") repeat-x scroll 0 0 #222224;*/
    background: transparent;
    /*background: url("../custom/images/page_bg.jpg") repeat-x scroll 50% 0 #E3F2Eb;*/
    color: #666666;
    font-size: 14px;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 0 0 200px;
    text-shadow: none;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 1000;
}
div.menubar {
    background: url("../custom/images/nav_back_tile.gif") bottom right no-repeat transparent;
	/*background: transparent !important;*/
    height: 40px;
    padding: 0 0 0 155px;
    position: absolute;
	left: 10px;
    right: -20px;
    top: 5px;
	font: bold 13px Helvetica;
	text-transform: none;
}
div.menushadow {
    /*background: url("../images/menubar_shadow.png") repeat-x scroll 0 0 transparent;*/
	background: transparent;
    height: 0 /*3px*/;
    left: 0;
    position: absolute;
    right: 0;
    top: 100px;
}
div.wrapper-3 {
    background: none repeat scroll 0 0 #ffffff;
	position: relative; /*required for absolute positions below - MikeD */
}
/* added styles - hack for left, centre and right border - MikeD */
div.wrapper-3-left {position: absolute; top: 126px; bottom: 0px; left: 0px; width: 5px; background:transparent; border-left: solid 1px #cecece; z-index: 10;}
div.wrapper-3-centre {position: absolute; top: 326px; bottom: 0px; left: 660px; width: 10px; background: url("../custom/images/sidetile.gif") top right repeat-y transparent; z-index: 10;}
div.wrapper-3-right {position: absolute; top: 126px; bottom: 0px; left: 955px; width: 5px; background:transparent; border-right: solid 1px #cecece; z-index: 10;}

#mainmiddle {
	background: url("../custom/images/content_backtile_full.gif") -6px 0 no-repeat transparent;
}
#component {
	/*background: url("../custom/images/content_backtile.gif") top left repeat-x transparent;*/
    padding: 58px 40px 20px 30px !important;
    margin-right: 10px;
}
#contentright {
	 background: url("../custom/images/content_backtile.gif") top left repeat-x transparent;
	 padding-top: 35px;
	 border-right: solid 0px #cecece;
	 margin-left: -290px !important;
     width: 290px !important;
}
/* turn off left border */
#right div.right-1, #contentright div.contentright-1 {
    border-left: 0px solid #cecece;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* change footer */
#footer {
    background: transparent;
    clear: both;
    color: #5A5C5E;
    font-size: 10px;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    text-shadow: none;
    height: 125px;
    width: 960px;
}


/* module.css -------------------------------------------- */
.module h3.header {
    color: #A7A7AC;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

/* system.css --------------------------------------------- */
#system .title {
	color: #333; 
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 34px;
    margin-bottom: 20px;
    text-transform: none !important;
}

/* typoraphy.css ------------------------------------------ */
#page h1 a {
    color: #333333;
    text-decoration: none;
}



/* Custom Bits - MikeD ------------------------------------------- */
#homepage-wrapper {
	width: 100%;
	height: 285px;
	margin: 0;
	padding: 0;
	background: url("../custom/images/home_info_bg.gif") top center repeat-x transparent;
}
#homepage {
	background: transparent;
    clear: both;
    color: #5A5C5E;
    font-size: 10px;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    text-shadow: none;
    height: 285px;
    width: 960px;
}

/* The footer has been moved in template so can appear as full width */
/* added to template.php - MikeD */
#footer-wrapper-homepage { /* diff background image */
	width: 100%;
	height: 125px;
	margin: 0;
	padding: 0;
	background: url("../custom/images/home_footer_bg.gif") top center repeat-x transparent;
}
#footer-wrapper {
	width: 100%;
	height: 125px;
	margin: 0;
	padding: 0;
	background: url("../custom/images/footer_bg.gif") top center repeat-x transparent;
}
/* added by MikeD */
#footer a {
    color: #5A5C5E;
    text-decoration: none;
}
#footer a:hover {
    color: #5A5C5E;
    text-decoration: underline;
}
/* hide footer anchor for now */
#footer a.anchor {
    display: none;
}


/* Custom Home Page */
img.image-frame {
    border: 1px solid #CECECE;
    padding: 4px;
}
h3.home-widget {
    border-bottom: 1px solid #A9A9A9;
    color: #333333;
    font: 17px Arial;
	padding: 0;
	margin: 26px 0 26px 0;
}
p.home-widget {
    color: #404040;
    font: 11px/19px Verdana;
}

/* Extra padding for benefits page li */
#benefits-mcf li {
	padding-bottom: 7px;	
}

/* custom widgets in sidebar */
div.custom-widget{
	margin: 14px 0px;
}
div.custom-widget div.custom-widget-body{	
	color:#666666;	
	text-align:right;
	padding:0;
}
div.custom-widget-separator {
	height:1px;
	border-top:1px solid #cecece;
}
div.custom-widget div.custom-widget-container{
	border:1px solid #cecece;
	padding:3px;
	margin-bottom:8px;
	/*margin-left:10px;*/
	width:242px;	
	height:132px;
}
div.custom-widget-container img{ 
	border:none;
	margin:0px;
	padding:0px;
	display:inline;
	width: 242px;
	height:132px;
	
}
div.custom-widget-title {
	font:bold 14px arial;
	color:##007DBE;
	text-align:right;
	margin-top:8px;
	margin-bottom:2px;
}
div.custom-widget-desc {
	font:normal 11px arial;
}
div.custom-widget-gallery-spacer{
	height:23px;
}

/* special page headings */
h3.section-heading {
    border-bottom: 1px solid #CECECE;
    color: #333333;
    font: 15px verdana;
    margin-bottom: 15px;
    padding-bottom: 2px;
}

/*-------------------------Contact page---------------------------------*/
a.ss_link{
	font:normal 11px Verdana;
	color:#007dbe;;	
	text-decoration:none;
}

a.ss_link:hover{
	text-decoration:underline;
}
/*-------------------------Contact page ends here-----------------------*/

/*-------------------------Contact form starts here-----------------------*/

form.cmxform td{
	vertical-align:top;
	padding:0px 30px 15px 0px;
	width:230px;
}

form.cmxform input{
	width:220px;
	font:normal 11px verdana;
	height:18px;
	border:1px solid #cecece;
}

form.cmxform textarea{
	width:220px;
	font:normal 11px verdana;
	height:130px;
	overflow: auto;
	border:1px solid #cecece;
}	

form.cmxform .submit{
	height:25px;
	width:80px;
}

form.cmxform label.error{
	color:#007DBE;
	font-style:italic;
	width:250px;
}

/*-------------------------Contact form ends here-----------------------*/