/*
	Theme Name: Media Catalog WordPress Theme
	Theme URL: http://www.farpointmedia.com/themes/catalog
	Description: Media Catalog is a 3-column theme with Catalog like paging
	Author: FarPoint Media
	Author URI: http://www.farpointmedia.com
	Version: 0.61

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
	
		0.61 Added: Front page new Display
			 Activated the proper feed links
			 Moved blog output to a function
			 Activate the preferences to control what appears on homepage
				
		0.60 Add News Blog Pages for Corp, Show and Industry News.
			 Updated the search function ajax to return correct results.
			 Create custom program versus post display layouts
			 Fixed Search.php output to layout correctly.
			 Numerous other cosmetic enhancements.
		
		0.53 Update search function, add donation buttons
	
		0.52 Added in Ustream Integrate to the template and fix firefox layout bugs -11/3/09
		
		0.51 add the front pages restore the gallery and fixed all the ie layout bugs -11/2/09
		
		0.5 added the bigcontact.com players -10/31/09
*/

/*/////////////// GENERAL ///////////////*/


* { margin:0; padding:0; }

body {
	/* background: #000000 url(images/bkgrd/bg-d2l.jpg) top center repeat;*/
	background: #000000;
	color: #000000;
	margin: 0px;
}


/*/////////////// TYPEOGRAPHY ////////////*/

/*
Active Color Modes:
/*
/*	_black_
/*	background: #000000; /* Background Color */
/*
/*	_light black_
/*	background: #222222; /* Menu Color */
/*	background: #222222 url(images/mc.navhover.png); /* Menu Color */
/*	background: #222222; /* Button Background Color */
/*	background: #222222 !important; /* Text Box Important */
/*	color: #222222; /* TextBox Color */
/*	border: 1px solid #000000 /* Invisible box color */
/*
/*	_darker gray__
/*	solid #4D4D4D; /* Button Divider Color */
/*	color: #4D4D4D; /* Button Divider Color */
/*  solid #4D4D4D; /* Box Line Color */
/*
/*	_dark gray_
/*	background: #353535 url(images/mc.boxbar.png); /* Box Title Bar Color */
/*	background: #353535 url(images/mc.navbar.png); /* Box Title Bar Color */
/*	color: #353535; /* Box Title Bar Color */
/*
/*	_light gray_
/*	
/*	solid #0087CC; /* Emphasis Borders */
/*	
/*	_silver_
/*	color: #CCCCCC; /* Regular Text Color */
/*	color: #CCCCCC; /* Text Link Color */
/*
/*	_blue_ <--sync with banner logo
/*	color: #0087CC; /* Small Text Headers */
/*	color: #0087CC; /* Emphasis Borders */
/*	solid #0087CC; /* Box Line Current Color */
/*
/*	_green_ <---sync with banner logo
/*	background: #98CD00; /* Hover Over Button */
/*	color: #98CD00; /* Hover Text Links */
/*
/*	_white_
/*	background: #222222 url(images/mc.navhover.png); /* Menu & TextBox Color */
/*	color: #FFFFFF; /* Box Title Text Color */
/*	color: #FFFFFF; /* Hover over Button Text */
/*	color: #FFFFFF url(image/mc.navbar.png); /* Menu Bar Text Color */
/*	color: #FFFFFF; /* Menu Bar Text Color */
/**/

* { 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

h1,h2,h3,h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	letter-spacing: 2px;
}

