/**
	* AUG4TH DESIGN / estevan carlos benson
	* StarCulture / Star_theme
*/

body {
	background-color: #000;
	background-image:url('images/background_lines.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}

h2, h4 {
	color: #fff;
}

h2 {
	font-size: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h4 {
	font-size: 20px;
}

/* menu */

a.about {
	background-image: url('images/about_menu.png');
	width: 62px;
	height: 29px;
	display: inline-block;
	margin-left: 13px;
}

a.about:hover {
	background-position: -62px;
}

a.collaborators {
	background-image: url('images/collaborators_menu.png');
	width: 130px;
	height: 29px;
	display: inline-block;
	margin-left: 21px;
}

a.collaborators:hover {
	background-position: -130px;
}

a.news {
	background-image: url('images/news_menu.png');
	width: 49px;
	height: 29px;
	display: inline-block;
	margin-left: 18px;
}

a.news:hover {
	background-position: -49px;
}

a.pastshows {
	background-image: url('images/pastshows_menu.png');
	width: 97px;
	height: 29px;
	display: inline-block;
	margin-left: 35px;
}

a.pastshows:hover {
	background-position: -97px;
}

a.videos {
	background-image: url('images/videos_menu.png');
	width: 58px;
	height: 29px;
	display: inline-block;
	margin-left: 25px;
}

a.videos:hover {
	background-position: -58px;
}

a.contact {
	background-image: url('images/contact_menu.png');
	width: 71px;
	height: 29px;
	display: inline-block;
	margin-left: 25px;
}

a.contact:hover {
	background-position: -71px;
}


/* menu END */

#post {
  	position: relative;
  	float: left;
  	/* width: 500px; remember to set a width */
}




.column h3 {
	display: inline-block;
	background-color: #fff;
	padding: 18px;
	margin: 0px;
}


#postFrame {
  	position: relative;
  	float: left;
  	width: 500px; /* remember to set a width */
	height: 247px;
	margin-bottom: 9px;
}

#postFrame .title {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}

#postFrame .date {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	margin-bottom: 8px;
	letter-spacing:-1px;
}

#postFrame .postContent {
	width: 460px;
	padding: 20px;
}

.postContent {
  	position: relative;
}

.postContent a {
	color: #ffffff;
	background-color:#cc2266;
	text-decoration: none;
}

.postContent postmetadata a {
	color: #000000;
	background-color: #ffbb44;
	text-decoration: none;
}

.postContent img {
	border-color: #ffffff;
	border-style:solid;
	border-width:4px
}

#feature img {
	border: 0px;
}

.smallContent {
	width: 100%;
	padding: 2px;
	position: relative;
}


#sidebar {
	display: block;
	width: 360px;
}

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

#sidebar li {
	padding:3px;
}

#sidebar a {
	display: block;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	border-bottom: 1px dotted #fff;
	width: 100%;
}

#sidebar a:hover {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

#sidebar .title {
	background-color: #111;
	display: block;
	padding: 4px;
}

.box {
	/* background-color: #000; */
}

#newsline {
	color: #fff;
	padding: 4px;
	width: 960px;
	position: relative;
}

#newsline a {
	color: #fff;
	text-decoration: underline;
}

#newsline a:visited {
	color: #fff;
	text-decoration: none;
}

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

#feature {
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
	display:block;
}

.sitemap {
	display: inline-block;
	background-color: #444444;
	color: #ffffff;
	margin-top: 18px;
	padding: 4px;
	font-weight: bold;
	font-style: normal;
}

.sitemap a {
	color: #ffffff;
	text-decoration: none;
}

.credit {
	display: inline-block;
	color: #555555;
	padding: 4px;
	font-weight: bold;
	font-style: normal;
}

.credit a {
	color: #555555;
	text-decoration: none;
}

.credit a:hover {
	color: #cc2266;
	text-decoration: none;
}

.credit:hover {
	color: #cc2266;
	background-color:#333333;
}

.row {
	/* clear: both; */
}

.row ul, .row li {
	display: inline;
}

.hol1 {
	float: left;
	/* width: 90px;
	margin: 0px;
	padding: 0px; */
}

.hol2 {
	float: right;
	text-align: left;
	/* width: 90px;
	margin: 0px;
	padding: 0px; */
}

#popup_menu {
	display: none;
	position: relative;
	left: 0px;
	top: 2px;
	color: white;
	text-align: left;
}

#submenu a {
	padding-left: 8px;
	padding-right: 8px;
}

#popup_menu a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}

#popup_menu a:hover {
	color: white;
	/* background-color: #cc2266; */
	font-size: 14px;
	color:#cc2266;
	text-decoration:underline;
}

.sub_item {
	margin-bottom: -4px;
	margin-left: -8px;
	padding: 0px;
}

.prev {
	float: left;
}

.next {
	float: right;
}

.sIFR-active object {
	display: block;
}

.sifr {
	text-transform: uppercase;
}


.height-1 {height:9px;}
.height-2 {height:54px;}
.height-3 {height:72px;}
.height-4 {height:90px;}
.height-5 {height:108px;}
.height-6 {height:126px;}
.height-7 {height:144px;}
.height-8 {height:162px;}
.height-9 {height:180px;}
.height-10 {height:198px;}


/* rounded corners code */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#111; margin:0 5px;}
.b2f {height:1px; background:#111; margin:0 3px;}
.b3f {height:1px; background:#111; margin:0 2px;}
.b4f {height:2px; background:#111; margin:0 1px;}
.contentf {background: #111;}
.contentf div {margin-left: 10px; margin-right: 10px; padding-top: 2px;}
/* rounded corners code */

.overlay {
  opacity: 0.7;
  -moz-opacity: 0.7; /* older Gecko-based browsers */
  filter:alpha(opacity=70); /* For IE6&7 */
}

.overlayBg {
	opacity: 0.7;
	-moz-opacity: 0.7; /* older Gecko-based browsers */
	filter:alpha(opacity=70); /* For IE6&7 */
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #000;
}