/*	Desc: *Catalyst Blog* Screen Style Sheet
		Author: *Harold Essex*
		Date: *2/16/2010*
	=== === === === === === === === === === */

/*=STRUCTURE
	=== === === === === === === === === === */

html {
	
}

body {
	background-color: #efefeb;
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*=COMMON
	=== === === === === === === === === === */

* {
	padding: 0;
	margin: 0
}

p,
	li {
	line-height: 150%
}

#masthead h1 {
	text-indent: -9999px;
	font-size: 1%
}

a {
	
}

/*=MASTHEAD
	=== === === === === === === === === === */

#masthead {
	
}

/*=NAVIGATION
	=== === === === === === === === === === */

#navigation {
	width: 882px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#branding {
	width: 262px;
	height: 148px;
	float: left;
}

#branding img {
	padding-top: 10px;
}

#navContainer {
	float: left;
	height: 51px;
	width: 600px;
}

#navContainer ul {
	list-style-type: none;
	text-align: center;
	font-family: arial;
	font-size: 14px;
	height: auto;
	padding-top: 70px;
	margin-left: 60px;
}

#navContainer ul li {
	display: block;
	float: left;
}

#navList li {
	height: 51px;
	background-image: url(images/navigation_sprites.gif);
}

#navList li {
	height: 51px;
	background-image: url(images/navigation_sprites.gif);
}

#navList li a {
	padding: 0;
	margin: 0;
	display: block;
	height: 51px;
	width: 100%;
	color: #efefeb;
	text-align: left;
}

#subNavContainer {
	width: 500px;
	margin-left: 330px;
	color: #b3b3b3;
}

#subNavContainer ul {
	padding-top: 5px;
	width: auto;
	height: 25px;
}

#subNavContainer ul li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
	color: #b3b3b3;
	border-right: 1px solid #b3b3b3;
	float: left;
	margin-right: 10px;
}

#subNavContainer ul li.currentpage h3 {
	font-size: inherit;
	margin-top: -1px;
	color: #fdd75c;
	font-weight: normal;
	font-style: normal;
}

#subNavContainer ul li:last-child {
	border-right: 0 none white;
	font-weight: bold;
}

#subNavContainer ul li a {
	color: #b3b3b3;
	text-decoration: none;
	font: 16px "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#subNavContainer ul li a:hover {
	color: #fcb042;
}

#subNavContainer ul li a.current {
	color: #4c4c4c;
}

#navPromos {
	width: 122px;
	background-position: 0px 0px;
}

#navPromos:hover {
	width: 122px;
	background-position: 0px -51px;
}

#navSpiel {
	width: 136px;
	background-position: 136px 0px;
}

#navSpiel:hover {
	width: 136px;
	background-position: 136px -51px;
}

#navBrand {
	width: 102px;
	background-position: -122px 0px;
}

#navBrand:hover {
	width: 102px;
	background-position: -122px -51px;
}

#navGallery {
	background-position: -224px 0px;
	width: 115px;
}

#navGallery:hover {
	background-position: -224px -51px;
	width: 115px;
}

#navBlog {
	width: 85px;
	background-position: 221px 0px;
}

#navBlog:hover {
	width: 85px;
	background-position: 221px -51px;
}

#boltLogo {
	margin-left: 10px;
}

/*=CONTENT
	=== === === === === === === === === === */

#content {
	width: 882px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#contentCap {
	width: 880px;
	height: 29px;
	background: url(images/sub_content_cap.gif) no-repeat center top;
	float: left;
}

#contentMid {
	width: 880px;
	height: auto;
	background: url(images/sub_content_mid.gif) repeat-y;
	float: left;
	padding-top: 30px;
}

#contentFoot {
	width: 880px;
	height: 30px;
	background: url(images/sub_content_foot.gif) no-repeat;
	float: left;
}

#contentImage {
	float: left;
	margin-left: -150px;
	width: 456px;
	height: auto;
}

#contentImageCaption {
	width: 190px;
	float: right;
	margin-right: 90px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #999;
	font-size: 12px;
	font-style: italic;
	line-height: 1em;
}