h1 {
	background: #353535;
	background-image: url(images/mc.boxbar.png); /* Box Title Bar Color */
	color: #FFFFFF; /* Box Title Text Color */ 
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

h2 {
	color: #0087CC; /* Small Text Headers */
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0px 3px 7px;
}

h3 {
	color: #0087CC; /* Small Text Headers */
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
}

h4 {
	color: #0087CC; /* Small Text Headers */
	font-size: 11px;
	font-weight: bold;
	padding: 1px 0px 1px 13px;
}

h1 a, h1 a:visited {
	background: #353535 url(images/mc.boxbar.png); /* Box Title Bar Color */
	color: #FFFFFF; /* Box Title Text Color */ 
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #98CD00; /* Hover Text Links */ 
	text-decoration: underline;
}

a, a:visited { 
	color: #98CD00; /* Text Link Color */
	text-decoration: none;
}

a:hover {
	color: #98CD00; /* Hover Text Links */ 
	text-decoration: underline;
}

a:focus, a:hover, a:active {
	outline: none;
}

p {
	color: #CCCCCC; /* Regular Text Color */
	margin: 0px;
	padding: 3px 10px 10px 3px;
}

p.fakeemail {
	color: #98CD00; /* Hover Text Links */
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


/*////////////////// Containers /////////////*/

#container {  /* Holds entire web page */
	background: #000000;
	width: 1070px;
	padding: 0px;
	padding-top: 10px; /* room for the static menu bar */
	color: #CCCCCC;
	font-size: 12px;
	line-height: 16px;
}

#container1 { /* Hold the background image */
	background: #000000;
	background-image: url(images/bkgrd/title_banner.jpg);
	background-repeat: no-repeat;
	width: inherit;
	padding: 0px;
}

#container2 { /* Hold the content and sidebars		*/
	background: none;
	width: inherit;
	padding: 0px;
}

div#container, 
div#container1,
div#container2,
footer {
	min-width: 1066px;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 0px solid #ff0000;

}

#container3 { /* Hold the content areas in position */
	background: none;
	float: left;
	height: auto;
	padding-top: 0px;
	border: 0px solid #ff0000;
	padding: 0px;
}

/*/////////////// HEADERS ///////////////*/

div#header,
div.headerleft,
div.headercenter,
div.headerright {
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #0000ff;
	color: #000000; /* Background Color */
}	

#header {
	width: 1064px;
	height: 145px;
	padding-top: 0px;
	/*background-image: url(images/logo.jpg);*/
}

.headerleft {
	width: 330px;
	height: inherit;
	float: left;
	font-size: 120px;
	line-height: 90px;
	padding: 0px;
}

.headercenter {
	width: 400px;
	height: 130px;
	float: left;
	font-size: 14px;
	line-height: 120px;
	text-align: center;
	padding: 0px;
	padding-top: 10px;
}

.headerright { 
	width: 315px;
	height: 130px;
	float: right;
	padding-right: 10px;
	padding-top: 15px;
	text-align: right;
}

.headerright a img, .headerright p,
.headercenter a img, .headercenter p {
	vertical-align: middle;
	padding: 0px 0px 2px 0px;
}

.headerright a, .headerright a:visited,
.headercenter a, .headercenter a:visited {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #CCCCCC; /* Text Link Color */
}

.headerleft a:hover {
	text-decoration: none;
}

.headerright a:hover,
.headercenter a:hover {
	color: #98CD00; /* Hover Text Links */
	text-decoration: underline;
}

/*/////////////// CONTENT ///////////////*/

div#contentfull,
div#contentmain,
#sidebarinpage,
.contentpage,
.innercontent,
.leftcontent,
.rightcontent {	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

div#contentfull,
div#contentmain {
	background: none; /* Content Background Color */
	color: #CCCCCC;   /* Regular Text Color */
	border: 1px solid #4D4D4D;
	margin-bottom: 5px;
}

#content {
	background: none; /* Content Background Color */
	color: #CCCCCC; /* Regular Text Color */
	width: 740px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ffff00;
	margin: 0px 5px 5px 5px;
}

#contentfull {
	display: inline;
	width: 1065px;
	line-height: 20px;
	margin-bottom: 5px;
}

#contentmain {
	width: auto;
	height: auto;
}
 
#contentpage {
	display: inline-table;
	color: #CCCCCC; /* Regular Text Color */
	width: 740px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.topcontent  {
	display: inline-table;
	vertical-align: top;
	line-height: 22px;
	width: 100%;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
	border: 0px solid blue;
}

.bottomcontent {
	clear: both;
	display: block;
	vertical-align: bottom;
	width: 100%;
	min-height: 250;
	margin: 0px;
	padding: 0px;
}

.innercontent  {
	display: inline-table;
	width: 100%;
	margin: 0px;
	padding: 0px;	
}

.leftcontent {
	display: block;
	float: left;
	width: 350px;
	min-height: 300px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #4D4D4D;
}

.rightcontent {
	display: block;
	float: right;
	width: 340px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #4D4D4D;
}

