/*  
Theme Name: MooCube
Theme URI: http://www.shatteredcube.com/
Description: A custom, yet extendable, design for shatteredcube.com to be used in the wordpress environment.
Version: 1.0
Author: Richard Benson
Author URI: http://www.shatteredcube.com/

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

*/

/*
===========================================================================Typeface Tags*/

a {
	text-decoration: none;
	color: #30acff;
}

a:hover {
	border-bottom: dotted;
	border-bottom-width: 1px;
}

.glass_contain a {
	color: #fff;
	font: 1.1em "Lucida Grande", Verdana, sans-serif;
}

#body_main .entry a:hover {

}

h1 {
	font-family: Verdana, sans-serif, "Lucida Sans";
	font-size: 2em;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	font-family: Verdana, sans-serif, "Lucida Sans";
	font-size: 1.3em;
	font-weight: lighter;
	margin: 0px;
	margin-bottom: 10px;
}
h3 {
	font-family: Verdana, sans-serif, "Lucida Sans";
	font-size: .87em;
	font-weight: lighter;
	margin: 0px 0px 0px 0px;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.25em;
	margin: 0px;
	margin-bottom: 10px;
}

blockquote {
	padding: 10px;
	margin: 0px;
	margin-bottom: 10px;
	border-left: 5px solid #cccccc;
	border-right: 5px solid #cccccc;
}

.nocomments, .postmetadata, blockquote, blockquote p, strike {
	background-color: #EEEEEE;
	font-size: 1.1em;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/*
Customize Lists.
===========================================================================List Structure*/
#body_main ul {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: inside;
	list-style-type: none;
}

#body_sidebar ul {
	padding: 0px;
	margin: 0px;
	list-style: inside;
	list-style-type: none;
}
#body_sidebar h2 {
	margin-top: 10px;
}

#archives li {
	list-style-image: url(images/list_paper.png);
}
#links li {
	list-style-image: url(images/icon_exlink.png);
}

#body_main .entry li {
	padding: 0px;
	margin-left: 15px;
	font-size: 1.1em;
	list-style: outside;
	list-style-image: url(images/list_bluearrow.png);
}

.glass_contain ul {
	padding: 0px;
	margin: 0px;
	list-style: inside;
	list-style-type:none;
}



/*
===========================================================================Top Level Tags*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #fff;
	text-align: center;
	padding: 0px;
	margin: 0px;
	}
/*Good choices for BG colors (Recommend high saturation and low brightness):
Washed Out Blue: #83bade
Sky Blue: #0072bc
Navy: #022f66
Crimson Red: #b90101
Dark Purple: #660236
*/
#wide_banner{
	position: relative;
	top: 73px;
	width: 100%;
	height: 237px;
	margin-bottom: -237px;
	background-color: #0072bc;
	background-image: url(images/header_span_wide.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}

#logo {
	display: block;
	position: relative;
	top: -70px;
	height: 63px;
	width: 758px;
	margin: 0 auto;
	background-color: #0072bc;
	background-image: url(images/header_logo.png);
	background-repeat: no-repeat;
	background-position: top bottom;
}

.div_center{
	position: relative;
	margin: 0px auto;
	width: 70%;
	border: solid;
	border-width: 0px;
	clear: right;

}

#logospace {
	background: none;
	height: 100px;
	width: 100%;
	border: none;
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
}

/*
===========================================================================Header Structure*/
#header_contain {

	clear: both;
	height: 250px;
	width: 100%;
	border: none;
	overflow: hidden;
	position: relative;
}


#fl_left {
	position: relative;
	width: 60%;
	height: 183px;
	float: left;
	clear: left;
	background: none;
	overflow: hidden;
}

#fl_right {
	position: relative;
	width: 28%;
	height: 183px;
	float: right;
	clear: right;
	background: none;
	overflow: hidden;
}
/*
This contains: Search, RSS Posts, RSS Comments, Login
===========================================================================Header: Nuts and Bolts Content*/
#rss_posts{
	vertical-align: middle;
	margin: 10px;
	margin-left: 20px;
	padding: 1px;
	padding-left: 26px;
	height: 28px;
	height: 24px;
	background: url(images/rss_orange.png) no-repeat top left;
}

#rss_comments{
		vertical-align: middle;
	margin: 10px;
	margin-left: 20px;
	padding: 1px;
	padding-left: 26px;
	height: 28px;
	background: url(images/rss_red.png) no-repeat top left;
}

#login{
	vertical-align: middle;
	margin: 10px;
	margin-left: 20px;
	padding: 1px;
	padding-left: 26px;
	height: 28px;
	height: 24px;
	background: url(images/icon_key.png) no-repeat top left;
}

#rss_posts a, #rss_comments a, #login a{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#search{
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  width: 100%;
  height: 22px;
}
#search #s-text {
  margin: 0;
  padding: 0;
  float: left;
}
#s {
  margin: 8px 0 0 0;
  padding: 0 0 0 8px;
  float: left;
  font: 1.1em "Lucida Grande", Verdana, sans-serif;
  width: 80%;
  border: 0;
  color: #888;
}
#search #s-submit {
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
}
#searchsubmit {
  margin: 0;
  padding: 0;
  float: right;
  background: url(images/search_submit.png) no-repeat 0% 0%;
  width: 27px;
  height: 22px;
  border: 0;
}
#search label {
  display: none;
}

