/* Stylesheet of Tarabyon.com - Copyright 2010! */

* {
	margin: 0;
	padding: 0;
}

body {
	/*background: url('images/bg2.jpg') no-repeat top #000000;*/
	background: url('images/bg.jpg') no-repeat top #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #acacac;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: #acacac;
}

#wrapper {
	width: 1000px;
	margin: 0px auto;
}

/* #header starts */
#header {
	height: 90px;
	margin: 60px 0 0 0;
}
/* #header ends */

/* #logo starts */
#logo {
	height: 50px;
	float: right;
	color: #ffffff;
}
/* #logo ends */

#menutop {
	background: url('images/menu-top_bg.png') top no-repeat;
	height: 5px;
	border-bottom: 1px solid #cccccc;
}

/* #menu starts */
#menu {
	width: 1000px;
	float: left;
	height: 38px;
	border-bottom: 1px solid #cccccc;
	background: url('images/menu/menu-unhover.png') repeat-x left top;
}

#menu .selected-menu {
	background: #ffffff;
}

#menu .selected-menu a {
	color: #000000;
}

#menu li {
	list-style-type: none;
	float: right;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
}

#menu li:hover {
	background: #ffffff;
	border-right: 1px solid #cccccc;
}

#menu li a {
	display: block;
	text-decoration: none;
	color: #717171;
	padding: 12px 16px 12px 16px;
}

#menu li a:hover {
	background: #ffffff;
	border-bottom: 1px solid #ebebeb;
}

#menu .search_input {
	float: right;
	width: 110px;
	margin: 7px 7px 5px 5px;
	padding: 4px 5px 3px 23px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #acacac;
	height: 17px;
	background: url('images/search_bg.png') no-repeat left top;
}

#menu .search_select {
	float: left;
	width: 60px;
	margin: 9px 0 0 5px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #acacac;
	border: 1px solid #cccccc;
}
/* #menu ends */

/* #letters starts */
#letters {
	width: 1000px;
	float: right;
	height: 38px;
	border-bottom: 1px solid #cccccc;
	background: url('images/menu/menu-unhover.png') repeat-x left top;
}

#letters li {
	list-style-type: none;
	float: right;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	height: 38px;
}

#letters li:hover {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#letters li a {
	display: block;
	margin: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #9c9c9c;
	padding: 13px 10px 10px 10px;
}
/* #letters ends */

/* #countries starts */
#countries {
	width: 1000px;
	float: right;
	height: 38px;
	border-bottom: 1px solid #cccccc;
	background: url('images/menu/menu-unhover.png') repeat-x left top;
}

#countries li {
	list-style-type: none;
	float: right;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	height: 38px;
}

#countries li:hover {
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#countries li a {
	display: block;
	margin: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #9c9c9c;
	padding: 14px 8px 9px 8px;
}
/* #countries ends */

#member-menu {
	width: 1000px;
	float: left;
	background: url('images/menu/menu-unhover.png') repeat-x left top;
	border-bottom: 1px solid #d3d3d2;
	font-size: 11px;
}

/* #page starts */
#page {
	width: 1000px;
	background: #ffffff;
}
/* #page ends */