.sidebarinpage {
	display: inline-table;
	float: right;
	width: 336;
	min-height: 240px;
	border: 0px solid #4D4D4D;
	padding: 5px 5px 2px 2px;	
}

.contentcarousel {
	display: inline-table;
	width: 100%;
	height: auto;
	text-align: center;
}

.fullwidth_audio_player {
	display: inline-table;
	width: 100%;
	min-height: 350px;
	border: 1px solid #4D4D4D;
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
}

.halfwidth_audio_player {
	/*Set H&W to match players used*/
	display: block;
	float: right;
	width: 340px;
	height: 350px:
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #4D4D4D;
}

.halfwidth_video_player {
	display: block;
	float:left;
	background: none; /* Content Background Color */
	width: 370px;
	height: 490px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #4D4D4D;
	overflow: hidden;
}

.halfwidth_chat_player {
	display: block;
	float:right;
	background: none; /* Content Background Color */
	width: 350px;
	height: 495px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #4D4D4D;
	overflow: hidden;
}


p.div.fullwidth_video_player,
p.div.fullwidth_chat_player,
p.div.halfwidth_video_player,
p.div.fullwidth_audio_player,
p.div.halfwidth_audio_player {
	text-align: center;
}

.contentcarousel,
.fullwidth_audio_player,
.halfwidth_audio_player {
	border: 0px solid #0000FF;
	background: none;
}

#contentpage, .topcontent,
.bottomcontentpage, .innercontent,
.leftcontent, .rightcontent {
	border: 0px solid #FF0000;
	background: none; /* Content Background Color */
}

/*/////////////// COVERPAGE //////////////*/

/* debug border colors */
.coverpage, #topcoverarea,
.bottomcoverarea, .innercovercontent,
.leftcoverarea, .rightcoverarea {
	border: 0px solid #FF0000;
} 

#coverpage,
.innercovercontent,
.leftcoverarea,
.rightcoverarea,
.leftvideocoverarea,
.rightvideocoverarea {
	border: 0px solid #4D4D4D;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#coverpage {
	display: inline-table;
	background: none; /* Content Background Color */
	color: #CCCCCC; /* Regular Text Color */
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#topcoverarea  {
	display: inline-table;
	vertical-align: top;
	width: 99%;
	height: 425px;
	margin: 0px;
	padding: 0px;
	border: 0px solid blue;

}

.bottomcoverarea  {
	display: inline-table;
	vertical-align: bottom;
	width: 99%;
	height: 48%%;
	margin: 0px;
	padding: 0px;
}

.innercovercontent  {
	display: inline-table;
	background: none; /* Content Background Color */
	width: 99%;
	margin: 3px;
	padding: 0px 2px 2px 2px;	
}

.leftcoverarea {
	display: block;
	float:left;
	background: none; /* Content Background Color */
	width: 345px;
	height: 420px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #4D4D4D;
}

.rightcoverarea {
	display: inline-table;
	float: left;
	background: none; /* Content Background Color */
	width: 345px;
	height: 420px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #4D4D4D;
}

.rightvideocoverarea {
	display: block;
	float:right;
	background: none; /* Content Background Color */
	width: 370px;
	height: 450px;
	margin: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #4D4D4D;
}

.leftvideocoverarea {
	display: block;
	float: left;
	background: none; /* Content Background Color */
	width: 315px;
	height: 450px;
	margin: 5px;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #4D4D4D;
/* 	overflow: hidden; */
}

/*//////////Page sub items ////////////*/

