/*
Theme Name: STEREOTYPES MUSIC ONLINE
Theme URI: http://stereotypesonline.com/
Description: The Official Theme for STEREOTYPES.
Author: Wired Rebels
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


@font-face {
	font-family: 'HelveticaRegular';
	src: url('helvetica-webfont.eot');
	src: local('☺'), url('helvetica-webfont.woff') format('woff'), url('helvetica-webfont.ttf') format('truetype'), url('helvetica-webfont.svg#webfont7HKSVzYm') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	color:#000000;
	font-size:12px;
	font-family: Arial, sans-serif;
	background-color:#ffffff;
	margin:0;
	}
	
.headerbg {
	width:100%;
	background-image:url(images/bg-top.png);
	background-position:top center;
	background-repeat:repeat-x;
	background-attachment:inherit;
	background-color:transparent;
	margin:0 auto;
	z-index:1;
	}

.footerbg {
	width:100%;
	background-image:url(images/bg-bot.png);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-attachment:inherit;
	background-color:transparent;
	margin:0 auto;
	z-index:1;
	}

/* Global Styles */

a {
	color:#52ace2;
	text-decoration:none;
	}

a:hover  {
	color:#52ace2;
	text-decoration:underline;
	}

img {
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

a img {
	border:0;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
	
ol, ul {
	list-style: none;
	}
	
blockquote {
	quotes: none;
	}
	
blockquote:before, blockquote:after {
	content: '';
	content: none;
	}
	
del {
	text-decoration: line-through;
	}
	
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
	}


/* The Container */

.container {
	color:#000000;
	width:900px;
	margin:0 auto;
	padding:0;
	border:0;
	background-color:transparent;
	z-index:1;
	clear:both;
	}

.container img {
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	}

.container p {
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	}
	
.clear {
	clear:both;
	}

/* The Header */

#link-area {
	width:100%;
	height:210px;
	background-image:url(images/bg-header.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0 auto 8px auto;
	border:0;
	z-index:100;
	clear:both;
	}

#link {
	width:878px;
	height:30px;
	background-color:transparent;
	position:relative;
    left: 50%;
    margin-left: -439px;
	top:175px;
	border:0;
	z-index:100;
	clear:both;
	}

#ad-top {
	width:728px;
	height:90px;
	overflow:hidden;
	float:left;
	}

#link-social {
	width:161px;
	height:35px;
	padding:55px 38px 0 33px;
	overflow:hidden;
	float:right;
	}

#link-social a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	}

#link-logo {
	width:242px;
	height:45px;
	overflow:hidden;
	float:right;
	}

/* Header Players */

#index-slideshow {
	width:900px;
	height:500px;
	overflow:visible;
	background-color:transparent;
	clear:both;
	padding-bottom:10px;
	vertical-align:text-top;
	}

#index-live {
	width:900px;
	height:360px;
	overflow:hidden;
	background-color:#000000;
	clear:both;
	vertical-align:text-top;
	}

#index-showcase {
	width:900px;
	height:225px;
	overflow:visible;
	background-color:transparent;
	clear:both;
	padding-bottom:10px;
	vertical-align:text-top;
	}

#index-showcase a:hover {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}

/* Left */

#left {
	width:585px;
	margin:0 5px 0 10px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	clear:left;
	}

#left img {
	max-width:560px;
	overflow:hidden;
	display:block;
	}

#left embed {
	max-width:560px;
	overflow:hidden;
	display:block;
	}

#left object {
	max-width:560px;
	overflow:hidden;
	display:block;
	}

#left p {
	margin-bottom:10px;
	}

#title-area {
	width:560px;
	background-color:#314042;
	border-bottom: #000000 solid 3px;
	padding:10px 9px 2px 10px;
	float:left;
	clear:both;
	overflow:hidden;
	z-index:10;
	}

#title {
	width:560px;
	margin-bottom:8px;
	min-height:37px;
	font-family: Arial, sans-serif;
	color:#ffffff;
	font-size:32px;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
	clear:both;
	float:left;
	overflow:hidden;
	}

#title a {
	font-family: Arial, sans-serif;
	color:#ffffff;
	font-size:32px;
	font-weight:bold;
	text-decoration:none;
	}