/* #content starts */
#content {
	width: 710px;
	float: right;
	border-right: 1px solid #d3d3d2;
}

	#slider {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #bfbfbf;
		background: url('images/slider_bg.jpg') no-repeat left top;
		width: 650px;
		height: 292px;
		padding: 30px;
	}
	
	#featured {
		width: 560px;
		position: relative;
		border: 1px solid #ffffff;
		height: 260px;
		background: #ffffff;
	}
	
	#featured ul.ui-tabs-nav {
		position: absolute;
		top: 0;
		right: 555px;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 108px;
	}
	
	#featured ul.ui-tabs-nav li {
		padding: 1px 0;
		padding-right: 13px;
		font-size: 12px;
		color: #666666;
	}
	
	#featured ul.ui-tabs-nav li img {
		float: right;
		margin: 3px;
		background: #ffffff;
		padding: 2px;
		border: 1px solid #eeeeee;
	}
	
	#featured ul.ui-tabs-nav li span {
		font-size: 11px;
		font-family: Verdana;
		line-height: 18px;
	}
	
	#featured li.ui-tabs-nav-item a {
		display: block;
		height: 60px;
		color: #333333;
		background: #ffffff;
		line-height: 20px;
	}
	
	#featured li.ui-tabs-nav-item a:hover {
		background: #f2f2f2;
	}
	
	#featured ul.ui-tabs-nav li.ui-tabs-selected a {
		border: 1px solid #cccccc;
		margin-left: -3px;
		width: 92px;
	}
	
	#featured .ui-tabs-panel {
		padding: 5px;
		width: 550px;
		height: 250px;
		background: #ececec;
		position: relative;
	}
	
	#featured .ui-tabs-panel .info {
		position: absolute;
		padding: 5px;
		top: 195px;
		right: 0;
		height: 35px;
		background: #000000;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		font-weight: bold;
		margin-right: -5px;
		text-transform: uppercase;
	}
	
	#featured .info h2 {
		font-size: 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #fff;
		padding: 5px;
		margin: 0;
		overflow: hidden;
	}
	
	#featured .info p { 
		margin: 0 5px;
		font-family: Verdana;
		font-size: 11px;
		line-height: 15px;
		color: #f0f0f0;
	}
	
	#featured .info a {
		text-decoration: none;
		color: #ffffff;
	}
	
	#featured .info a:hover {
		text-decoration: underline;
	}
	
	#featured .ui-tabs-hide {
		display: none;
	}
	
	.n_topic {
		background: url('images/n_topic.png') no-repeat left top;
		height: 40px;
		width: 153px;
		display: block;
		position: absolute;
		top: 270px;
		padding: 7px 0 0 -3px;
		margin-right: -30px;
	}
	
	.n_topic h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #ffffff;
		font-weight: bold;
		margin: 3px 30px 0 6px;
	}
	
	#latest-tabs {
		margin: 14px 0 0 4px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		list-style-type: none;
		text-align: right;
		background: #fbfafb;
	}
	
	#latest-tabs li {
		display: inline;
	}
	
	#latest-tabs li a {
		text-decoration: none;
		padding: 13px 16px;
		margin: 0 1px 0 -4px;
		border-right: 1px solid #cacaca;
		border-top: 1px solid #ffffff;
		color: #bcbcbc;
		background: url('images/tab_bg.png') #e0e0e0 top left repeat-x;
	}
	
	#latest-tabs li a:hover {
		color: #999999;
		background: #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
	}
	
	#latest-tabs li a.selected {
		position: static;
		color: #000000;
		background: #f5f5f5;
		border-right: 1px solid #cacaca;
		border-bottom: 1px solid #f5f5f5;
	}
	
	#latest-container .latest-content {
		margin: 13px 0 0 0;
		border-bottom: 2px solid #fff;
		border-top: 1px solid #bfbfbf;
		padding: 10px;
		height: 230px;
		background: #f5f5f5;
	}
	
	.latest-content a {color:#57acf7;font-weight:bold;}	
		
	.verticalmenu {
		width: 180px;
		list-style-type: none;
		font-size: 11px;
	}
	
	.verticalmenu li a {
		width: 100%;
		display: block;
		color: #848484;
		font-weight: bold;
		padding: 12px 13px;
		text-decoration: none;
		border: 1px solid;
		border-color: #ffffff #cccccc #cccccc #ffffff;
		background: url('images/menu/menu-unhover.png') repeat-x right top;
	}
	
	.verticalmenu li .active {
		color: #139eff;
		padding: 12px 14px;
		border-color: #ffffff #ffffff #cccccc #f2f2f2;
		background: #ffffff;
	}
	
	.verticalmenu li a:hover {
		color: #9d9d9d;
		background: #ffffff;
		border-color: #ffffff #ffffff #cccccc #eaeaea;
	}
	
	ul.music li {
		list-style-type: none;
		margin: 15px 38px 15px 0;
		float: right;
		position: relative;
		margin-bottom: 30px;
	}
	
	ul.music li .vinyl-link {
		display: block;
		position: relative;
		float: left;	
		width: 80px;
		height: 80px;
		text-indent: -1000em;
		overflow: hidden;
		z-index: 1;
		padding-bottom: 15px;
		background: url('images/vinyl.png') 0 0 no-repeat;
		width: 96px;
		height: 76px;
	}
	
	ul.music li p {
		line-height: 180%;
	}
	
	ul.music li.vinyl {
		background: url('images/vinyl_insert.gif') 2px 1px no-repeat;	
		width: 96px;height:165px;
	}
	
	.vinyl a {color:#57acf7;font-weight:bold;}
		
	#table_songs a {
		color: #7a7979;
		font-weight: bold;
	}
	
	#table_songs a:hover {
		color: #139eff;
	}
	
	#table_songs td {
		padding: 4px;
	}
	
	#table_songs img {
		cursor: pointer;
	}
	
	#comments {
	}
	
	ol.commentlist {
		list-style-type: none;
	}
	
	ol.commentlist li {
		background: #efefef;
		border-bottom: 1px solid #d3d3d3;
		border-top: 1px solid #d3d3d3;
		margin-bottom: 13px;
		clear: right;
		float: right;
		position: relative;
	}
	
	ol.commentlist ul li {
		border-bottom: none;
		border-top: none;
		margin-bottom: 10px;
		width: 120px;
		list-style-type: none;
	}
	
	.commentcolumn {
		padding: 15px 10px 0 28px;
		width: 120px;
		font: 11px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
		color: #888888;
		float: right;
		min-height: 90px;
	}
	
	.author {
		font-weight: bold;
		margin-top: -6px;
	}
	
	.author a {
		color: #666666;
	}
	
	.commentlist p {
		color: #6b6b6b;
		padding: 15px 15px 15px 0;
		margin-right: 157px;
		width: 265px;
	}
	
	#gallery_categories a {
		float: left;
		margin: 0 23px 0 23px;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
	}
	
	#gallery_categories a div {
		background: #444444;
		text-align: center;
		padding: 8px 0 8px 0;
		border-top: 1px solid #ffffff;
	}
	
		#gallery {
		list-style-type: none;
	}
	
	#gallery li {
		float: left;
		margin: 0 0 0 14px;
	}
	
	#gallery li img {
		padding: 1px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
		width: 100px;
		height: 105px;
		opacity: 0.6;
		filter: alpha(opacity=60);
		cursor: pointer;
	}
	
	#gallery li img:hover {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	
	#gallery-photo {
		padding: 2px;
		border: 1px solid #ccc;
	}