blockquote {
	/* background: #222222; /* Menu & TextBox Color */
	margin: 15px 25px 15px 25px;
	padding: 10px 30px 10px 30px;
	border: 1px solid #0087CC; /* Emphasis Borders */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.postarea {
	/* background: #222222; /* Menu & TextBox Color */
	background: none;
	margin: 0px 0px 0px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.postarea a, .postarea a:visited {
	color: #98CD00; /* Hover Text Links */ 
	text-decoration: none;
}

.postarea a:hover {
	color: #98CD00; /* Hover Text Links */ 
	text-decoration: underline;
}
.postarea ul { 
	margin:  0px 30px 10px 30px;
	padding: 0px 0px 0px 0px;
	list-style-type: square; 
}

.postarea ol {
	margin:  0px 30px  10px 30px;
	padding: 0px 0px 0px 0px;
}

.postarea ul li {
	margin:  0px 0px 0px 20px;
	padding: 0px 0px 0px  0px;
	list-style-type: square;
}

.postarea ol li {
	margin:  0px 0px 0px 20px;
	padding: 0px 0px 0px  0px;
}

.postaera ul ul {
	margin:  0px;
	padding: 0px;
	list-style-type: square;
}

.entry {
	width: auto;
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 16px;
}

.entry p {
	margin: 0px 15px 0px 5px;
}

.entry h1 {
	margin-left: 0px;
	margin-right: 0px;
}

.postdate {
	color: #CCCCCC; /* Regular Text Color */
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 15px 15px;
}

.postdate p {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

.postmeta {
	background: none; /* Background Color */
	opacity: .75;
	filter:alpha(opacity=75);
	color: #CCCCCC; /* Regular Text Color */
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* Half size text area creates Two columns for site map */
.column {
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px 20px 20px 0px;
}




/*/////////////// CATALOG item display ///////////////*/
#catalogpage {
	float: left;
	width: auto;
	margin: 0px 0px 0px 0px;
}

#catalogpage img {
width: 117px;
height: 117px;
float: left;
margin: 0 8px 8px 0;
}

.title {
	width: 735px;
	float: left;
	height: 15px;
	padding: 0px 0px 10px 0px;
}

.title h3 {
	color: #CCCCCC;
	padding: 10px 0px 0px 10px;
}

.catalogitem {
	width: 331px;
	height: 250px;
	float: left;
	border: 0px solid #555555;
	margin: 0 -1px -1px 0;
	padding: 16px;
	color: #CCCCCC;
}

.rightcoverarea .catalogitem {
	width: 330px;
	height: auto;
	border: 0px solid #555555;
	margin: 5px;
	padding: 0px 5px 0px 5px;
	color: #CCCCCC;
}

.leftvideocoverarea .catalogitem {
	width: 295px;
	height:	440px;
	margin: 5px;
	padding: 0px 5px 0px 5px;
	border: 0px solid #4D4D4D;
}

}.catalogitem h2, .catalogitem h2 a {
	color: #98CD00; /* Hover Text Links */
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px -10px;
}

.itemdetails {
	font-size: 11px;
	width: 325px;
	float: left;
	margin: 1px 0px 15px 0px;
}

.rightcoverarea .itemdetails {
	font-size: 10px;
	width: 330px;
	float: left;
	margin: 1px 0px 15px 0px;
}

.leftvideocoverarea .itemdetails {
	font-size: 10px;
	float: left;
	width: 285px;
	margin: 1px 5px 15px 5px;
}

.morelink {
	width: 150px;
	float: left;
	margin: 5px 0 0 0;
}

.featuredmorelink {
	width: 150px;
	float: left;
	margin: 10px 0 0 0;
}

.morelink a:link, .morelink a:visited {
color: #0087CC;
}


.newsentry .more-link {
	width: 150px;
	float: left;
	margin: 0px 0 15px 5px;
color: #0087CC;
}

.newspostdate p {
	margin: 5px 0 5px 0px;
}

.newsentry p {
	margin: 0px 20px 5px 20px;
}


/* Related Posts and You might like suggestion*/
ol.related-posts {
	clear:both;
	text-align:center;
	margin:10px 0px 0px 20px;
	padding:0;
}

ol.related-posts li {
	width: 90px;
/* 	 float:left; */
	 display:inline-table; 
	 margin-right:5px; 
	 padding:0;
}
ol.related-posts img {
	clear:both; 
	padding:2px; 
	background:none; 
	border: 0px solid #4d4d4d;
	margin-bottom: 20px;
}
	
ol.related-posts a {
	clear:both; 
	display:block; 
	border:none; 
}
	
ol.related-posts li {
	font-size:12px;
}

/*/////////////// SIDEBARS //////////////*/

#sidebarright {
	float: right;
	width: 175px;
	padding: 0px;
	line-height: 16px;
	border: 0px solid #ffff00;
	margin: 1px 0px 4px 5px;
}

#sidebarleft {
	float: left;
	width: 130px;
	height: 600px;
	margin: 0px 5px 4px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
	border: 0px solid #ffff00;
}

