/* ===================================================================
	
	Site of a Down - System of a Down Brasil
	 ( www.siteofadown.com || www.soad.com.br )
	 
	Created, designed and developed by Vander Amorin www.vanderamorin.com 
	
	=====================================================================*/


body {
	background: url(lay-img/bg.jpg) repeat-x top left #171717;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
}

#all {
	width: 913px;
	background: url(lay-img/bg2.jpg) no-repeat top center;
	letter-spacing: 1px;
	text-align: left;
	margin: 0 auto;
}

h1, h2, h3, h4 {
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
}

#all a#br {
	width: 123px;
	height: 93px;
	background: url(lay-img/br.jpg) no-repeat bottom 0;
	text-decoration: none;
	display: block;
	margin: 0 0 0 210px;
	padding: 5px 0 0 0;
}

#all a#br span.acess { display: none; }

#all a#br:hover  {
	background: url(lay-img/br.jpg) no-repeat bottom;
}

#all a#br div#cont {
	font-size: 16px;
	font-weight: bold;
	text-shadow: #222 1px 1px 1px;
	letter-spacing: none !important;
	margin: 0 0 0 172px;
	padding: 3px 0 0 0;
}

#all a#br div#cont span.red { color: #d22121; }

#bar {
	height: 51px;
	background: url(lay-img/menubar.jpg) repeat-x bottom;
	margin: 145px 0 0 0;
}

	/* Logo */
#bar h1 {
	width: 283px;
	height: 51px;
	background: url(lay-img/logo.png);
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
}

#bar h1 span { display: none; }

#bar h1 a {
	height: 51px;
	display: block;
}

	/* Menu */
#bar #menu {
	list-style-type: none;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 100;
}

#menu li {
	float: left;
	margin: 0;
	position: relative;
	display: inline;
}

#menu li a {
	font: bold 18px "Arial Narrow", Arial, sans-serif;
	color: #2b2b27;
	text-decoration: none;
	text-shadow: #dedede 1px 1px 1px;
	padding: 10px 10px 14px 10px;
	display: block;
}

#menu li a:hover, #menu li a.selected {
	background: #8a8a83;
	color: #262624;
	text-shadow: #acacac 1px 1px 1px;
}

#menu li ul {
	width: 170px;
	background: url(lay-img/menu-bg.jpg) repeat-x top #c2c0b4;
	list-style-type: none;
	margin: 0 0 0 -10px;
	padding: 6px 0 0 0;
    filter: alpha(opacity=80);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
}

#menu li ul li {
	float: none;
	display: list-item;
}

#menu li ul li a {
	font: bold 11px "Tahoma", Verdana, sans-serif;
	display: block;
	padding: 8px 0 8px 20px;
	text-shadow: none !important;
}

#menu li:hover ul {	display: block; }

#menu li ul li a span { display: none; }

#menu li ul li a:hover span {
	display: block;
	color: #941515;
	float: left;
	margin: 0 0 0 -13px;
}

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: 0.5;
}

	/* TopContent */
#top-content {
	width: 873px;
	height: 200px;
	font: normal 10px "Tahoma", Arial, sans-serif;
	color: #b4b3a8;
	margin: 18px 0 0 23px;
	border: 0px solid red;
}

#top-content a, #left form input {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

#top-content a:hover, #left form input:hover {
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	box-shadow: #222 2px 2px 5px, #222 -2px -2px 5px;
}

#top-content #left {
	width: 409px;
	height: 169px;
	float: left;
}

#left ul.net {
	width: 155px;
	list-style-type: none;
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
}

#left ul.net li { float: left; }

#left ul.net li a {
	width: 28px;
	height: 27px;
	background-position: center;
	display: block;
	margin: 0 3px 0 0;
}

#left ul.net li a.tw { background: url(lay-img/tw.gif); }
#left ul.net li a.fb { background: url(lay-img/fb.gif); }
#left ul.net li a.yt { background: url(lay-img/yt.gif); }
#left ul li a.ork { background: url(lay-img/ork.gif); }
#left ul li a.rss { background: url(lay-img/rss.gif); }