#title a:hover {
	font-family: Arial, sans-serif;
	color:#838383;
	font-size:32px;
	font-weight:bold;
	text-decoration:none;
	}

#title-author {
	width:560px;
	height:15px;
	font-family: Arial, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding-top:5px;
	clear:both;
	float:right;
	overflow:hidden;
	}

#social-area {
	width:220px;
	height:20px;
	float:left;
	}

#post-area {
	width:579px;
	background-color:transparent;
	border-left:3px solid #000000;
	border-right:3px solid #000000;
	border-bottom:1px solid #314042;
	padding:0;
	overflow:hidden;
	float:left;
	clear:both;
	}s

#post-area h2 {
	color:#5a6f72;
	font-size:14px;
	font-weight:bold;
	}

#post-area h2 a:link, #post-area h2 a:hover, #post-area h2 a:visited, #post-area h2 a:active {
	color:#5a6f72;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	} 

#post-area-top {
	width:585px;
	height:3px;
	background-color:tranparent;
	background-image:url(images/post-top.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	clear:both;
	}

#post-area-bot {
	width:585px;
	height:3px;
	background-color:tranparent;
	background-image:url(images/post-bot.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0;
	overflow:hidden;
	clear:both;
	}

#post-margin {
	margin-bottom:-3px;
	}


.st_sharethis .chicklets {
	font-size:11px;
	font-family: Verdana,Helvetica,sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://w.sharethis.com/share4x/images/service-icons-sprite.png");
    background-position: right top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
    white-space: nowrap;
	}

#share-button {
	width:280px;
	height:16px;
	clear:left;
	float:left;
	z-index:9999999;
	}

#comment-button {
	width:275px;
	height:16px;
	clear:right;
	float:right;
	margin-right:5px;
	z-index:9999999;
	}

#post-area-comment a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}

#post-area-comment a:hover {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}

#post-area-comment-div {
	width:115px;
	height:15px;
	padding:0 5px 0 5px;
	background-color:tranparent;
	float:left;
	overflow:visible;
	clear:none;
	}

#post-area-ad-area {
	width:470px;
	max-height:95px;
	margin:0 89px 10px 89px;
	overflow:hidden;
	}
	
#post-area-ad img {
	width:468px;
	height:60px;
	margin:10px 0 25px 0;
	border:dotted 1px #ffffff;
	}
	

#post-tag-area {
	width:560px;
	font-size:9px;
	margin:10px 0px 10px 0px;
	clear:both;
	}

#289x219 {
	width:289px;
	height:219px;
	background-color:transparent;
	display:block;
	overflow:hidden;
	}

#289x219 img {
	max-width:289px;
	max-height:219px;
	overflow:hidden;
	display:block;
	}

#289x219 embed {
	max-width:289px;
	max-height:219px;
	overflow:hidden;
	display:block;
	}

#289x219 object {
	max-width:289px;
	max-height:219px;
	overflow:hidden;
	display:block;
	}




#comment-box {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	width:36px;
	height:16px;
	background-color:#454545;
	padding:10px 5px 12px 5px;
	margin-right:10px;
	overflow:hidden;
	float:left;
	clear:left;
	}

#comment-box a {
	color:#ffffff;
	}

#comment-box a:hover {
	color:#999999;
	text-decoration:none;
	}

#comment-text {
	width:60px;
	height:15px;
	padding-top:23px;
	margin-right:10px;
	overflow:hidden;
	float:left;
	clear:none;
	}

#comment-text a {
	color:#cacaca;
	text-decoration:none;	
	}

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

/* Index */

.post-index {
	height:215px;
	}

#post-pic {
	width:260px;
	height:215px;
	background-image:url(images/index-image.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	overflow:hidden;
	display:block;
	float:left;
	clear:left;
	}

#post-pic img {
	max-width:260px;
	max-height:215px;	
	overflow:hidden;
	display:block;
	}

#post-pic object {
	max-width:260px;
	max-height:215px;
	overflow:hidden;
	display:block;
	}

#post-pic embed {
	max-width:260px;
	max-height:215px;
	overflow:hidden;
	display:block;
	}

#post-pic img:hover {
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}

