/* @override http://yellowrubberball.com/wp-content/themes/YRB/style.css */

/*
Theme Name: Yellow Rubber Ball
Theme URI:
Description: A custom theme for Yellow Rubber Ball
Version: 1.0
Author: Yellow Rubber Ball
Author URI: http://yellowrubberbal.com
Tags:
*/

/* Framework */
@import 'css/blueprint/screen.css';


/*	--- LAYOUT
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
body {
	background: #353535 no-repeat center top;
	font-size: 90%;
	color: #353535;
	font-family: Helvetica, Arial, sans-serif;
}

.container {
	background: url(img/yrb-background.gif) no-repeat;
	width: 977px;
}

#header {
	background: url(img/header.jpg);
	float: left;
	width: 977px;
	height: 160px;
}

#main {
	background: url(img/main-background.gif) repeat-y;
	float: right;
	width: 877px;
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 0px;
	padding-bottom: 40px;
}

#footer { 
	margin: 0 auto;
	width: 977px;
	height: 40px;
	background-color: #353535;
	padding-top: 8px;
	background: url(img/yrb-footer.gif) no-repeat;
}	
	
/*	--- GENERAL FORMATTING
	-------------------------------------------------------------------
	------------------------------------------------------------------- */	
	
.alignleft {
	float: left;
	margin: 5px;
}

.alignright {
	float: right;
	margin: 5px;
}


/*	--- HEADER
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
#header h1 {
	width: 340px;
	height: 140px;
	margin-left: 20px;
	margin-bottom: 0;
	float: left;
}

#header h1 a {
	float: left;
	display: block;
	width: 340px;
	height: 140px;
	text-indent: -50000px;
}


/*	--- NAVIGATION
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
#nav {
	display: inline;
	float: right;
	height: 41px;
	width: 580px;
	padding: 0;
	border: 0;
	margin: 0;
	margin-top: 13px;
	list-style: none;
	overflow: hidden;
}

#nav li {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	float: left;
	padding: 41px 0 0 0;
	height: 0px !important;
	height /**/:41px; /* for IE5/Win only */
	outline: none;
}

a, a:hover, a:active{
	outline: none;
}

#nav a:hover, #nav a:active, #nav .current_page_item a {
	background-position: 0 -41px;
	outline: none;
}
 
/* nav elements */

#nav-home a {
  	width: 102px;
  	background: url(img/nav-read.gif) top left no-repeat;
  	margin-right: 30px;
}

#nav-get-started a {
  	width: 95px;
  	background: url(img/nav-make.gif) top left no-repeat;
  	margin-right: 30px;
}

#nav-why-yrb a {
  	width: 113px;
  	background: url(img/nav-learn.gif) top left no-repeat;
  	margin-right: 30px;
}

#nav-portfolio a {
  	width: 104px;
  	background: url(img/nav-browse.gif) top left no-repeat;
  	margin-right: 30px;
}


/*	--- MAIN
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, em, a{
	color: #a31325;
	
}

h2{
	clear: both;
	padding-top: 20px;
}

.wp-image-59{
	border: 2px solid #353535;
}

.portfolio-website h3{
	border-bottom: 1px solid #353535;
	padding-bottom: 5px;
	padding-top: 20px;
}

.first-portfolio-item h3{
	padding-top: 0px;
}

/*	--- FOOTER
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
#footer {
	font-size: 75%;
	text-align: center;
}
#footer a:focus, #footer a:hover { 
	text-decoration: none; 
}

#footer a {
	color: #353535;
	text-decoration:underline;
}
	
#footer p{
	clear: none;
}

#current-clients{
	float: left;
	margin-left: 30px;
}

#copyright{
	float: right;
	margin-right: 30px;
}

/*	--- SPECIFICS
-------------------------------------------------------------------
------------------------------------------------------------------- */
	
#home .post-title{
	display: none;
}

#contact-us-online{
	width: 140px;
	margin-top: 11px;
	float: right;
	margin-bottom: 0px;
	height: 18px;
	display: block;
	text-indent: -50000px;
}

#contact-us-online a{
	background: url(img/contact-us-online.gif) top right no-repeat;
	width: 120px;
	height: 18px;
	display: block;
	
}

#contact-us-online a:hover, #contact-us-online a:active, #contact-us-online .current_page_item a {
	background-position: 0 -18px;
}

.portfolio-website{
	clear: both;
	margin-bottom: 10px;
}

#page-23 img{
	margin-bottom: 50px;
}

.portfolio-website img{
	margin-right: 30px;
}

.portfolio-website h3{
	margin-bottom: 5px;
}

/*	--- CFORMS
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
.linklove{
	display: none;
}

.cform{
	margin: 0;
	width: 800px;
}

#cforms3form textarea, #cformsform textarea, #cforms2form textarea{
	width: 300px;
	height: 150px;
}

#cforms3form input, #cforms2form input, #cformsform input{
	width: 200px;
}

#cforms3form, #cformsform, #cforms2form{
	margin-top: 30px;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
}

.cf-after{
}

#cforms2form #sendbutton2, #cforms3form #sendbutton3, #cformsform #sendbutton{
	float: left;
	margin-left: 10px;
	display: inline;
	margin-bottom: 30px;
	margin-left:370px
	
}

#cformsform label, #cforms3form label, #cforms2form label, #cformsform label span, #cforms3form label span, #cforms2form label span{
	width: 305px;
	font-weight: normal;
	font-style: normal;
}

.cf_li_err{
	width: 420px;
	margin-left: 100px;
	padding: 0;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#fdc401; 
}