#sidebarhdivider {
	display: inline-table;
	width: 735px;
	margin: 0px 5px 4px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
	border: 0px solid #ffff00;
}




#sidebarright h2,
#sidebarleft h2,
#sidebarhdivider h2,
#sidebarinpage h2{
	background: #353535 url(images/mc.boxbar.png); /* Box Title Bar Color */
	color: #FFFFFF;
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0px;
	padding: 2px 0px 3px 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

#sidebarright .widget,
#sidebarleft .widget,
#sidebarhdivider .widget
#sidebarinpage .widget   {
	background: none;
	color: #4D4D4D; /* Button Divider Color */ 
	opacity: .90;
	border: 1px solid #4D4D4D;
	margin: 0px 0px 8px -2px;
	padding: 0px 0px 3px 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebarright select#cat,
#sidebarleft select#cat,
#sidebarhdivider select#cat,
#sidebarinpage select#cat {
	background: #353535 url(images/mc.boxbar.png); /* Box Title Bar Color */
	width: 90%;
	margin: 10px 0px 5px 10px;
	color: #CCCCCC; /* Regular Text Color */
	font-size: 12px;
	border-style: none;
}

#sidebarright ul li li,
#sidebarleft ul li li,
#sidebarhdivider ul li li,
#sidebarinpage ul li li {
	background: none;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border-top: 1px solid #111111;
}

#sidebaright ul li li a,
#sidebarleft ul li li a,
#sidebarhdivider ul li li a,
#sidebainpage ul li li a,
#sidebaright ul li li a:visited,
#sidebarleft ul li li a:visited,
#sidebarhdivider ul li li a:visited,
#sidebainpage ul li li a:visited {
	color: #CCCCCC; /* Text Link Color */
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

#sidebarright ul li ul li a:hover,
#sidebarleft ul li ul li a:hover,
#sidebarhdivider ul li ul li a:hover,
#sidebarinpage ul li ul li a:hover,
 {
	color: #98CD00; /* Hover Text Links */
	text-decoration: underline;
}

.textwidget {
	height: 600;
	margin: 0px;
	border: 0px solid #ff0000;
	padding: 5px 0px 5px 3px;
}


/*/////////////// NAVBARS ///////////////*/

#navbar {
	position: absolute;
	top: 0px;
	width: 1065px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
 	background: #353535	url('images/mc.navbar.png'); /* Box Title Bar Color */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #00ff00;
	display: inline;
}

.navbarleft {
	width: 700px;
	float: left;
}

.navbarright {
	width: 300px;
	float: right;
	padding: 0px;
}

#navbuttons {
	font-weight: normal;
}

#navbuttons ul, #navbuttons li {
	float: left;
	list-style: none;
}

#navbuttons li a, #navbuttons li a:link, #navbuttons li a:visited {
	background: #353535 url('images/mc.navbar.png'); /* Menu & TextBox Color */
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	color: #FFFFFF; /* Menu Bar Text Color */
	display: block;
	font-size: 12px;
	padding: 3px 20px 3px 20px;
	border-right: 1px solid #4D4D4D; /* Button Divider Color */
}

#navbuttons li a:hover, #navbuttons li a:active {
	background: #222222 url('images/mc.navhover.png'); /* Menu & TextBox Color */
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	color: #FFFFFF; /* Menu Bar Text Color */
	padding: 3px 20px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #4D4D4D; /* Button Divider Color */
}

#navbuttons li li a, #navbuttons li li a:link, #navbuttons li li a:visited {
	background: #4D4D4D url('images/mc.navbar.png'); 
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	opacity: .96;
	filter:alpha(opacity=90);
	width: 160px;
	color: #FFFFFF; /* Menu Bar Text Color */
	font-size: 11px;
	float: none;
	margin: 0px;
	padding: 3px 10px 3px 10px;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #4D4D4D; /* Button Divider Color */
	border-right: 1px solid #4D4D4D; /* Button Divider Color */
}

#navbuttons li li a:hover, #navbuttons li li a:active {
	background: #222222 url('images/mc.navhover.png');
	text-shadow: #000000 0.1em 0.1em 0.2em; 
	color: #98CD00; /* Hover Text Links */
	opacity: .96;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px 10px 5px 10px;
}

