/*
Theme Name: Cancer Insights @ ASU
Theme URI: http://cancer-insights.asu.edu/
Description: Custom theme for the Center for Convergence of Physical Sciences and Cancer Biology
Author: Jordan Yaron
Author URI: http://www.jordanyaron.com/
Version: 0.1
Tags: three-column, widget-ready
*/

/* ASU SPECIFIC THINGS */
#asu_hdr { /* ID name kept to preserve legacy sites */
   width: 1000px;
   min-height: 97px;
   margin: 0 auto;
   padding: 0 0 0 0;
   border-bottom: 3px solid #fdb928;
   background: #860025 url(http://www.asu.edu/asuthemes/2.0/images/asu_maroonhdr_bg.jpg) left top repeat-x;
   }
#asu_logo {
   margin: 0; padding: 2.5em 0 0 28px;
   display: block;
   float: left;
   }
   
#asu_logo a {
   color: #fff;
   }
#asu_universal_nav {
   margin: 0 0 28px 0; padding: 6px 28px 0;
   float: right;
   }

#asu_universal_nav li {
   font: bold 1em/1em Tahoma, Arial, sans-serif; color: #ccc;
   display: inline; list-style-type: none;
   margin: 0; padding: 0;
   float: left;
   text-align: right;
   }

#asu_universal_nav li a {
   padding: 0 .55em;
   }
   
#asu_universal_nav li a:link, #asu_universal_nav li a:visited {
   color: #ccc; text-decoration: none;
   }
   
#asu_universal_nav li a:hover, #asu_universal_nav li a:active {
   color: #fff; text-decoration: underline;
   }
   
   

#asu_footer {
   height: 2em;
   margin: 0 auto;
   padding: 0px 0px 0px 0px;
   text-align: right;
   width: 1000px;
   background: #000;
   color: #fff;
   }

#asu_footer ul {
	margin: 0px;
	padding: 0px 15px 0px 0px;
   }
   
#asu_footer li {
   border:none;
   display: inline; list-style-type: none;
   font: normal .95em/2em Tahoma, Arial, sans-serif; color: #fff;
   margin: 0; padding: 0;
   }
   
#asu_footer li a {
   color: #fff; text-decoration: none;
   padding: 0 .66em;
   }
   
#asu_footer li a:hover {
   color: #ffb310; text-decoration: underline;
   }
   
#asu_footer_contact_info {
   clear: both;
   text-align: right;
   margin: 0 auto; padding: 0px;
   width: 1000px;
   font: normal .95em/1.2em Tahoma, Arial, sans-serif; color: #666;
   background-color: #fff;
   display: block;
   }
#asu_footer_contact_info p {
	padding: 10px 20px;
}

/* basics */

*{margin:0; padding:0;}

body {
	background:#000;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin:0px;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#990033;
	text-decoration:none;
	}

a:hover{
	color: #FFB310;
	text-decoration: underline;
	}



/* container */


#container {
	width:1000px;
	margin: 0 auto;
	padding:0;
	background:#fff;
	color:#4F5557;
	overflow: hidden;
	}
	
/* header */

#header {
	background: url("images/header.jpg") no-repeat transparent;
  	width:100%; 
  	height:111px;
	color: #fff; 
	}

#header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}


/* main menu */


#menu {
	background:#000;
	font-family: verdana, arial, times, serif;
	font-size: 9pt;
	width:100%; 
	overflow:hidden;
}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:10px 10px;
	margin: 0;
	color: #fff;
	display:block;
}

#menu ul li a:hover {
	background: #4F5557;
	color:#fff;
}

/* breadcrumb */


#breadcrumb {
	background:#eee;
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width:100%; 
	overflow:hidden;
	color: #aaa;
	padding: 4px 10px;
}

#breadcrumb a {
	color: #aaa;
}

#breadcrumb a:hover {
	color: #333;
}




/* content */


#content {
	float: left;
	width:590px;
	overflow: hidden;
	margin:14px;
	position:relative;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
	
.post h2{
	font:normal 15pt verdana, arial, tahoma, sans-serif;;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {
	list-style-type: disc;
	margin: 20px;
	padding: 10px;
	}

.post li {}

.entry p{margin:12px 0;}

.entry ul {
	list-style-type: disc;
	margin: 20px;
	padding: 10px;
}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
	

.textwidget {
	margin: 0 0 20px 0;
}

/* left sidebar */

#left {
	width:190px;
	float:left;
	margin:0;
	padding:0;
	border-right: 1px solid #ddd;
	}

#left h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#left label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#left p {margin:0; padding: 0;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin:12px;
	padding:0;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#left ul ul {
	margin:14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* right sidebar */

