/*~
/*~~~~~ Yahoo Reset ~~~~~~~~~~~
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
* { zoom: 1; } /* IE 6 fix */
html{color:#222;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/****************************************/
/*------Code By Bull Moose, L.L.C. -----*/
/*------ www.BullMooseTicket.com -------*/
/*------ All Rights Reserved - 2009 ----*/
/*--------------------------------------*/
/*------ Created - 8/23/2009 -----------*/
/*--------------------------------------*/
/*------------ CHANGE LOG --------------*/
/*--------------------------------------*/
/*--------------------------------------*/
/****************************************/

/*----------------------------------GLOBAL-----------------------------------*/
html {
	background:#000;
	width: 100%;
}

body {
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", sans-serif;
	font-size:12px;
	color: #fff;
}

img {
	border:none;
	margin: 0;
	padding: 0;
	display:block;
}

.clear{ clear: both; }

p {
	line-height: 1.8em;
	margin: 1em 0 0 0;
	font-size: 12px;
	color: #fff;
}

li {
	line-height: 1.5em;
}

a {text-decoration:none; color:#ffd800;}
a:hover {text-decoration:none;}

/*----------------------------------WRAPPERS-----------------------------------*/

#container {
	width:960px;
	margin:0 auto;
}

#header {
	position:relative;
}

#content {
	position:relative;
	padding:0 10px;
}

/*----------------------------------HEADER-----------------------------------*/

#header #top {
	width:960px;
	margin:0 auto;
	text-align:center;
}

#header #top img {display:block; margin:0 auto;}

#header #logo {
	width:437px;
	height:177px;
	background:url(/images/assets/rukus-logo.jpg) no-repeat;
	float:left;
	margin-left:110px;
}

#header #logo h1 {margin-left:-9999px;}

/*----------------------------------NAVIGATION-----------------------------------*/

#navigation {
	float:left;
	margin-left:30px;
}

#navigation ul {width:268px;}

#navigation li {
	float:left;
	position:relative;
	margin:0 25px 18px 0;
}

#navigation li a {
	display:block;
	width:109px;
	min-height:79px;
	background:url(/images/assets/brain.jpg) no-repeat;
}

#navigation li a span.navTitle {display:none;}

#navigation li a span.navImage {
	display:block;
	padding-top:82px;
}

#navigation li#blog-nav a span.navImage {
	width:57px;
	height:16px;
	background:url(/images/assets/blog-nav.jpg) no-repeat 0 82px;
	margin:0 auto;
}

#navigation li#team-nav a span.navImage {
	width:63px;
	height:17px;
	background:url(/images/assets/team-nav.jpg) no-repeat 0 82px;
	margin:0 auto;
}

#navigation li#video-nav a span.navImage {
	width:64px;
	height:17px;
	background:url(/images/assets/video-nav.jpg) no-repeat 0 82px;
	margin:0 auto;
}

#navigation li#art-nav a span.navImage {
	width:45px;
	height:17px;
	background:url(/images/assets/art-nav.jpg) no-repeat 0 82px;
	margin:0 auto;
}

/*----------------------------------FOOTER-----------------------------------*/

#footer {
	border-top:1px solid #fff;
	background:#3e3e3e;
	
	/* TEMP */
	height:250px;
}

#innerFooter {
	position:relative;
	width:960px;
	margin:0 auto;
}

#innerFooter #footLeft {
	width:280px;
	float:left;
	margin-top:20px;
}

#footLeft h3 {
	font-size:16px;
	font-weight:bold;
}

#footLeft p {
	font-size:11px;
	
}

#innerFooter #footRight {
	width:500px;
	float:right;
	margin-top:21px;
}

#innerFooter #footRight #map {
	float:right;
	border:4px solid #fff;
}

#innerFooter #footRight #address {
	float:left;
}

#footRight #address p#mailingAddress span, #footRight #address p#hours span {font-size:14px; font-weight:bold;}

#footRight #address p#hours {margin-top:1.5em;}

/*----------------------------------CONTENT SETUP-----------------------------------*/

#sidebar {
	width:280px;
	float:left;
}

#mainBlock {
	width:620px;
	float:left;
	margin-left:40px;
	padding-top:39px;
}

#sidebar .sidebarTitle {width:179px; height:29px; background:url(/images/assets/new-stuff.jpg) no-repeat;}
#sidebar .sidebarTitle h3 {margin-left:-9999px;}

