/*  
Theme Name: Humanized Beta Products
Theme URI: http://www.humanized.com
Description: Wordpress theme for Humanized Beta Products
Version: 1.0
Author: Scott Robbin

*/

/*-------------------------------------------    
    Overall
-------------------------------------------*/

#content h2 {
	color: #444;
	font-size: 14px;
}

/*-------------------------------------------    
    All Page
-------------------------------------------*/

#all-subheader {
	height: 200px;
	border-bottom: 3px solid #8CC73F;
}

#all-subimage {
	float: left;
	position: relative;
	top: 35px;
	left: 50px;
	width: 243px;
	height: 118px;
	background: #FFF url(images/beta_bleeding_edge.png) no-repeat;
}

#all-description {
	float: right;
	width: 350px;
	padding: 30px 10px 0 0;
}

#all-prefooter {
	height: 126px;
	background: #f7f7e9 url(images/beta_prefooter_enso.jpg) top right no-repeat;
	border-bottom: 1px solid #CCC;
	margin: 50px 0 20px 0;
}

#all-prefooter h2 {
	padding-bottom: 5px;
}

#all-prefooter-description {
	width: 325px;
	padding: 10px 0 0 15px;
}

#all-leftcol {
	float: left;
	width: 370px;
}

#all-rightcol {
	width: 370px;
	margin-left: 380px !important; margin-left: 375px;
}

.all-post {
	padding: 10px 20px 10px 60px;
}

.all-post h2 {
	margin-top: 20px;
}

.all-post h2 a, .all-post h2 a:visited {
	color: #333;
}

.all-post h2 a:hover {
	color: #666;
}

.all-post-entry {
	padding-top: 5px;
	margin-bottom: 5px;
}

.all-post-entry p {
	padding-bottom: 7px;
}

.all-post-button {
	display: block;
	background: url(images/beta_download_button.gif) top center no-repeat;
	width: 180px;
	height: 22px;
}

.all-post-button a, .all-post-button a:visited {
	line-height: 22px;
	color: #FFF;
	font-size: 11px;
	padding: 5px 13px 5px 35px;
}

.all-post-button a:hover {
	color: #FFF;
	text-decoration: underline;
}

.all-post-leaf {
	float: left;
	position: relative;
	top: 30px;
	left: 15px;
	background: url(images/inverted_leaf.png) no-repeat;
	width: 30px;
	height: 55px;
}

.all-post-leaves {
	float: left;
	position: relative;
	top: 30px;
	left: 5px;
	background: url(images/leaves_all.png) no-repeat;
	width: 50px;
	height: 56px;
}

.all-post-free {
	color: #8cc73f;
	padding: 5px 0 0 10px;
}

.all-all {
	background-color: #f7f7e9;
}

#all-suggestions {
	background-color: #ececca;
	padding: 10px 5px 0px 50px;
	height: 30px;
}

#all-suggestions h2 {
	float: left;
}

#all-suggestions a {
	position: relative;
	margin-left: 10px;
	top: 1px;
}


/*-------------------------------------------    
    Product Page
-------------------------------------------*/

#product-subheader {
	height: 180px;
	border-bottom: 3px solid #8CC73F;
}

#product-subheader h1 {
	position: relative;
	text-align: center;
	width: 300px;
	top: 55px;
	left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	text-transform: uppercase;
}

#product-leaf-big {
	position: relative;
	top: 20px;
	background: url(images/inverted_leaf_big.png) center center no-repeat;
	width: 350px;
	height: 145px;
}

#product-screenshots {
	position: relative;
	width: 350px;
	height: 115px;
	top: -105px;
	right: -35px;
	border: 1px solid #666;
	margin: 0px 0px 0px 350px;
}

.product-screenshots-links, .product-screenshots-prev, .product-screenshots-next {
	display: none;
}

.slideshowHolder {
	top:  0px;
}

#product-prefooter {
	height: 140px;
	background: #f7f7e9 url(images/beta_prefooter_enso.jpg) bottom right no-repeat;
	border-bottom: 1px solid #CCC;
	margin: 50px 0 20px 0;
}

#product-prefooter h2 {
	padding-bottom: 5px;
}

#product-prefooter-description {
	width: 375px;
	padding: 10px 0 0 15px;
}

#product-leftcol {
	float: left;
	width: 350px;
	padding: 10px;
}

#product-leftcol h2 {
	padding-top: 25px;
}

#product-leftcol p {
	padding: 10px 10px 10px 0px;
}

#product-rightcol {
	width: 377px !important; width: 373px;
	margin-left: 373px;
}

#product-rightcol h2 {
	padding: 2px 0;
}

#product-details {
	background-color: #dedea3;
}

.product-post-leaf {
	float: left;
	position: relative;
	top: 25px;
	left: 0px;
	background: url(images/inverted_leaf_colored.png) no-repeat;
	width: 56px;
	height: 70px;
}

#product-suggestions {
	background-color: #ececca;
	padding: 10px 0px 0px 50px;
	height: 85px;
}

.product-suggestions-item {
	margin-bottom: 10px;
}

.product-suggestions-title {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #444;
	margin-right: 5px;
}

.product-suggestions-item a {
	font-size: 13px;
}

#product-why {
	background-color: #f7f7e9;
	padding: 10px 5px 0px 50px;
}

#product-why p {
	margin-right: 35px;
}

.product-download-now {
	width: 250px;
	margin: 25px auto;
}

.product-download-leaf {
	float: left;
	position: relative;
	background: url(images/inverted_leaf_small.png) no-repeat;
	width: 20px;
	height: 37px;
	top: -5px;
}

.product-download-button {
	display: block;
	background: url(images/beta_download_button_small.gif) top center no-repeat;
	width: 153px;
	height: 22px;
	margin-left: 30px;
}

.product-download-button a, .product-download-button a:visited {
	line-height: 22px;
	color: #FFF;
	font-size: 11px;
	padding: 5px 20px 5px 35px;
}

.product-download-button a:hover {
	color: #FFF;
	text-decoration: underline;
}

a.product-feed {
	background: url(images/feed-icon-14x14.png) left center no-repeat;
	padding-left: 20px;
	margin-left: 3px;
}


/*-------------------------------------------    
    Misc
-------------------------------------------*/

.clear {
	clear: both;
}

/*-------------------------------------------    
    siFR
-------------------------------------------*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.beta-title {
	visibility: hidden;
}