/*
===========================================================================Header: Main Button*/
#header_nest_button {
	background: none;
	height: auto;
	width: 11%;
	float: right;
	border: none;
	position: relative;
	top: 148px;
}

#header_nest_button span {
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
	background: top left no-repeat;
	background-image: url(images/cube_button_3.png);
	background-position: 0px -140px;
	margin: 0px auto;
	}
#header_nest_button span:hover {
	background: top left no-repeat;
	background-image: url(images/cube_button_3.png);
	background-position: 0px -70px;
	display: block;
	width: 70px;
	height: 70px;
	margin: 0px auto;
	}
#header_nest_button span:active {
	background: top left no-repeat;
	background-image: url(images/cube_button_3.png);
	background-position: 0px 0px;
	display: block;
	width: 70px;
	height: 70px;
		margin: 0px auto;
	}

/*
===========================================================================Header Glass Structure*/
.glass_contain {
	/*Defaul Visibility is off*/
	position: relative;
	top: 183px;
	width: auto;
	float: right;
	height: auto;
	background: url(images/glass_tile.png) repeat left top;
	clear: none;
	margin: 3px 3px 0px 3px;
	margin-left: 9px;
	text-align: left;
}

.glass_content {
	background: none;
	height: 153px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.glass_bottom {
	position: relative;
	background: none;
	margin: 0px 0px 0px 0px;
	height: 27px;
	width: 100%;
}

.glass_hold_l {
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px -3px;
	float: left;
	background: none;
	height: 27px;
}

.glass_hold_r {
	position: relative;
	margin: 0px -3px 0px 0px;
	float: right;
	background: none;
	height: 27px;
}

.glass_hold_l span {
	display: block;
	position: relative;
	height: 27px;
	width: 27px;
	background: url(images/glass_lefthold.png) no-repeat bottom left;	
}

.glass_hold_r span{
	display: block;
	position: relative;
	height: 27px;
	width: 27px;
	background: url(images/glass_righthold.png) no-repeat bottom right;	
}

/*
===========================================================================Body Structure*/
#body_contain {
	background-color: #fff;
	clear: right;
	height: auto;
	width: 100%;
	border: none;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 5;
}

#body_main {
	width: 61%;
	background: none;
	float: left;
	position: relative;
	text-align: justify;
	clear: none;
}

#body_main .entry{ /*Contains the body of the post.  Does not include headers.*/

}

#body_main a.comments_link {
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	/*background-image: url(images/icon_talkbubble.png);
	background-position: top left;
	background-repeat: no-repeat;*/
}

/*
Side Bar Loving
===========================================================================Side Bar*/
#body_sidebar {
	width: 28%;
	height: auto;
	background: none;
	float: right;
	position: relative;
	text-align: left;
}

#cow {
	position: relative;
	width: 100%;
	max-width: 200px;
	float: left;
}

/*
These address the color buttons.
===========================================================================Body Bolor Buttons*/
#body_buttons {
	width: 11%;
	height: auto;
	margin-top: -25px;
	margin-right: 0px;
	margin-left: 0px;
	background: none;
	float: right;
	position: relative;

}

#body_buttons .co_but {
	display: block;
	width: 70px;
	height: 36px;
	position: relative;
	background: top left no-repeat;
	background-position: 0px -74px;
	margin: 0px auto;
	}

#body_buttons .co_but:hover {
	background: top left no-repeat;
	background-position: 0px -36px;
	display: block;
	width: 70px;
	height: 36px;
	}
	
#body_buttons .co_but:active {
	background: top left no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 70px;
	height: 36px;
	}


/*
Use these fields to customize the content Box(es).
===========================================================================Content Fluid Structure*/

.content_gui {
	width:100%;
	background:#fff url(images/content_leftflu.png) repeat-y left top;
	clear: right;
	margin-bottom: 10px;
}


.content_gui_top {
	background-image: url(images/content_topspan.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 100%;
	height: 20px;
	margin-bottom: -10px;
	border: none;
}

.content_gui_top span {
	display: block;
	position: relative;
	height: 20px;
	background: url(images/content_topright.png) no-repeat top right;	
}


.content_gui_middle {
	background-image: url(images/content_rightflu.png);
	background-repeat: repeat-y;
	background-position: top right;
	position: relative;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.content_gui_bottom_ref {
	background-image: url(images/content_botspan_ref.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 64px;
	visibility: visible;
}

.content_gui_bottom_ref span {
	display: block;
	position: relative;
	height: 64px;
	background: url(images/content_botright_ref.png) no-repeat bottom right;	
}

.content_gui_bottom {
	background-image: url(images/content_botspan.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 30px;
	visibility: visible;
}

.content_gui_bottom span {
	display: block;
	position: relative;
	height: 30px;
	background: url(images/content_botright.png) no-repeat bottom right;	
}

/*
===========================================================================Comment Form Structure*/
#comments{ /*References an H3*/

	margin-top: 30px;
}

.commentlist{
	margin: 0px;
	padding: 10px;
	list-style-position: inside;

}

.commentlist li {
	padding: 5px;
	margin: 0px;
	list-style-image: url(images/icon_talkbubble.png);
}

.commentlist li.alt{
	background-color: #EDEDED;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	}

.commentlist p {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.2em;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform textarea {
        display: block;
	width: 100%;
        height: 300px;
}

/*
===========================================================================Footer Structure*/
#footer_contain {
	background: none;
	text-align: center;
	width: 100%;
	clear: right;
	float: left;
}