#sidebar .sidebarContent {
	margin-top:10px;
	border:4px solid #fff;
}

#sidebar .sidebarContent p {font-size:13px;}

/*----------------------------------SIDEBAR-----------------------------------*/

.sidebarItem {
	margin-bottom:20px;
	text-align:center;
	
}

/*----------------------------------BLOG-----------------------------------*/

.blogPost {
	margin-bottom:25px;
}

.blogPost h1.blogTitle {
	font-size:24px;
	font-weight:bold;
	padding:8px;
	background:#001c20;
}

.blogPost h1.blogTitle a {
	color:#fff;
}

.blogPost p.blogDate {
	margin:5px 0 0 12px;
	font-size:14px;
	font-style:italic;
	color:#FFD800;
}

.blogPost .blogContent {
	padding-left:12px;
}

.blogPost .bigPostPhoto {
	border:1px solid #3E3E3E;
	padding:6px;
	background:#fff;
	float:right;
	margin:0 0 5px 16px;
}

.blogPost .bigPostPhoto a {display:block; width:100%; height:100%;}

.blogPost .bigPostPhoto img {display:block; border:1px solid #3E3E3E;}

.blogPost .blogContent p {}

.blogPost .smallPostPhotos {
	position:relative;
}

.blogPost .smallPostPhotos {
	margin:15px 0;
}

.blogPost .smallPostPhotos li {
	float:left;
	border:1px solid #3E3E3E;
	padding:3px;
	background:#fff;
	margin:0 15px 10px 0;
}

.blogPost .smallPostPhoto img {border:1px solid #3E3E3E;}

.blogPost .blogOptions {
	padding:0 12px;
	font-weight:bold;
}

/*----------------------------------COMMENTS-----------------------------------*/

.blogPost .comments {
	margin:18px 0;
}

.comments .comment-box {
	padding:8px;
	background:#fff;
	color:#333;
}

.comments .comment-box .gravatar {
	border-bottom:1px solid #c3c3c3;
}
.comments .comment-box .gravatar h3 {
	font-size:1.2em;
	font-weight:bold;
	float:left;
}

.comments .comment-box .gravatar h3 a {color:#333;}
.comments .comment-box .gravatar h3 a:hover {text-decoration:underline;}

.comments .comment-box .gravatar .commentTimestamp {float:right; margin:0; padding:0; font-style:italic; color:#c3c3c3;}

.comments .comment-box p {
	color:#333;
	font-size:0.95em;
}

.comment_entry_form {background:#FFD800; padding:8px; margin-top:12px;}

.comment_entry_form h3 {font-size:1.2em; font-weight:bold; color:#333; margin-bottom:8px;}

.comment_entry_form .comment_label {
	color:#333;
}

.comment_entry_form .comment_label .required {color:red;}
.comment_entry_form .comment_label .note {color:#333; font-size:0.9em; font-style:italic;}

.comment_entry_form .comment_field {margin-bottom:8px;}
.comment_entry_form .comment_field input.textbox {
	width:75%;
	font-size:11px;
	padding:4px;
}

/*----------------------------------TEAM-----------------------------------*/

.teamMember {
	position:relative;
	padding-bottom:25px;
	margin-bottom:25px;
	border-bottom:1px solid #333;
}

.teamMember .memberPhoto {
	float:left;
}

.teamMember .memberPhoto a.profilePic img {
	border:1px solid #3E3E3E;
	padding:3px;
	background:#fff;
	width:200px;
	height:200px;
}

.teamMember .memberPhoto .smallmemberPics ul {
	margin:15px 0 0 12px;
	width:195px;
}

.teamMember .memberPhoto .smallmemberPics li {
	margin:0 14px 10px 0;
	float:left;
}

.teamMember .memberPhoto .smallmemberPics li img {
	border:1px solid #3E3E3E;
	padding:2px;
	background:#fff;
}

.teamMember .memberBio {
	float:left;
	margin:0 0 0 20px;
	width:63%;
}

.teamMember .memberBio h1 {
	font-weight:bold;
	font-size:1.8em;
}

/*----------------------------------ART-----------------------------------*/

.artPiece {
	float:left;
	position:relative;
	margin:15px;
	width:175px;
	height:175px;
	text-align:center;
	line-height:198px;
	font-size:1em;
}

.artPiece img {
	border:1px solid #3E3E3E;
	padding:2px;
	background:#fff;
	display:inline;
	vertical-align:middle;
}