#left form {
	float: right;
	margin: 6px 0 0 0;
	padding: 0;
}

#left form input {
	width: 183px;
	height: 17px;
	background: #4a4a45;
	padding: 5px;
	margin: 0 0 0 3px;
}

#left form input.bt {
	width: 39px;
	height: 27px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

#top-content #right {
	width: 452px;
	height: 172px;
	float: right;
}

#top-content #right div {
	float: left;
	margin: 0 6px 6px 0;
}

#top-content #right div a {
	width: 107px;
	height: 83px;
	display: block;
}

#top-content #right div a.sob { background: url(lay-img/sob.jpg); }
#top-content #right div a.serj { background: url(lay-img/serj.jpg); }
#top-content #right div a.shavo { background: url(lay-img/shavo.jpg); }
#top-content #right div a.john { background: url(lay-img/john.jpg); }
#top-content #right div a.galeria { background: url(lay-img/galeria.jpg); }
#top-content #right div a.radio { background: url(lay-img/radio.jpg); }

#top-content #right div.ds {
	width: 210px;
	height: 76px;
	background: #202020;
	text-align: justify;
	line-height: 16px;
	letter-spacing: 0;
	padding: 1px 5px 6px 5px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
	cursor: default;
}

#top-content #right ul {
	list-style-type: none;
	float: right;
	margin: 7px 0 0 0;
	padding: 0;
}

#top-content #right ul li { float: left; }

#top-content #right ul li a {
	width: 16px;
	height: 11px;
	display: block;
	margin: 0 7px 0 0;
}
	
#top-content #right iframe#count {
	margin: 3px 0 0 0 !important;

}

#top-content #right ul li a.en { background: url(lay-img/flags/en.gif); }
#top-content #right ul li a.es { background: url(lay-img/flags/es.gif); }
#top-content #right ul li a.fr { background: url(lay-img/flags/fr.gif); }
#top-content #right ul li a.gr { background: url(lay-img/flags/gr.gif); }
#top-content #right ul li a.jp { background: url(lay-img/flags/jp.gif); }

#body-content {
	width: 913px;
	height: auto;
	background: url(lay-img/b-content.jpg) repeat-y top right;
	font: normal 11px "Tahoma", Verdana, sans-serif;
	margin: 0;
}

#body-content:after {
	content:" ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

#content {
	width: 643px;
	color: #b8b6ab;
	text-align: justify;
	line-height: 18px;
	float: left;
	padding: 0 0 15px 0;
	display: inline;
}

#content a {
	color: #eee;
	text-decoration: none;
	text-shadow: #111 1px 1px 0;
}

#content a:hover { text-decoration: underline; }

h2#title {
	width: 643px;
	height: 28px;
	border-bottom: 2px dotted #797474;
	font-size: 20px;
	margin: 0 0 6px 0;
	padding: 2px 0 1px 0;
	cursor: default;
}

h2#title span.prev-session {
	color: #941515;
	text-shadow: #111 1px 1px 1px;
}

h2#title .prev-session a {
	border: none;
	color: #a8a79d;
	text-decoration: none;
	text-shadow: #111 1px 1px 1px;
}

h2#title .prev-session a:hover {
	color: #cfccc0;
	text-shadow: #000 1px 1px 1px;
}

h2#title .open-session {
	color: #cfccc0;
	text-shadow: #111 1px 1px 1px;
}

#body-content #right {
	width: 250px;
	background: url(lay-img/right-bg.jpg) no-repeat top center;
	color: #2f2f2f;
	line-height: 18px;
	float: right;
	padding: 12px 0;
}

#right h3.box-title {
	width: 195px;
	height: 32px;
	background: url(lay-img/right-title.png);
	font-size: 17px;
	color: #d4d1c5;
	text-shadow: #111 1px 1px 1px;
	margin: 0;
	padding: 18px 0 0 55px;
	cursor: default;
}