/****** Style submenus and hide them off screen ******/
#navbuttons li ul {
	height: auto;
	width: 170px;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	z-index: 9999;
	position: absolute;
	left: -999em;
}

/***** Unhide drop menu on hover over ******/

#navbuttons li:hover ul,
#navbuttons li li:hover ul,
#navbuttons li li li:hover ul,
#navbuttons li.sfhover ul,
#navbuttons li li.sfhover ul,
#navbuttons li li li.sfhover ul {
	left: auto;
}

/***** Keep top level menu bar visible ****/
#nav li:hover,
#nav li.sfhover {
	position: static;
}

/*/////////////// BLOG ELEMENTS /////////*/
/*/////////////// FORMS /////////////////*/

#cat {
	background: #353535;
	width: 280px;
	color: #CCCCCC; /* Regular Text Color */
	font-size: 14px;
	margin: 10px 0px 5px 10px;
	padding: 3px;
	display: inline;
	border: 1px solid #4D4D4D; /* Box Line Color */;
	}

.searchform, #searchform {
	margin: 0px;
	padding: 0px 0px 0px 2px;
}

.searchdiv {
	margin: 0px;
	padding: 0px;
}

#searchboxposts {
	background: #000000; /* Background Color */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #98CD00;
	float: right;
	width: 95%;
	font-size: 13px;
	padding: 1px, 0px, 2px, 0px;
	margin: 2px 5px 0px 0px;
	border: 0px solid #4D4D4D; /* Box Line Color */
}

#searchboxpages {
	background: #000000; /* Background Color */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #98CD00;
	float: right;
	width: 95%;
	font-size: 13px;
	padding: 1px, 0px, 2px, 0px;
	margin: 4px 5px 0px 0px;
	border: 0px solid #4D4D4D; /* Box Line Color */
}


.searchbutton {
	background: #353535; /* Box Title Bar Color */
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #CCCCCC; /* Regular Text Color */
	font-size: 12px;
	letter-spacing: 1px;
	margin: 1px 0px 0px 0px;
	padding: 1px;
	border: 1px solid #4D4D4D; /* Box Line Color */
}

.searchbutton a:hover, active, hover {
	background: #848484; /* Box Line Color */
	color: #98CD00; /* Hover Text Links */
}

#author, #email, #url {
	background: #222222 !important; /* Text Box Important */
	color: #CCCCCC; /* Regular Text Color */
	font-size: 12px;
	margin: 0px;
	padding: 4px;
	border: 1px solid #555555;
}

#comment {
	background: #222222 !important; /* Text Box Important */
	color: #CCCCCC; /* Regular Text Color */
	font-size: 12px;
	padding: 4px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #555555;
}

#submit {
	background: #1A1A1A;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #CCCCCC;
	letter-spacing: 2px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #111111;
}

/*/////////////// COMMENTS //////////////*/

.commentsarea {
	background: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.commentsstuff {
	margin: 0px;
	padding: 15px;
}

.commentlist li ul li {
	font-size: 12px;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar {
	background: #666666;
	float: right;
	border: 1px solid #444444;
	margin: 0px 5px 0px 10px;
	padding: 2px;
}

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

.commentlist p {
	font-weight: normal;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0px;
}

#commentform {
	margin: 5px 10px 0px 0px;
}

#commentform textarea {
	width: 98%;
	padding: 2px;
}

#respond {
	margin: 0px;
	padding: 0px;
}

#respond:after {
	content: ".";
	display: block;
	height: 0px;
/* 	clear: both; */
	visibility: hidden;
}

#commentform p {
	margin: 5px 0px 5px 0px;
}

#commentform #submit {
	margin: 0px;
	float: left;
}

.commententry {
	margin: 0px;
	padding: 0px;
}

.alt {
	margin: 0px;
	padding: 10px;
}

.commentlist {
	margin: 0px;
	padding: 0px;
}

.commentlist ol {
	margin: 0px;
	padding: 10px;
}

.commentlist li {
	margin: 15px 0px 10px 0px;
	padding: 10px 5px 10px 10px;
	list-style: none;

}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0px;
	padding: 0px;
}

.children {
	margin: 0px;
	padding: 0px;
}