#index-info {
	width:300px;
	height:178px;
	margin:10px 10px 1px 9px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	}

#index-date-area {
	width:300px;
	height:21px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	clear:both;
	}

#index-date-area a {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	}

#index-date-area a:hover {
	color:#414141;
	text-decoration:none;
	}

#index-date {
	font-size:22px;
	color:#d93629;
	font-weight:bold;
	height:21px;
	width:95px;
	margin-top:-2px;
	background-color:transparent;
	float:left;
	vertical-align:text-top;
	}

#index-comment-number {
	font-size:16px;
	color:#d93629;
	font-weight:bold;
	height:21px;
	width:45px;
	margin:0 auto;
	background-color:#fbe95a;
	overflow:hidden;
	float:left;
	vertical-align:middle;
	}


#index-comment-text {
	font-size:10px;
	color:#d93629;
	font-weight:bold;
	height:13px;
	width:160px;
	margin-top:8px;
	background-color:#fbe95a;
	overflow:hidden;
	float:left;
	vertical-align:middle;
	}

#index-area {
	width:300px;
	height:160px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	clear:both;
	}

#index-title {
	font-size:24px;
	line-height:20px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	width:300px;
	padding-top:3px;
	padding-bottom:6px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	clear:both;
	}

#index-title a {
	color:#000000;
	text-decoration:none;
	}

#index-title a:hover {
	color:#414141;
	text-decoration:none;
	}

#index-content {
	width:300px;
	padding-bottom:8px;
	background-color:transparent;
	overflow:hidden;
	float:left;
	clear:both;
	}

#index-content img, #index-content embed, #index-content object {
	visibility:hidden;
	width:0;
	height:0;
	}

#index-bottom {
	font-size:10px;
	color:#000000;
	text-transform:uppercase;
	width:300px;
	height:11px;
	padding:0px 9px 2px 10px;
	overflow:hidden;
	display:block;
	float:left;
	}

#index-bottom a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}

#index-bottom a:hover {
	color:#414141;
	text-decoration:none;
	}

.yellow {
	background-color:#fbe95a;
	}
	
.gray {
	background-color:#d9d9d9;
	}

/* Pages */

#page-margin {
	margin-bottom:0px;
	}
	
#page-area {
	width:560px;
	background-color:transparent;
	padding:10px 9px 10px 10px;
	float:left;
	clear:both;
	overflow:hidden;
	z-index:10;
	}

#page-area-ad-area {
	width:470px;
	max-height:72px;
	margin:0 80px 10px 80px;
	overflow:hidden;
	}

#page-area-ad-area img {
	width:468px;
	height:60px;
	border:dotted 1px #314042;
	}


/* Sidebar */

#sidebar {
	width:300px;
	color:#000000;
	background-color:transparent;
	overflow:hidden;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	clear:right;
	}

#sidebar img {
	max-width:300px;
	overflow:hidden;
	}

#sidebar embed {
	max-width:300px;
	overflow:hidden;
	}

#sidebar object {
	max-width:300px;
	overflow:hidden;
	}

#sidebar-box {
	width:275px;
	color:#000000;
	background-color:transparent;
	overflow:hidden;
	padding:0;
	clear:both;
	}

.sidebar-border {
	margin:0 11px 0 12px;
	border:#d8dfea 1px solid;
	}

.sidebar-noborder {
	margin:0 12px 0 13px;
	border:0;
	}

#sidebar-box img {
	max-width:275px;
	overflow:hidden;
	}

#sidebar-box embed {
	max-width:275px;
	overflow:hidden;
	}

#sidebar-box object {
	max-width:275px;
	overflow:hidden;
	}

#sidebar-space {
	width:300px;
	height:15px;
	clear:both;
	}

#sidebar-title {
	font-size:24px;
	line-height:20px;
	color:#7c7c7c;
	font-weight:bold;
	text-transform:uppercase;
	width:280px;
	height:29px;
	padding:6px 10px 0 10px;
	margin-bottom:2px;
	background-image:url(images/sidebar-title-bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	overflow:hidden;
	display:block;
	float:left;
	clear:left;
	}

/* Footer */

#footer-area {
	width:100%;
	height:350px;
	background-image:url(images/bg-footer.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:transparent;
	margin:0 auto;
	border:0;
	z-index:100;
	clear:both;
	}