#right .box-content {
	width: 222px;
	min-height: 50px;
	text-align: justify;
	padding: 0 14px;
}

#right .box-content a, span.red {
	color: #941515;
	text-decoration: none;
}

#right .box-content a:hover, #right .box-content input.poll-button:hover {
	color: #2f2f2f !important;
	text-decoration: underline;
}

#right .box-content .shop {
	display: table;
	margin: 10px 0 10px 0;
}

#right .box-content .shop .product {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: #c2c0b4 1px 1px 1px !important;
	letter-spacing: 2px;
}

#right .box-content li {
	width: 100%;
	border-bottom: 1px dotted #2f2f2f;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#right .box-content hr {
	width: 100%;
	min-height: 1px;
	border: dotted #2f2f2f;
	border-width: 1px 0 0 0;
	margin: 0px !important;
}

#right .box-content input.poll-button {
	border: none !important;
	background: none !important;
	color: #941515 !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
}

#right .destaques {
	width: 100%;
	text-align: center;
}

#right .skn {
	width: 215px;
	height: 110px;
	background: url(site/imagens/afiliados/skinnerhate.gif) no-repeat right;
	display: block;
	margin: 4px 0 0 0;
}

#footer {
	width: 100%;
	height: 122px;
	background: #8f8d85;
	border-top: 4px solid #242424;
	text-align: left;
	letter-spacing: 1px;
}

#footer-c {
	width: 913px;
	height: 122px;
	margin: 0 auto;
}

#footer-c .copy {
	line-height: 30px !important;
	float: left;
	margin: 17px 0 0 0;
	padding: 0;
}

#footer-c .copy, #footer-c .copy a, #footer-c .top a {
	font: bold 11px "Tahoma", Verdana, sans-serif;
	color: #262626;
	text-decoration: none;
	text-shadow: #9a9a9a 1px 1px 0;
}

#footer-c .copy a:hover { text-decoration: underline; }

#footer-c .top {
	background: #242424;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-weight: bold;
	text-shadow: #000 1px 1px 0px;
	float: right;
	margin: 0 20px 0 0;
	padding: 3px 5px;
}

#footer-c .top a {
	color: #c7c5b9 !important;
	text-shadow: none !important;
}

#footer-c .right {
	width: 250px;
	height: 111px;
	background: url(lay-img/foot.jpg);
	float: right;
	margin: -4px 0 0 0;
}

#footer-c .right a.vander {
	width: 45px;
	height: 45px;
	background: url(lay-img/vander.jpg);
	margin: 60px 0 0 105px;
	display: block;
}

#footer-c .right a.vander:hover { background-position: 0 -45px; }


	/* CSS  do conteúdo */


#content b { text-shadow: #111 1px 1px 0px; }

#body-content p { margin-top: 5px; }

hr {
	border: dotted #797474;
	border-width: 1px 0 0 0;
	height: 1px;
	margin: 20px 0 20px 0;
}

.border2 {
	border: 4px solid #252525;
	margin: 0 15px 3px 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.border2:hover {
	border: 4px solid #444;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

input {
	border: none;
	font: normal 11px "Tahoma", Arial, sans-serif;
	color: #a6a49a;
	letter-spacing: 1px;
	padding: 4px;
}

blockquote {
	background: url(lay-img/quote.jpg) no-repeat top left #222;
	border-left: 4px solid #941515;
	color: #a8a79d;
	margin: 0;
	padding: 7px 17px 7px 39px;
}

	/* News CSS */
h2#news {
	width: 643px;
	height: 28px;
	border-bottom: 2px dotted #797474;
	font-size: 20px;
	margin: 0 0 6px 0;
	padding: 2px 0 7px 0;
	cursor: default;
}

h2#news, h2#news a {
	color: #cfccc0;
	text-shadow: #111 1px 1px 1px;
}

h2#news .news-title a:hover {
	color: #24231f;
	text-shadow: #a1a1a1 1px 1px 1px;
}

