/*
Theme Name: Six-Seventy Designs WordPress Theme
Theme URI: http://www.sixseventydesigns.com
Description: This is the WordPress Theme for Six-Seventy Designs.
Version: 1.0
Author: Matthew Hensler
Author URI: http:www.sixseventydesigns.com
Tags:

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
* {margin: 0; padding: 0; border: none;}
	.clearfix {clear: both;}
	.italic {font-style: italic;}
	.go-right {float: right;}
	.go-left {float: left;}
	.go-right-text {text-align: right;}
	.tiny-header {margin-bottom: -7px; font-size: 0.70em; text-transform: uppercase;}
	h1, h2, h3, h4, h5, h6 {font-weight: lighter;}
	h3 {font-size: 1.0em; margin-bottom: 15px;}
	a {padding: 2px; text-decoration: none; color: #057AB0;}
	a:hover {color: #fff; background: #057AB0;}
	a:active {outline:none;}
	a:focus {-moz-outline-style:none;}
	input, select {border: 1px solid #757575;}
	.clear-left {clear: left;}
	.justify {text-align: justify;}
	p, ul {margin-bottom: 25px; font-size: 0.75em; line-height: 1.55em; color: #292929;}
	ul {margin-left: 15px;}
html {background: url(images/b-body.jpg) #2a8ec8;}
body {font-family: Helvetica, Arial, sans-serif; color: #292929; background: url(images/b-body.png) no-repeat center 190px;}

/* wrappers */
div#outer-wrapper {background: url(images/b-outer.png) no-repeat top center;}
div#inner-wrapper {margin: 0 auto; width: 925px;}

/* header */
div#header {width: 925px; height: 190px;}
	div#masthead {float: left; padding: 30px 0 30px 0; width: 300px;}
		#masthead h1 {margin: 0 auto; position: relative; overflow: hidden; text-indent: -9999px; width: 280px; height: 40px; color: #000; font-size: 1.25em;}
		#masthead h1 span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-masthead.png) no-repeat left;}
	div#download {margin: 11px 48px 0 0; float: right; width: 387px; height: 179px; background: url(images/b-download-3.png) no-repeat bottom center;}
		#download a {display: block; position: relative; top: 115px; overflow: hidden; margin: 0 auto; padding: 0; width: 220px; height: 50px; color: #000; font-size: 1.25em;}
		#download a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-download-button.png) no-repeat 0 0;}
		#download a:hover span {background-position: 0 -50px; background-color: none;}
		#download a:hover {background-color: transparent !important;}


/* tabs */
ul.tabs {position: relative; top: 84px; left: 30px; margin: 0; line-height: auto !important; font-size: 10px; list-style-type: none;}
ul.tabs li {float: left; background: #fff;}
ul.tabs li:first-child {border-left: 0;}
ul.tabs li a {display: block; padding: 10px 15px; color: #262626; text-decoration: none; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #ddd; background: #fff;}
ul.tabs li a:hover {color: #fff; background: #1D6FA1;}
ul.tabs li a.current {padding-bottom: 11px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: none; cursor: default; background: url(images/b-tabs.jpg) repeat-x top center #fff;}
ul.tabs li a:hover.current {color: #262626;}


/* panes */
div.panes {}
	div.panes .extra {padding: 60px 0;}

/* content */
div.content {padding: 40px 40px; background: #fff;}
	div.content-group {padding: 30px 0 30px 0; background: url(images/b-border-big.png) no-repeat bottom center #fff;}
	div.left-content {float: left; width: 330px;}
	div.right-content {float: right; width: 430px;}
		h2#say-hello {margin: 25px auto; position: relative; overflow: hidden; text-indent: -9999px; width: 300px; height: 124px; color: #000; font-size: 1.25em;}
		h2#say-hello span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-hello-photo.png) no-repeat left;}
		h2#features {margin: 25px auto; position: relative; overflow: hidden; text-indent: -9999px; width: 287px; height: 151px; color: #000; font-size: 1.25em;}
		h2#features span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-features.png) no-repeat left;}
		p.demo a {display: block; margin: 25px auto; position: relative; overflow: hidden; text-indent: -9999px; width: 181px; height: 35px; color: #000;}
		p.demo a span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-view-demo.png) no-repeat left;}
		p.demo a:hover {background: none;}
		h2#documentation {margin: 25px auto; position: relative; overflow: hidden; text-indent: -9999px; width: 282px; height: 104px; color: #000; font-size: 1.25em;}
		h2#documentation span {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(images/b-documentation.png) no-repeat left;}
	div.screenshots {clear: both; margin-top: 15px; }
		.screenshots a img {padding: 5px; border: 1px solid #c2c0c0;}
		.screenshots a:hover {background: none;}
		.screenshots a:hover img {border: 1px solid #767676;}