/* #content ends */

/* #sidebar starts */
#sidebar {
	width: 288px;
	float: left;
	color: #57acf7;
}

	.sidebar {
		background: #f0f0f0;
		padding: 16px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #d3d3d2;
	}
	
	.sidebar h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #222222;
		text-shadow: 1px -1px 2px #d0d0d0;
		margin: 0 0 15px 0;
	}
	
	.sidebar h3 {
		font-family: Cambria, serif;
		font-size: 12px;
		font-style: italic;
		color: #424242;
		margin: 0 0 10px 0;
	}
	
	#login {
		background: transparent url('images/login-div_bg.png') repeat-y top right;
		border-bottom: 1px solid #d3d3d2;
		padding: 70px 0 0 0;
		color: #222222;
	}
	
	#login .loggedin {
		padding: 0 15px 20px 15px;
	}
	
	#login ul {
		margin: 12px 0 10px 0;
	}
	
	#login ul li {
		margin: 0 0 0 15px;
		color: #666666;
	}
	
	#login li a {
		color: #57acf7;
		font-weight: bold;
		font-size:16px;
	}
	
	#login form {
		padding: 0 25px 25px 32px;
	}
	
	#login #login-user {
		width: 210px;
		height: 14px;
		padding: 11px 10px;
		margin: 0 0 17px 0;
		border: 0;
		background: url('images/login_user.png') no-repeat right top;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #acacac;
	}
	
	#login #login-pwd {
		width: 210px;
		height: 14px;
		padding: 11px 10px;
		margin: 0 0 12px 0;
		border: 0;
		background: url('images/password_user.png') no-repeat right top;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #acacac;
	}
	
	#login form a {
		height: 30px;
		width: 120px;
		float: left;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #acacac;
		margin: 6px 0 6px 0;
		padding: 0 18px 0 0;
		text-decoration: none;
		background: transparent url('images/bg_button_span.png') no-repeat scroll top right;
	}
	
	#login form a span {
		background: transparent url('images/bg_button_a.png') no-repeat;
		display: block;
		line-height: 20px;
		padding: 5px 0 5px 18px;
	}
	
	#login #login-button {
		width: 74px;
		height: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #acacac;
		background: transparent url('images/login_button_bg.jpg') no-repeat;
		border: 0;
		text-align: center;
		margin: 6px 0 0 7px;
		padding: 0 0 0 8px;
		cursor: pointer;
	}
	
	#login #login-error {
		font-size: 11px;
		color: red;
		padding: 0 0 10px 32px;
	}
	
	#vote-button {
		width: 74px;
		height: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #acacac;
		background: transparent url('images/vote_button_bg.png') no-repeat;
		border: 0;
		cursor: pointer;
	}
	
	.s_topic {
		background: url('images/sidebar_topic.png') no-repeat left top;
		height: 40px;
		width: 153px;
		display: block;
		position: absolute;
		top: 240px;
		margin-right: -25px;
		padding: 11px 11px 11px 12px;
	}
	
	.s_topic h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #ffffff;
		font-weight: bold;
		margin-right: 15px;
	}
	
	#signup {
		height: 100px;
		padding-right:35px;
		background: url('images/become_bg.png') no-repeat left top;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #d3d3d2;
	}
	
	#signup h2 {
		font-family: Cambria, serif;
		font-size: 16px;
		font-weight: normal;
		color: #878787;
		padding: 15px 0 15px 20px;
		text-shadow: 1px -1px 1px #ffffff;
	}
	
	#signup a {
		width: 197px;
		height: 29px;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #56b4fc;
		margin: 0 0 0 42px;
		background: transparent url('images/bg_button_span.png') no-repeat scroll top right;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#signup a span {
		display: block;
		background: transparent url('images/bg_button_a.png') no-repeat;
		line-height: 19px;
		padding: 6px 1px 5px 10px;
	}
	
	.tophits_button {
		width: 205px;
		height: 22px;
		background: url('images/tophits_button_bg.png') no-repeat;
		display: block;
		font: 11px Arial, Helvetica, sans-serif;
		color: #9c9c9c;
		font-weight: bold;
		margin: 16px 0 0 10px;
		text-decoration: none;
		padding: 8px 0 0 10px;
	}
	
	.tophits_button p {
		height: 0px;
		padding-left: 20px;
	}
	
	.poll_container {
		margin-top: 16px;
		color: #676767;
		font-family: Cambria, serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
	}