h2#news div {
	font-size: 10px;
	font-weight: normal;
	margin: -2px 0 0 0;
	text-shadow: none;
}

h2#news div span.date {
	color: #941515;
	font-weight: bold;
}

h2#news div a { text-shadow: none !important; }

#news-foot {
	height: 15px;
	border: dotted #797474;
	border-width: 2px 0 0px 0;
	font-size: 9px;
	color: #c7c5b9;
	text-shadow: #111 1px 1px 0px;
	padding: 2px 0;
	margin: 8px 0 0 0;
}

#news-foot a { color: #c7c5b9; }

#news-foot .addthis_toolbox a, #news-foot .addthis_toolbox {
	font-weight: normal !important;
	color: #666 !important;
	text-shadow: none !important;
	opacity: 0.8 !important;
}

#news-bt {
	border-radius: 5px;
	background: #242424;
	font-weight: bold;
	text-shadow: #000 1px 1px 0px;
	padding: 3px 5px;
}

.cn-pagedrop {
	background: #242424;
	color: #eee;
	border: 1px solid #262626;
	font: normal 11px "Tahoma", Verdana, sans-serif;
	padding: 1px 5px;
}

	/* Last comments */
div.idw-c-m { border-bottom: 1px dotted #2f2f2f !important; padding: 0 0 6px 0 !important; }
div.idw-c-m p, div.idw-footer p, div.idw-footer p a { font-size: 10px !important; }
p.idw-big, p.idw-small, p.idw-small-t {	display: none !important; }
div.idw-c-h, div.idw-c-h-info { background: none !important; font-size: 9px !important; font-weight: bold !important; }

	/* Tweets */
div.twtr-widtget { margin: 0 0 14px !important; }
div.twtr-tweet-text p { font-size: 10px !important; font-family: "Tahoma", Verdana, sans-serif !important; }
div.twtr-tweet-wrap { margin: 5px 0 5px 0 !important; padding: 5px 0 !important; }
div.twtr-hd h3, div.twtr-hd h4 { font-family: "Tahoma", Verdana, sans-serif !important; }
div.twtr-hd h4 { font-size: 11px !important; }
div.twtr-ft img { display: none !important; }

.membros, .clipes-div {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	padding: 2px;
}

.leia-mais_membros a {
	border: 1px dotted #797474;
	border-radius: 5px;
	background: #222;
	font-weight: bold;
	text-shadow: #000 1px 1px 0px;
	margin: -20px 0 0 0;
	padding: 2px 3px;
	float: right;
}

.leia-mais_membros a:hover {
	border: 1px solid #941515;
	text-decoration: none !important;
}

.album-name, .item-name, a.item-name {
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: #111 1px 1px 1px !important;
	letter-spacing: 2px;
}

a.item-name { color: #b8b6ab !important; }

.disco-menu {
	border: 1px dotted #797474;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #1d1d1d;
	text-align: center;
	padding: 3px;
	opacity: 0.8;
	box-shadow: #0d0d0d 0 3px 3px;
}

.open-session_discos {
	color: #c41515;
	font-weight: bold;
}

.album-info {
	border: 1px dotted #797474;
	border-radius: 5px;
	background: #252525;
	float: right;
	margin: -165px 0 0 0;
	padding: 3px 6px;
	opacity: 0.8;
	box-shadow: #0d0d0d 2px 2px 7px, #0d0d0d -2px -2px 7px;
}

.album-table { border: 1px solid #404040; }

.album-table_2 {
	border: 1px solid #404040;
	padding: 6px;	
}

.band-track {
	color: #ddd;
	font-weight: bold;
	text-shadow: #111 1px 1px 0px;
}


	/* Borda com espaço */
.border-link {
	border: 4px solid #252525;
	margin: 0 15px 3px 0;
	cursor: pointer;
}

.border-link:hover, .border-link-right:hover { 	border: 4px solid #c7c4b9; }


	/* Borda com link - indices 'right' */
.border-link-right {
	border: 4px solid #252525;
	margin: 0 3px 3px 0;
}


	/*Borda sem espaço*/
.border-nospace { border: 4px solid #252525; }

.border-nospace-link {
	border: 4px solid #252525;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.border-nospace-link:hover {
	border: 4px solid #c7c4b9;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.discos, .border {
	border: 4px solid #252525;
	margin: 0 15px 3px 0;
}

.songs-list {
	font: normal 18px "Tahoma", Verdana, sans-serif;
	font-weight: bold;
	text-shadow: #111 1px 1px 1px;
}

.frases, .instrumentos {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-shadow: #111 1px 1px 0px;
}

.curi {
	width: 100%;
	height: 70px;
	border: 1px dotted #797474;
	background: #1d1d1d;
	font-style: italic;
	overflow: auto;
	margin: 0px 0 5px 0;
	padding: 3px;
}

.timeline {
	width: 460px;
	height: auto;
	margin: 10px 0 0 80px;
}

.timeline img {
	margin: 0 0 10px 0;
	width: 460px;
	height: 25px;
}

.link-nocolor { color: #b8b6ab !important; }

.table-downloads {
	border-bottom: 1px dotted #6a6a6a;
	background: #222;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: #111 1px 1px 1px !important;
	letter-spacing: 2px;
	padding: 4px 7px;
	margin: 35px 0 0 0;
	opacity: 0.8;
}

.table-downloads div[style="float: right;"] {
	font-size: 10px;
	text-transform: none !important;
	letter-spacing: 1px !important;
}

.go-top {
	position: fixed;
	bottom: 40px;
	padding: 0 0 0 585px;
}

.go-top a {
	border: 1px dotted #797474;
	border-radius: 5px;
	background: #222;
	font-weight: bold;
	text-shadow: #000 1px 1px 0px;
	padding: 3px 5px;
}

.go-top a:hover {
	border: 1px solid #941515;
	text-decoration: none !important;
}

ul#gal {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#gal li a {
	height: 20px;
	background: url(imagens/gal-icon.png) no-repeat top left;
	margin: 0 0 12px 8px;
	padding: 0 0 0 30px;
	display: block;
}

ul#gal li a.sub { background: none !important; }

#cnt {
	display: table;
	padding: 0 0 0 10px;
}

#product {
	width: 155px;
	text-align: center;
	float: left;
	margin: 0 0 15px 0;
}

a.cart {
	background: url(shopping/cart.png) no-repeat left;
	padding: 0 0 0 21px;
	margin: 0 0 0 -19px;
}

img#loading {
	position: fixed;
	padding: 0 0 0 300px;
}

.afiliados {
	max-width: 641px;
	text-align: left;
	margin: 20px 0 0 0;
}

.layouts, .wallpapers {
	max-width: 600px;
	text-align: center;
	margin: 20px 0 0 0;
}

.layout-title {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

	/* Fan's Side form */
.f-fs, .f-txt {
	background: #41413f;
	border: 1px solid #616158;
	padding: 6px;
	opacity: 0.8;
}

.f-fs:hover, .f-txt:hover { border: 1px dotted #c7c5b9; }

.e_f-fs {
	background: #41413f;
	border: 1px solid #616158;
	font-weight: bold;
	text-shadow: #222 1px 1px 0;
	padding: 4px 6px;
	margin: 0px;
	cursor: pointer;
}

.e_f-fs:hover {	border: 1px solid #941515; }

.f-fs option, .f-fs select { color: #B8B6AB; }

.c_f-fs {
	background: #41413f;
	border: 1px solid #505050;
	color: #777;
	font-weight: bold;
	text-shadow: #222 1px 1px 0;
	padding: 4px 6px;
	margin: 0px;
	cursor: pointer;
}

.c_f-fs:hover {
	color: #c7c5b9;
	border: 1px solid #941515;
}

.f-txt {
	width: 380px;
	height: 100px;
	color: #c7c5b9;
	margin: 0 0 0 2px;
}

* html input { overflow: visible; }