/**
 * Theme Name: proteotypes
 * Theme URI: http://www.proteotypes.org
 * Description: A custom theme for Proteotypes, a child theme based on Hybrid by Justin Tadlock 
 * Version: .1
 * Author: Diane Bertolo
 * Author URI: http://www.dianebertolo.com
 * Tags: 
 * Template: hybrid
 */

/* Get base CSS */
@import url('library/css/21px.css');

/* Get layout CSS */
/*@import url('../hybrid/library/css/2c-l-fixed.css'); DDD I copied this below and altered*/

/* Get default Hybrid CSS */
/*@import url('../hybrid/library/css/screen.css');*/

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
/*@import url('../hybrid/library/css/drop-downs.css');*/


/* ==============================================  proteotypes styles */
#lightbox-overlay-text-about, #lightbox-overlay-text-close{
	display:none;
	}
#lightbox-caption-title, #lightbox-caption-title a{
	color:#555555;
	font-weight:normal;
	}
.praise{
	margin:0px;
	padding-top:34px;

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;
	line-height:20px;
	width:280px;
	background-image:url(library/images/quoteMark.gif);
	background-repeat:no-repeat;
}
.reviewer{
	text-align:right;
	padding-right:10px;
	font-size:10px;
}


.review{
	border-top:1px dotted silver;
	margin:0 100px 20px 100px;
	padding:12px 0 12px 0;
	clear:both;
}

#footer a {
	border-bottom: 1px dotted #777777;
	color:#555555;
	}
p a {
	border-bottom: 1px dotted #777777;
	color:#555555;
	}
p a:hover{
	color:#cc0000;
	}

.bookleft{
	float:left;
	margin-left:50px;
	padding:0;
	width:291px;
	}
	
.bookright{
	margin-left:360px;
	margin-right:50px;
	}

.space1{margin-top:380px;}

.indentb{
	margin:0 50px 0 50px;}

.indent{
	margin:0 100px 0 100px;}
	
.righty {
	margin-left:150px;
	margin-top:16px;
	}
	
.lefty{
	float:left;
	margin:0;
	padding:0;
	margin-top:16px;
	margin-bottom:16px;}
	
.newGroup{
	padding-left:50px;
	padding-bottom:20px;
	}	
.newLeft{
	float:left;
	
	margin:0;
	padding:0;
	}
.newRight{
	margin-left:244px;
	margin-right:50px;
	}
	
.group{
	border-top:1px dotted silver;
	margin:0 50px 20px 50px;
	padding:0;
	clear:both;}

.red{
	color:#CC0000;}

.by{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	}
.author{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
	}
	
	
/*this is the red uppercase slug--already named by wp*/
.entry-title, .entry-title a, .widget-title {
	color:#cc0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size: 10px;
	letter-spacing:3px;
	margin:0 0 22px 0;
	padding:0;
	}
	
.news, .linky, .bio {
	font-size:10px;
	line-height: 14px;
	margin-bottom:4px;
	}
.newshead{
	font-weight:bold;
	margin-bottom:4px;
	line-height: 14px;}
	
	
.linky a {
	color: #cc0000;
	line-height:14px;
	}
.linky a:hover {
	text-decoration:underline;
	}
.more, .more a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#cc0000;
	font-size:10px;
	float:right;
	padding-right:24px;
	background-image:url(library/images/tinyArrow.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	margin-bottom:8px;
	}
	
	

.unit{
	padding-bottom:18px;
	clear:both;}
.unit img{
	padding: 8px 0;}

body{
	background-image:url(library/images/stripe7.gif);
	background-repeat:repeat;
	font-size:11.25px;
	line-height: 18px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color: #555;}
	
/* ==============================================  navigation at top */
	
#utility-before-header{
	float:right;
	margin-right:20px;
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
}

#utility-before-header ul{
	list-style:none;
	float: right;
	margin:0;}

#utility-before-header li {
	float:left;
	margin: 12px 0 0 12px;}

#utility-before-header li a{
	color: #666;
}
#utility-before-header li a:hover{
color:#cc0000;}

/* this doesn't work....why?*/
#utility-before-header li.current_page_item a {
	color:red;
	}

/* ==============================================  navigation bar */	

#navigation {
	font-family:Helvetica, Arial, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:.03em;
	overflow: visible;
	margin: 0 50px;
	padding:0;
	height:20px;
	/*z-index: 100;   for dropdown I think*/}
	
#page-nav ul{
	list-style:none;
	float: right;
	margin:0;}

#page-nav li {
	margin-left: 3px;
	float:left;}
	
/* what is this? for drop-downs?
#page-nav li li {
	margin-right: 0;}
	*/
	
#page-nav li a {
	background-image:url(library/images/darkGreyFade3.gif);
	padding: 5px 9px 5px 9px;
	color: #fff;
	background-color: #565656;
	}
	
#page-nav li a:hover {
	background-image:none;
	padding: 5px 9px 5px 9px;
	color: #fff;
	background-color: #333;}
	

#page-nav li.current_page_item a {
	background-image:url(library/images/lightGreyFade.gif);
	background-color:#ddd;
	color:#555;
	}
			
/* ==============================================  Headers */



h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 8px 0;
	}
h1 {
	font-size: 1.8em;

	}
h2 {
	font-size:21px;
	
	}
	
h3 {
	font-size: 18px;
	}
h4 {
	font-size: 16px;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 12px;
	}	
	
	

	

	
p {
	margin: 0 0 12px 0px;}
	


#body-container {
	overflow: hidden;
	background-color:white;
	width: 960px;
	margin: 0 auto;
	}
	
/* Header */
#header{
	margin:50px 50px 30px 28px;
	height:60px;
	background-image:url(library/images/proteologo.gif);
	background-repeat:no-repeat;
	}
#site-title{
	display:none;
	}
#site-description{
	display:none;
	}


	
#container {
	overflow: hidden;
	background-color:#eee;
	margin: 0 50px;
	padding:0;
	float: left;
	width: 860px;}

.content {
	overflow: hidden;
	background-color:white;
	float: left;
	margin: 20px 0 20px 20px;
	padding: 12px 18px 18px 18px;
	width: 510px;
	border: solid 1px #ddd;}

.no-widgets .content, .no-default-widgets .content {
	width: 782px;}

#primary .widget {
	position: relative;
	background-color:#fff;
	border: solid 1px #ddd;
	float: right;
	margin:20px 20px 0 0px;
	padding: 12px 18px 18px 18px;
	width: 222px;}

#secondary .widget {
	position: relative;
	clear: right;
	float: right;
	margin:20px 20px 0 0px;
	padding: 0px;
	width: 254px;}
	
.breadcrumb {
	display:none;}

#subsidiary {
	overflow: hidden;}

#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 0 20px 0 0;}

#footer-container {
	clear: both;
	overflow: hidden;}
	
#footer {
	clear: both;
	overflow: hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 7px 0 18px 0;
	text-align:center;}
	


.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}