#footer {
	width:900px;
	background-color:transparent;
	border:0;
	margin:0 auto;
	clear:both;
	}

#link-footer {
	width:900px;
	height:30px;
	background-color:transparent;
	position:relative;
    left:86px;
	top:74px;
	border:0;
	z-index:100;
	clear:both;
	}

#copyright-footer {
	width:900px;
	height:30px;
	background-color:transparent;
	position:relative;
    left:98px;
	top:70px;
	border:0;
	z-index:100;
	clear:both;
	}

#copyright-footer a, #copyright-footer a:hover {
	text-decoration:none;
	color:#000000;
	}

/* Ads */

#ad-sidebar {
	width:300px;
	height:250px;
	background-color:transparent;
	border:0;
	clear:both;
	overflow:hidden;
	}

/* The Navigation */

.navigation {
	height:0px;
	}

.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	}

.navigation a:hover {
	color:#ff0000;
	}

.alignleft, img.alignleft {
	display: inline;
	float:left;
	}

.alignright, img.alignright {
	display: inline;
	float:right;
	}

.aligncenter. img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#left .alignleft,
#left img.alignleft {
	display: inline;
	float: left;
	}
	
#left .alignright,
#left img.alignright {
	display: inline;
	float: right;
	}
	
#left .aligncenter,
#left img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

/* The Attachment */

.contentCenter {
	text-align:center;
	margin-top:10px;
	}

/* The Page Title */

h2.pagetitle {
	padding:0 0 20px 0;
	margin:0;
	font-size:20px;
	text-align:center;
	}


/* The Calendar */

#wp-calendar {
	color:#fff;
	}

#wp-calendar a {
	color:#000;
	}

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

/* Comments */

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

#commentform textarea {
	width:618px;
	border:1px solid #314042;
	padding:5px;
	margin:0px 0px 0px 0px;
	}

#commentform input {
	width:170px;
	border:1px solid #314042;
	padding:5px;
	margin:0px 0px 0px 0px;
	}

#commentform #submit {
	border:1px solid #314042;
	background-color: #314042;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	float: right;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family:Arial, Helvetica, Verdana;
	font-size:12px;
	}
.commentlist li ul li {
	font-size:12px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: left;
	border:1px solid #ff00e4;
	padding: 0px;
	margin-right:10px;
	background: #fff;
	}

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

.commentlist p {
	font-weight: normal;
	line-height: 14px;
	text-transform: none;
	}

#commentform p {
	font-family:Arial, Helvetica, Verdana;
	padding-bottom:5px;
	}

.commentmetadata {
	font-weight: normal;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

#respond {
	padding-bottom:10px;
	}

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

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

.commentlist {
	padding: 0px;
	margin-left:20px;
	text-align: justify;
	}

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

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

.commentlist p {
	margin: 10px 0px 20px 0;
	}

.children { padding: 0; }

#commentform p {
	margin: 0px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}



/* block list */

ul.block {
	border-top: 1px dashed #29afe2;
	margin: 4px 0;
	padding: 0;
	width: 300px;
}

.block li {
	border-bottom: 1px dashed #29afe2;
	list-style: none;
}

.block li a,.block li em {
	color: #000000;
	display: block;
}

.block li em {
	font-size: 0.9em;
	font-style: normal;
}

.block li a {
	padding: 4px 0;
	text-decoration: none;
	width: 300px;
}

.block li a span {
	font-weight: bold;
}

.block li a:hover {
	color: #000;
	background: #fff600;
}

.right .block,.right .block li {
	border-color: #DCDACC;
}

.right .block li a:hover {
	background: #F2F0EA;
}

/* block list */

#search-box {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:137px;
	height:21px;
	background-image:url(images/search-box.gif);
	background-position:left center; 
	background-repeat:no-repeat;	
	background-color:transparent;
	float:left;
	overflow:hidden;
	clear:none;
	}

#search-form {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:137px;
	height:21px;
	border:none;
	background-color:transparent;
	}

#search-form:hover {
	border:none;
	background-color:transparent;
	}

#search-form:focus {
	border:none;
	background-color:transparent;
	}