/**
 * 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: 
 * Author URI: 
 * 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');*/

.breadcrumb-trail{
display:none!important;}

.home .entry-content img, .page-1183 .bookleft img {
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}

.bordershadow{
	border:1px solid #ccc!important;	
	box-shadow: 3px 3px 3px #CCCCCC!important;}

.page-15 .alignnone {
margin-bottom:4px;}

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

#primary-menu {
	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*/}
	
#primary-menu .menu ul{
	list-style:none;
	float: right;
	margin:0;}

#primary-menu li {
	margin-left: 3px;
	float:left;}

	
#primary-menu li a {
	background-image:url("library/images/darkGreyFade3.gif");
	padding: 5px 9px 5px 9px;
	color: #fff;
	background-color: #565656;}
	
#primary-menu li a:hover {
	background-image:none;
	padding: 5px 9px 5px 9px;
	color: #fff;
	background-color: #333;}
	

#primary-menu li.current_page_item a {
	background-image:url("library/images/lightGreyFade.gif");
	background-color:#ddd;
	color:#555;}
	



/* ==============================================  proteotypes styles */

div#secondary .widget{
background:none!important;
border:none!important;}

.newsbox{
border:1px #cc0000 dotted;
padding:16px;
color:#333;
margin: 20px 0 10px 0;

font-family:times,serif;
font-size:13px;}

.newsboxhead{
color:#cc0000;
font-size:11px;
font-weight:bold;
font-family:helvetica, sans-serif;}

#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;
	}
.bookright .alignnone{
	margin-bottom:0!important;}

.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, #homeright h1 {
	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;}

#homeright h1 {
	margin-bottom:14px;}

#homeright h2{
	font-size:12px;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	margin-top:0;
	margin-bottom:10px;}

#homeright img{
     margin-bottom:-4px;}
	
.news, .linky, .bio, #homeright p {
	font-size:11px;
	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:11px;
	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:12.5px;
	line-height: 1.9;
	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:#cc0000;
	}
		
/* ==============================================  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: 14px;
	}
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:52px 50px 26px 30px;
	height:64px;
	/*background-image:url("library/images/proteologo.gif");*/
	background-image:url("../../uploads/2018/10/proteotypes-logo-2.jpg");
	background-repeat:no-repeat;
	background-size: 273px 62px; 
	}
#site-title{
	width:200px;
	height:64px;}
#site-title a{
	display:block;
	width:370px;
	height:64px;}
#site-title a span{
	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, #homeright {
	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;}
	
#homeright img{
     margin-bottom:-4px;}

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