/*
Theme Name: Ounce of Talent
Theme URI: http://ounceoftalent.com
Description: The new and very sexy website for up and coming web design company Ounce of Talent.
Version: 1.0
Author: David Smith
Author URI: http://ounceoftalent.com

*/


/* Begin Typography & Colors */

body { margin: 0; font-family: Lucida Sans, Lucida Grande, sans-serif; font-size: 12px; text-align: center; background-color: #055495 ; }
a { color: #386bad; }
a:hover { color: #5dac2c; }

h1 { line-height: 100%; font-family: 'Yanone Kaffeesatz', arial, serif; }
h2 { font-size: 30px; font-weight: bold; margin-bottom: 10px; color: #294d7d; line-height: 100%; 
	font-weight: normal; clear: both; overflow: hidden; font-family: 'Yanone Kaffeesatz', arial, serif; }
	h2 a { text-decoration: none; color: #294d7d; display: block; float: left;  }
	h2 a:hover { color: #5dac2c; }
h3 { font-size: 13px; font-weight: bold; margin-top: 15px; }
	
#page { background-color: #fff; }
#topbarrow { background: url(images/topbarbg.png) repeat-x top left; text-align: center; }
	#topbar { width: 704px; height: 30px; margin: 0 auto; line-height: 30px; color: #fff; text-align: right; }

#headerrow { background: url(images/headerbg.png) repeat-x top left; text-align: center; }
	#header { width: 704px; height: 156px; margin: 0 auto; }
		#logo { float: left; padding-top: 37px; }
			#logo a { display: block; width: 414px; height: 83px; background-image: url(images/logo.png); text-indent: -999em; } 
		#promo { float: right; padding-top: 16px; }
			#promo a { display: block; width: 199px; height: 114px; background-image: url(images/promo.png); text-indent: -999em; }
		
#nav { background: #fff url(images/navbg.png) repeat-x bottom left;  text-align: center; }
#nav a { display: inline-block; width: 140px; height: 30px; color: #fff; font-size: 10px; 
	text-decoration: none; text-transform: uppercase; font-weight: bold; background-color: #044685; }
	#nav a span { display: block; line-height: 30px; }
#nav span.bg { display: inline-block; padding-bottom: 1px; margin-left: 1px; }
	.green { border-bottom: 10px solid #5dac2c; }
	.teal { border-bottom: 10px solid #29797f; }
	.blue { border-bottom: 10px solid #386bad; }

#sloganbar { background: #fff url(images/sloganbg.png); text-align: center; padding: 32px 0; font-size: 24px; color: #294d7d; 
	margin-bottom: 1.4em; }
	#sloganbar h1 { font-weight: normal; font-size: 36px; padding: 17px 0 0 0;}
		.home h1 { font-weight: normal; font-size: 36px; padding: 6px 0 0 0 !important; }
		#sloganbar h1.strong { font-weight: bold; }
	#sloganbar img { position: relative; top: 9px; padding: 0 5px; }
	#sloganbar small { font-size: 24px; }
	
	#slogan { width: 704px; margin: 0 auto; text-align: left; }
		#pagetitle { width: 35%; float: left; text-align: right;  }
			#pagetitle h1 { padding-right: 20px; margin-right: 20px; border-right: 1px dotted #294d7d; height: 50px; }
		#pageblurb { width: 55%; float: left; font-size: 16px; font-style: italic; padding: 8px 0 0 0; }

#contentbox { width: 704px; margin: 0 auto; text-align: left; line-height: 18px; }
	#content { float: left; width: 404px; line-height: 18px; }
		.post { margin-bottom: 40px; overflow: hidden; }
			.post small { display: block; color: #999; clear: left; margin: 0 0 15px; padding: 0; font-size: 11px; }
		.postmetadata { background-image: url(images/sloganbg.png); padding: 5px; margin: 0 0 1px; }
			.postmetadata small { color: #333; margin: 0; }
		
		#home .post, .single .post { border-bottom: 1px solid #eee; }
		#home .entry, .single .entry { border-left: 1px solid #eee; padding-left: 15px; }
		.entry ol { margin: 0 0 15px 40px; }

#sidebar { float: right; width: 258px; }
	#sidebar h2 { color: #29797F; }
	#sidebar ul { margin: 0; padding: 15px; list-style: none; margin-bottom: 15px; }
		
		.roundit { color: #fff; }
			.roundtop { height: 20px; }
			.roundbot { height: 20px; background-position: 0 -20px; margin-bottom: 20px; }
			.roundit h2 { color: #fff !important; }
			
			.boxcontent { padding: 0 20px; position: relative; }
			.boxbutton { height: 23px; }
			.boxbutton a { display: block; float: right; color: #fff; text-decoration: none; padding: 10px 15px; color: #fff; 
				text-decoration: none; margin-right: -15px; background-position: right -2px; }
			.boxbutton a:hover { background-position: right bottom; }
			
		div.greenbox { background: url(images/borderbg_green.png); }
			.greenbox .roundtop { background-image: url(images/borders_green.png); }
			.greenbox .roundbot { background-image: url(images/borders_green.png); }
			.greenbox .highlight { color: #caffa8; }
			.greenbox .boxbutton a { background-image: url(images/buttonbg_green.png); }
				.greenbox .boxbutton a:hover { background-image: url(images/buttonbg_green.png); }
		
		div.bluebox { background: url(images/borderbg_blue.png); }
			.bluebox .roundtop { background-image: url(images/borders_blue.png); }
			.bluebox .roundbot { background-image: url(images/borders_blue.png); }
			.bluebox .highlight { color: #9ec8ff; }
			.bluebox .boxbutton a { background-image: url(images/buttonbg_blue.png); }
				.bluebox .boxbutton a:hover { background-image: url(images/buttonbg_blue.png); }
		
		div.tealbox { background: url(images/borderbg_teal.png); }
			.tealbox .roundtop { background-image: url(images/borders_teal.png); }
			.tealbox .roundbot { background-image: url(images/borders_teal.png); }
			.tealbox .highlight { color: #1e6167; }
			
			.tealbox .boxbutton a { background-image: url(images/buttonbg_teal.png); }
				.tealbox .boxbutton a:hover { background-image: url(images/buttonbg_teal.png); }

ul#littletaste { margin: 0 0 15px; padding: 0; }
	#littletaste li { margin: 0 0 10px; text-align: center; }
	#featport1 a, #featport2 a, #featport3 a {  }
	#featport2 a {  }
	#featport3 a {  }
	
	#littletaste img { border: 4px solid #1e6167; text-align: center; }

#footerrow { background: #055495 url(images/footerbg.png) repeat-x top left; border-top: 10px solid #044685; margin-top: 40px; padding: 60px 0 20px; }
	#footer { width: 704px; text-align: left; margin: 0 auto; color: #fff; }
		/*#footernav { float: left; padding-right: 15px; }
			#footer h5 { font-weight: bold; font-size: 12px; margin: 0 0 10px; background-color: #044685; padding: 6px 10px 6px; }
			#footer ul { list-style: none; margin: 0; padding: 0; }
			#footer li {  }
			span.bullet { font-size: 18px; }
			#footer a { color: #fff; text-decoration: none; display: block; width: 120px; padding: 0 10px 4px; }
			#footer a:hover { color: #6d9fd4; background-color: #044685; }
			#footer a .bullet { color: #fff; } */
		#footer ul { margin: 0; }
		#footer li { display: inline-block; padding: 0 5px; }
		#footer a { color: #6d9fd4; text-decoration: none; }
			#footer a:hover { color: #fff; text-decoration: underline; }
			
#comment { width: 404px; }

/* The Classes of Power */

.clear { clear: both; }
.right { float: right; }
.left { float: left; }

.greenborder { border: 6px solid #5dac2c; }
	a.greenborder:hover { border: 6px solid #6bc433; }
.tealborder { border: 6px solid #29797f; }
	a.tealborder:hover { border: 6px solid #319299; }
.blueborder { border: 6px solid #386bad; }
	a.blueborder:hover { border: 6px solid #407ac7; }
	
.bulleted { list-style: disc; padding: 15px 30px; }
.padded { padding: 15px 0; }
#sidebar ul.checkmarked { padding: 0 0 0 15px; }
	.greenbox .checkmarked li { padding: 0 25px; background: url(images/arrow_greenbg.png) no-repeat 0 2px; }
	.bluebox .checkmarked li { padding: 0 25px; background: url(images/arrow_bluebg.png) no-repeat 0 2px; }

/* Template Portfolio */

.portentry { margin: 0 0 40px; position: relative; }
	.portentry a { display: block; padding: 0 0 1px; }
		.portentry a:hover {  }
	.portentry img { border: 0; }
	.rgreen a { border-bottom: 10px solid #5dac2c; }
	.rteal a { border-bottom: 10px solid #29797f; }
	.rblue a { border-bottom: 10px solid #386bad; }
	
	.portname { padding: 10px 2px; font-weight: bold; text-transform: capitalize; overflow: hidden; }
		.portname .enlarge { float: right; width: 15px; height: 15px; }
		.portname a { display: block; border: 0; font-weight: normal; background: url(images/icon_enlarge.gif) no-repeat 0 2px; 
				text-indent: -999em; width: 15px; }
			.rgreen .portname { border-bottom: 1px dotted #5dac2c; color: #5dac2c; }
			.rteal .portname { border-bottom: 1px dotted #29797f; color: #29797f; }
			.rblue .portname { border-bottom: 1px dotted #386bad; color: #386bad; }
			
#gforms_confirmation_message { border-width: 1px 0 !important; }

.aboutlist { padding: 10px 0; }
.aboutlist li ul { padding: 0; }
.aboutlist li { font-weight: bold; padding: 0 20px 15px; }
.aboutlist li li { font-weight: normal; padding: 0; list-style: none; }





#portfolio-new #content { width: 414px; }
#portfolio-list li { list-style: none; margin-bottom: 40px; overflow: hidden; }
#portfolio-list .portfolio-meta { overflow: hidden; background: transparent url(images/portfolio-label.png); 
	margin: -24px 0 0; padding: 0 20px; color: #fff; z-index: 99; position: relative; line-height: 44px; }
#portfolio-list .portfolio-meta a { color: #fff; text-decoration: none; }
#portfolio-list .portfolio-image { position: relative; z-index: 49; }
#portfolio-list .portfolio-image img { border: 1px solid #fff; }
#portfolio-list .portfolio-image a { display: block; border: 4px solid #eee; }
#portfolio-list h5 { float: left; }
#portfolio-list small { float: right; color: #6eb9ff; }


/* gravity forms */

.gsection-container { border: 1px solid #ccc;  -moz-border-radius: 12px; -webkit-border-radius: 12px; 
    border-radius: 12px; padding-bottom: 20px; margin: 0 0 20px; }
    .gsection-container li { padding: 0 20px; }
    .gform_wrapper .gsection-container h2.gsection_title { margin-left: 20px !important; position: relative; 
        top: 2px; }
        
        
.entry { line-height: 22px; }
.msg { color: #999; font-style: italic; margin-bottom: 15px; }

.custom-alert { color: #f00; text-transform: uppercase; font-size: 11px; }