/* @override 
	http://localhost:8888/reboot-wp/wp-content/themes/reboot/style.css
	http://thereboot.org/wp-content/themes/reboot/style.css
*/

/*
Theme Name: Reboot
Theme URI: http://thereboot.org/
Description: Theme for thereboot.org
Author: Evan Hensleigh
Version: 0.1
Tags: limey
*/

/* @group Typography */

header, #home-rotator, #home-tagline, .footer-links {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14pt;
}

body {
	font-family: Constantia, Georgia, serif;
	color: #333;
	line-height: 18pt;
}

p {
	line-height: 18pt;
	margin-bottom: 18pt;
}

h1 { font-size: 48pt; line-height: 54pt; }
h2 { font-size: 36pt; line-height: 36pt; }
h3 { font-size: 28pt; line-height: 36pt; }
h4 { font-size: 18pt; line-height: 18pt; margin-top: 18pt; }
h5 { font-size: 14pt; line-height: 18pt; margin-top: 18pt; }
h6 { font-size: 12pt; font-style: italic; }
header h4, header h5 { margin-top: 0; }
header h6 { font-style: normal; }
header p { font-size: 12pt; }

header { margin-bottom: 18pt; }
header.nomargin,
article header { margin-bottom: 0; }

#home-tagline h3 {
	margin: 0;
	font-size: 26pt;
}
#home-rotator h3 {
	font-size: 36pt;
	line-height: 36pt;
	font-weight: 300;
}
.home-head h2 {
	font-size: 14pt;
	line-height: 18pt;
}

a { color: #333; }
li.tweet a,
article a,
a.red {
	color: #921;
}
#top a { color: #f2f2f2; }
.footer-links {
	font-size: 14px;
}

/* @end Typography */

/* @group Basic Layout */

#site-container {
	width: 100%;
	overflow-x: hidden; /* this is a lousy fix for Firefox being cranky. */
}

#top-head, #home-rotator, #home-tagline, #content, #bottom-foot {
	margin: 0 auto;
}

#content-backing, #content-backing-home {
	background: #fefbf2;
	padding: 0;
}
#content-backing-home {
	z-index: 4;
	position: relative;
}
#content {
	padding: 18pt 0;
}

body {
	background-color: #779926;
}

/* @end Basic Layout */


/* @group Main Header */

header#top {
	height: 115px;
	margin-bottom: 0;
	margin-top: 10;
	background-color: #779926;
	color: #f2f2f2;
	-webkit-box-shadow: rgba(0,0,0,.5) 0 0 150px;
	-moz-box-shadow:  rgba(0,0,0,.5) 0 0 150px;
	box-shadow:  rgba(0,0,0,.5) 0 0 150px;
	position: relative;
	z-index: 2;
	border-bottom: 2px solid #58721c;
}

#top-head ul {
	padding: 20pt 0;
	float: right;
	font-weight: 300;
}
#top-head ul li {
	float: left;
	margin: 0 0 0 15px;
}
#top-head ul li a {
	display: block;
	padding: 5px 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: background-color .35s linear, -webkit-box-shadow .5s linear;
	-moz-transition: background-color .35s linear, -moz-box-shadow .5s linear;
	/*
	background-color: #647f1f;
	-webkit-box-shadow: rgba(0,0,0,.25) 0 -2px 10px inset;
	-moz-box-shadow: rgba(0,0,0,.25) 0 -2px 10px inset;
	box-shadow: rgba(0,0,0,.25) 0 -2px 10px inset;
	*/
	
	
}


#top-head ul li a:hover {
	background-color: #647f1f /* #4f6519 */;
	/*
	-webkit-box-shadow: rgba(0,0,0, .5) 0 -2px 10px inset;
	-moz-box-shadow: rgba(0,0,0,.5) 0 -2px 10px inset;
	box-shadow: rgba(0,0,0,.5) 0 -2px 10px inset;
	*/
}

h1#logo {
	text-indent: -9999px;
	height: 115px;
	background: url('images/reboot_logo.png') no-repeat left top;
}

/* @end Main Header */


/* @group Sidebar */

#content {
	position: relative;
	padding: 18pt 20px;
	width: 1000px;
}
#main-sidebar {
	padding: 0 10px;
	margin-top: 36pt;
}

.sidebar-head {
	background-image: url(images/lines.png);
	background-position: right 8pt;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	margin-bottom: 18pt;
}
.sidebar-head h5 {
	display: block;
	float: left;
	padding-right: 6px; 
	background-color: #fefbf2;
}
#main-sidebar header {
	margin-top: 18pt;
}

ul.tweets {
	padding: 0;
	list-style: none;
	margin: 0;
}
ul.tweets li {
	margin-bottom: 18pt;
}

/* @end Sidebar */


/* @group Special Stuff */

.twitter-stream a {
	color: #921;
}
.twitter-stream .profile-link {
	display: none;
}