/* #sidebar ends */

.container-border {
	height: 80px;
	width: 150px;
	margin: 5px 1px 25px 25px;
	padding: 3px;
	background: #cacaca;
	border: 1px solid #cccccc;
	float:left;
}

.longbutton {
	width: 215px;
	height: 30px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #56b4fc;
	background: transparent url('images/longbutton.png') no-repeat scroll top right;
	text-decoration: none;
	text-transform: uppercase;
}

.longbutton span {
	display: block;
	padding: 7px 0 5px 10px;
}

/* #footer starts */
#footer {
	background: url('images/footer_bg.png') top repeat-x #060606;
	min-height:250px;
}

#footer #margin {
	width: 1000px;
	background: #ffffff;
	height: 10px;
	margin: 0px auto;
	padding: 0 0 15px 0;
}

/* chaanged by jesper */

#footer #copyright {
	width: 1000px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 0 0 50px 0;
	background-color:#060606;
}

/* stop */

/* chaanged by jesper */

#clear {
	clear:both;
}

/* stop */

#footer p {
	font-weight: bold;
	padding: 40px 0 0 0;
	line-height: normal;
	font-size: 10px;
	color: #cccccc;
}

div.footer_list h4 {
	margin: 0 0 7px 0px;
	display: block;
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	color: #666;
}

div.footer_list {
	float: left;
	width: 210px;
	margin: 20px 0 0 40px;
	display: inline;
}

div.footer_list ul {
	margin-bottom: 10px;
}

div.footer_list ul li {
	margin: 5px 0 0px 0px;
	clear: left;
	padding-bottom: 1px;
}

div.footer_list ul li a {
	color: #aaa;
	border: none;
	text-decoration: none;
}

div.footer_list ul li a:hover {
	text-decoration: underline;
	color: #008ee8;
}
/* #footer ends */