.nocomments, .commentnotes  {
	text-align: left;
	margin: 0px;
	padding: 0px;
}



.reply a, .reply a:visited {
	background: #222222; /* Button Background Color */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	color: #CCCCCC; /* Regular Text Color */
	text-decoration: none;
	margin: 0px;
	padding: 2px 5px 3px 5px;
	border: 1px solid #4D4D4D; /* Box Line Color */
}

.reply a:hover {
	background: #98CD00; /* Hover Over Button */
	color: #FFFFFF; /* Hover over Button Text */
	text-decoration: none;
}

.commentmetadata {
	font-size: 10px;
	margin: 0px;
	display: block;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.thread-alt {
	background: #222222;
	margin: 0px;
	padding: 0px;
}

.thread-even {
	background: #333333;
	margin: 0px;
	padding: 0px;
}

.depth-1 {
	border: 1px solid #555555;
	margin: 0px;
	padding: 0px;
}

.even, .alt {
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	border-left: 1px solid #555555;
	margin: 0px;
	padding: 0px;
}


/*/////////////// FOOTER ////////////////*/
.pushbottom{
 clear:both;
}

#footer {
	height: 25px;
	width: 1070px;
	background: #353535 url(images/mc.navbar.png); /* Box Title Bar Color */
	font-size: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#footer a, #footer a:visited {
	color: #CCCCCC; /* Text Link Color */
	font-weight: normal;
}

#footer a:hover {
	color: #98CD00; /* Hover Text Links */
	text-decoration: underline;
}

#footer p {
	color: #CCCCCC; /* Regular Text Color */
	font-weight: normal;
	margin: 0px;
	padding: 4px;
	text-align: center;;
}

/*/////////////// IMAGES ////////////////*/

a img { border: none; }

#sidebarleft img {
	width: 120px;
	height: 120px;
	border: none;
	margin: 0px 0px 0px -15px;
	padding: 0px;
}

#sidebarleft img.skyscraper {
	width: 120px;
	height: 600px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


p img{
	float: left;
	border: none;
	margin: 0px 15px 8px 0px;
}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
}

img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
}

img.flushright {
	float: right;
	padding: 0px;
	margin: 0px -15px 10px 10px;
	display: inline;
}

img.alignright {
	padding: 0px;
	margin: 0px;
	display: inline;
}

img.alignleft {
	padding: 0px;
	margin: 10px 10px 10px 5px;
	display: inline;
}

img.graphictextcentered {
	display: inline;
	margin: 20px auto auto 10px;
	padding: 0;
}

img.graphictextleft {
	float: left;
	padding: 0px;
	margin: 20px 15px 20px 15px;
	display: inline;
}

img.graphictextright {
	float: right;
	padding: 0px;
	margin: 20px 15px 20px 15px;
	display: inline;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.wp-caption {
	border: 1px solid #0087CC; /* Emphasis Borders */
	text-align: center;
	background: #222222; /* Caption Color*/
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}



/*/////////////// FUN STUFFS ////////////*/


.buttons {
	text-align: center;
	border: 0px;
	margin: 2px;
	margin-bottom: 5px;
	padding-right: 3px;
}

.buttonstack {
	text-align: left;
	height: 25px;
	display: block;
	border: 0px;
	margin: 2px;
	margin-bottom: 5px;
	padding: 5px;
}

div.magicbutton  {
	position:relative;
	display: inline;
	width: 40px; /*should match button dimensions*/
	border: 0px solid blue;
	padding: 0px;
}

div.magicbutton p {
	position: absolute;
	display: none;
	width: 100px; 
	left: -25px;
	font-size: 11px;
	font-style: oblique;
	color: #98CD00; /* Hover Text Links */
	top: 0px;
	border: 1px solid #4D4D4D; /* Box Line Color */
	padding: .4em;
	margin-top: 10px; /*Control how far below button hover appears*/
	background-color: none;
	z-index: 1000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.magicbutton:hover p, p.hover{
	display: block;
	background-color: #000000;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* backslash hack hides from IE Mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* end backslash hack */


/* Kosmix Link color over ride */
/* Make them different from rest of site */
a.tokosmix {
	color: #d66b00;
}

a.tokosmix:hover {
	color: #d66b00;
	text-decoration: underline;
}