#right{
	width:190px;
	float:right;
	margin:0;
	padding: 0;
	border-left: 1px solid #ddd;
	}

#right h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0 0 14px 0;
	padding: 0;
}

#right label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#right p {margin:0; padding:0;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	}

#right ul li {
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin:14px 0;
	padding: 0;
}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: none;
	color: #898989;
}
#right ul li a{
	display:block;
	padding:4px;
	text-indent:10px;
	background: url(/wp-content/themes/cancerinsights/images/Bullet.png) no-repeat 3px 6px;
}
#right ul li a:hover{
	background:#efefef url(/wp-content/themes/cancerinsights/images/Bullet.png) no-repeat 3px 6px;
	text-decoration:none;
	color:#333;
}

/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding: 5px;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

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

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
	padding:0;
	margin:14px 0 25px 0;
	}

#searchform input#s{
	margin:0;
	border:1px solid #333;
	padding:2px;
	width: 160px;
	}




/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* events calendar */

.event, .kjo-link {
	font-size: 8pt !important;
}


/* footer */

#footer {
	background:#000;
	clear: both;
	width: 100%;
	}
/* for the people pages */
ul.psocpeople  { list-style:none }
ul.psocpeople li { display:block;padding:6px;margin:5px;background:#efefef;min-height:250px; }
ul.psocpeople li img {margin-top:10px;}
ul.psocpeople li p span.name { font-weight:bold;}

ul.psocpeople2  { list-style:none }
ul.psocpeople2 li { display:block;padding:6px;margin:5px;background:#efefef; }
ul.psocpeople2 li img {margin-top:10px;}
ul.psocpeople2 li p span.name { font-weight:bold;}

ul.audiolist  { list-style:none }
ul.audiolist li { position:relative;list-style-type:none;display:block;padding:6px;margin:5px;background:#efefef;min-height:170px; }
ul.audiolist li img {margin-top:10px;}
ul.audiolist li p span.name { font-weight:bold;}

.mejs-container {
width:305px !important;
margin-top:20px;
position:absolute !important;
right:15px;
bottom:8px;
}

a.audio {
  background:url("http://cancer-insights.asu.edu/wp-content/uploads/2012/10/audio-icon.png") no-repeat;
  text-indent:34px;
  display:block;
  height:30px;
  font-size:1.3em;
  padding-top:6px;
  text-decoration: none;
  color:#333;
  
}
a.audio:hover{
  color:#5C0008;
}
/* overwrite icons */
a.imagepdflink[href$=".pdf"] {
background-image:none !important;
}
a.button {
color:#5e5e5e;
font-weight:bold;
background-color:#CFFFD1;
border:2px solid #999;
padding:5px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
text-decoration: none;
}
.event-artifacts{
	list-style:none;
	width:500px;
	margin:20px auto;
}
.event-artifacts li{
float:left;	
list-style:none;
margin-right:30px;
}
.event-artifacts li a{
	font-size:1.3em;
	color:#000;
	padding-left:20px;
	line-height:1.1em;
	text-decoration: none;
	opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
#gallery-container { height:0px; width:600px; overflow: hidden; }
#gallery-btn-container #gallery-btn {
   	font-size:1.3em;
	color:#000;
	padding-left:20px;
	line-height:1.1em;
	background:transparent url(/wp-content/themes/cancerinsights/images/camera.png) no-repeat 0px 0px;
	text-decoration: none;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
.event-artifacts li a.participant-list {
	background:transparent url(/wp-content/themes/cancerinsights/images/user-4.png) no-repeat 0px 0px !important;
}
.event-artifacts li a.event-agenda {
	background:transparent url(/wp-content/themes/cancerinsights/images/clock.png) no-repeat 0px 0px !important;
}
.event-artifacts li a:hover,#gallery-btn-container #gallery-btn:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#gallery-btn-container #gallery-btn:hover {
   background-position: left bottom;
}

/********** jCarousel Skin **********/

.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 237px; height: 168px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  237px;
    height: 168px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/wp-content/themes/sustainablehealth/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/wp-content/themes/sustainablehealth/images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/wp-content/themes/sustainablehealth/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/wp-content/themes/sustainablehealth/images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/wp-content/themes/sustainablehealth/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/wp-content/themes/sustainablehealth/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/*
 * Simple Modal
 */
#basic-modal-content {display:none;}
#modal-window { display: none; }
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {color:#bbb; background-color:#000; border:1px solid #444; padding:10px;}
#simplemodal-container .simplemodal-data {}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/wp-content/themes/sustainablehealth/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}