/* @end Special Stuff */


/* @group Homepage */

.home-head {
	text-align: center;
	background-image: url(images/lines.png);
	background-position: center;
	background-repeat: no-repeat;
}
.home-head h2 {
	display: inline;
	padding: 0 6px;
	background-color: #fefbf2;
}

#home-rotator-channel {
	height: 345px;
	padding: 0;
	margin: 0;
	background: #fefbf2;
}

div.rotator-tab {
	height: 345px;
}
div.rotator-tab img {
	-webkit-box-shadow: rgba(0,0,0,.5) 0 0 20px;
	-moz-box-shadow: rgba(0,0,0,.5) 0 0 20px;
	box-shadow: rgba(0,0,0,.5) 0 0 20px;
}
div.rotator-image {
	margin-top: 22px;
}
div.rotator-image img {
	margin: 0 auto;
	display: block;
}
div.rotator-text {
	margin-top: 18pt;
	margin-bottom: 50px;
}
#home-rotator-nav {
	margin-right: 10px; /* to fit it properly in the grid */
	position: relative;
	top: -40px;
}

#home-tagline-channel {
	background-color: #779926;
	padding: 18pt 0;
	color: #f2f2f2;
	font-weight: 300;
	-webkit-box-shadow: rgba(0,0,0,.5) 0 0 150px;
	-moz-box-shadow:  rgba(0,0,0,.5) 0 0 150px;
	box-shadow:  rgba(0,0,0,.5) 0 0 150px;
	border-top: 2px solid #58721c;
	position: relative;
	z-index: 2;
}
/*
#home-tagline {
	color: #f2f2f2;
}*/

/* @end Homepage */

/* @group Contact Form */

#post_body .wpcf7-form input[type=text], #post_body .wpcf7-form textarea {
	width: 460px;
	border: 1px solid #bbb;
	line-height: 18pt;
	font-size: 12pt;
	padding: 0 5px;
}

#post_body .wpcf7-form input[type=submit] {
	border: 1px solid #999;
	background-color: #ccc;
	padding: 0 5px;
	height: 18pt;
}

/* @end Contact Form */

/* @group Tabs */

.ui-tabs-hide {
	display: none !important;
}

#home-rotator-nav.ui-tabs-nav {
	float: right;
	height: 40px;
	overflow: hidden;
	padding-top: 5px;
}
#home-rotator-nav.ui-tabs-nav li {
	float: left;
}

#home-rotator-nav li a {
	display: block;
	border: 2px solid #58721c;
	vertical-align: bottom;
	padding: 3px 10px 17px;
	background: #58721c;
	margin-left: 5px;
	color: #f2f2f2;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	position: relative;
	z-index: 6;
}

#home-rotator-nav li a:hover {
	margin-top: -2px;
}
#home-rotator-nav li.ui-tabs-selected a {
	background-color: #6c8c23;
	margin-top: -4px;
}

/* @end Tabs */


/* @group Footer */
#bottom-foot {
	padding: 18pt 0;
}
#collaborators a {
	float: left;
	margin: 5px 10px;
}
#collaborators header {
	margin: 0;
}

footer form.wpcf7-form input, footer form.wpcf7-form textarea,
form.contact-form input, form.contact-form textarea {
	width: 380px;
	display: block;
	font-size: 12pt;
	line-height: 18pt;
	padding: 0 5px;
	color: #333;
	border: 1px solid #58721c;
}
form.contact-form p.website { display: none; }
footer .your-message textarea {
	height: 90pt;	/* 5 lines */
}
.footer-links {
	text-align: center;
}
.footer-links a {
	text-decoration: underline;
	color: #333;
}

/* @end Footer */



/* @group Comments */

#comments-title {
	clear: both;
	font-size: 20px;
	line-height: 24px;
}

.comment {
	margin-bottom: 48px;
}

.comment .reply {
	float: right
}

#respond {
	clear: both;
}

#reply-title {
	font-size: 20px;
	line-height: 24px;
	clear: both;
}

#commentform label {
	width: 140px;
	display: block;
	float: left;
	margin-right: 20px;
}
#commentform .required {
	width: 8px;
	display: block;
	float: left;
	margin-left: -8px;
	color: #960;
}
#commentform .comment-notes .required {
	display: inline;
	float: none;
	margin: 0;
}
#commentform input[type='text'], #commentform textarea {
	width: 460px;
	border: 1px solid #ccc;
	padding: 5px;
}
.form-allowed-tags {
	width: 460px;
	margin-left: 160px;
}

#commentform #submit {
	float: right;
	margin-right: 80px;
	padding: 5px 10px;
	background-color: #e6e6e6;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
#commentform #submit:hover {
	background-color: #ccc;
}
#commentform #submit:active {
	background-color: #333;
	border-color: #333;
	color: #e6e6e6;
}
/* @end Comments */