#contentCopy {
	float: left;
	width: 60%;
}

/*=CONTENTFORMATTING
	=== === === === === === === === === === */

#contentCopy {
	color: #78787a;
	line-height: 5ex;
	margin-left: 25px;
	margin-bottom: 25px;
}

#contentCopy h1, #contentCopy h2, #contentCopy h3, #contentCopy h4, #contentCopy h5, #contentCopy h6 {
	color: #c62e27;
}

#contentCopy h1 {
	font-size: 28px;
}

#contentCopy h2 {
	
}

#contentCopy h3 {
	
}

#contentCopy h4 {
	
}

#contentCopy h5 {
	
}

#contentCopy h6 {
	
}

#contentCopy p {
	margin-top: 5px;
	margin-bottom: 20px;
}

#contentCopy p.highlight {
	color: #e1b45f;
}

#contentCopy p.subdued {
	color: #d4d4d4;
}

#contentCopy p.error {
	color: #fe110f;
}

#contentCopy p.success {
	color: #008100;
}

#contentCopy p.caption {
	color: #333;
	font-style: italic;
}

#contentCopy p small {
	font-size: .75em;
}

#contentCopy ul, #contentCopy ol {
	margin-left: 50px;
}

#contentCopy ul li, #contentCopy ol li {
	
}

/*=BLOG	=== === === === === === === === === === */

#contentBlogExtras {
	width: 200px;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	background-color: #efefeb;
	border: 1px solid #cbcac9;
}

#contentBlogExtras ul li {
	list-style-type: none;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contentBlogExtras ul li a {
	text-decoration: none;
	color: #787887;
}

#contentCopyBlog h2 a, 
#contentCopyBlog h2 a:link, #contentCopyBlog h2 a:active, #contentCopyBlog h2 a:visited {
	text-decoration: none;
	color: #c62e27;
	line-height: 1.25em;
	padding-bottom: 5px;
	display: block;
}

#contentCopyBlog .storycontent img {
	margin-right: 10px;
	margin-bottom: 10px;
	border-style: none;
}

#sidebar ul li h2 {
	font-size: 14px;
	color: #ea9c2f;
}

#searchform {
	width: 190px;
	margin-bottom: 20px;
	margin-top: 5px;
	float: left;
	text-align: center;
}

input#s {
	width: 175px;
	clear: left;
	float: left;
	background: #fafafa url(images/meta-bg.gif) repeat-x 0 bottom;
	border: 1px solid #8d8d8c;
	height: 20px;
}

#searchform div input {
	margin-right: auto;
	margin-top: 5px;
}

#searchsubmit {
	float: left;
	margin-left: 10px;
}

#searchform div label.screen-reader-text {
	display: none;
}

/*=FOOTER
	=== === === === === === === === === === */

#footer {
	
}

.meta {
	padding-top: 8px;
	background: url(images/meta-top.gif) no-repeat 0 0;
	width: 550px;
}

.meta {
	font-size: 10px;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	color: #444;
}

#contentCopy .meta p {
	padding: 5px 0;
	line-height: 15px;
	margin: 0;
}

.meta .bg {
	background: #fafafa url(images/meta-bg.gif) repeat-x 0 bottom;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	padding: 0 10px;
	height: 100%;
	margin-top: 5px;
}

.meta .bot {
	height: 4px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	background: url(images/meta-bot.gif) no-repeat 0 0;
	margin-bottom: 40px;
	border-bottom: 1px dotted #cbcac9;
	padding-bottom: 10px;
	width: 550px;
}

#contentCopyBlog h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: auto;
	display: inline;
}


#commentform #submit {
	margin: 0;
}

.meta .comments-num {
	float: right;
	display: inline;
	font-size: 11px;
	color: #682815;
	font-weight: bold;
}

.meta .comments-num {
	padding: 5px 0 5px 30px;
	margin-left: 10px;
	background: url(images/meta-comments-num.gif) no-repeat 0 3px;
}