/*
_______________________________
BASE */

@import url(duman.base.css);

/*
_______________________________
PLUGINS */


/*
_______________________________
END */


html,body							{height:100%;
						 			 background-color:#060604;}
						 
body 								{background:#060503  url(../i/interface/bg.jpg) no-repeat top center;}

a 									{text-decoration:underline;
									 color:#B5A989;
									 font-weight:bold;}

a:hover 							{text-decoration:underline;
									 color: #8F1906;
									 font-weight:bold;}

/*
 * Genel
 */

#genel 								{position:relative;
									 width:899px;
									 top:0;
									 margin:0 auto;
									 z-index:1;}

/*
 * Header
 */

#header 			 				{position:relative;
									 width:899px;
									 height:140px;
									 top:0;
									 left: 0px;}

#player 			 				{position:absolute;
									 width:296px;
									 right:-12px;
									 top:21px;
									 z-index:2;}

#header h1.logo 					{display: block;
									 background: url(../i/interface/duman-logo.jpg) no-repeat;
									 width:230px;
									 height:46px;
									 position:absolute;
									 bottom:12px;
									 left:20px;
									 text-indent:-9999px;}

#header h1.logo a 					{height:46px;
				   		 			 display:block}

/*
 * Menü Bilesenleri
 */

 
#menu 								{position:relative; top:-7;}

#menu ul 							{background: url(../i/interface/menu.jpg) no-repeat left top; 
									 list-style-type: none;
									 height:82px;
									 padding-left: 27px;
									 text-indent:-9999px;}
						 
#menu ul li 						{display: inline;}

#menu ul li a  						{background-image: url(../i/interface/menu.jpg); 
									 background-repeat:no-repeat; 
									 display: block; 
									 height:82px; 
									 float: left;}
						 
#menu ul li a.ana_sayfa				{width: 120px; background-position: -38px  0;}
#menu ul li a.duman					{width: 93px;  background-position: -147px 0;}
#menu ul li a.albumler				{width: 120px; background-position: -240px 0;}
#menu ul li a.forum					{width: 97px;  background-position: -360px 0;}
#menu ul li a.galeri				{width: 98px;  background-position: -457px 0;}
#menu ul li a.video					{width: 87px;  background-position: -555px 0;}
#menu ul li a.basin					{width: 92px;  background-position: -642px 0;}
#menu ul li a.iletisim				{width: 102px; background-position: -734px 0;}

#menu ul li a.ana_sayfa:hover		{width: 120px; background-position: -38px  -82px;}
#menu ul li a.duman:hover			{width: 93px;  background-position: -147px -82px;}
#menu ul li a.albumler:hover		{width: 120px; background-position: -240px -82px;}
#menu ul li a.forum:hover			{width: 97px;  background-position: -360px -82px;}
#menu ul li a.galeri:hover			{width: 98px;  background-position: -457px -82px;}
#menu ul li a.video:hover			{width: 87px;  background-position: -555px -82px;}
#menu ul li a.basin:hover			{width: 92px;  background-position: -642px -82px;}
#menu ul li a.iletisim:hover		{width: 102px; background-position: -734px -82px;}

#menu ul li.selected a.ana_sayfa	{width: 120px; background-position: -38px  -82px;}
#menu ul li.selected a.duman		{width: 93px;  background-position: -147px -82px;}
#menu ul li.selected a.albumler		{width: 120px; background-position: -240px -82px;}
#menu ul li.selected a.forum		{width: 97px;  background-position: -360px -82px;}
#menu ul li.selected a.galeri		{width: 98px;  background-position: -457px -82px;}
#menu ul li.selected a.video		{width: 87px;  background-position: -555px -82px;}
#menu ul li.selected a.basin		{width: 92px;  background-position: -642px -82px;}
#menu ul li.selected a.iletisim		{width: 102px; background-position: -734px -82px;}

/*
 * Submain, Right and Left Label
 */
#main 								{position:relative;
      								 width:899px;
									 margin:0 0 5px 0;
									 float:left;}

#left-nav 							{position:relative;
									 width:564px;
									 margin:9px 0 0 14px;
									 float:left;}

/*
 * Altsayfa Içerikleri
 */

/*
 * Video
 */

#video-left 						{position:relative;
									 width:569px;
									 margin:0 8px 0 0px;
									 float:left;}
 
/*
 * Basin
 */

#basin-left 						{position:relative;
									 width:569px;
									 margin:0 8px 0 0px;
									 float:left;}

#basin-left .basin-text				{background:url(../i/interface/basin-bg.gif) no-repeat top left;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 width:545px;
									 height:46px;
									 text-decoration:none;
									 margin:0;}

#basin-left .basin-text img			{margin:5px 5px 0 20px; float:right; border:0;}

#basin-left .basin-text p			{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 width:395px;
									 color:#B5A989;
									 float:left;
									 text-decoration:none;
									 line-height:18px;
									 margin:13px 0 19px 35px;}
						 
#basin-left .basin-text span		{margin:0;}

#basin-poster 						{background:url(../i/interface/basin-bg.gif) no-repeat top left;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 width:545px;
									 height:150px;
									 text-decoration:none;
									 padding-top:22px;}

#basin-poster-border				{background:url(../i/interface/basin-bg.gif) no-repeat top left;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 width:545px;
									 text-decoration:none;
									 padding:23px 0 0 23px;}

#basin-poster-border img			{margin:0 10px 0 0; float:left;}

#basin-poster-border p				{margin:0 5px 10px 0;}

#basin-poster-border .poster 		{position:relative;
									 background:url(../i/i-border-right.gif) no-repeat top right;
									 margin:0 20px 0 0;
									 width:157px;
									 height:150px;
									 float:left;}

#basin-poster-border .pos-last		{position:relative;
									 margin:0;
									 width:157px;
									 height:150px;
									 float:left;}

/*
 * Albümler
 */
 
#albumler-left 						{position:relative;
									 width:569px;
									 margin:0 8px 0 0px;
									 float:left;}

#albumler-left p					{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 text-decoration:none;
									 line-height:18px;
									 margin:0 20px 10px 10px;}

#albumler-left .main				{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 text-decoration:none;
									 line-height:18px;
									 margin:0 20px 10px 35px;}

#albumler-left img.albumkapak		{position:relative;
									 margin:0 12px 10px 0;
									 float:left;
									 border:solid 1px #231d19;}

#albumler-left span.subtitle		{font-family: Tahoma;float:left; font-size:13px; font-weight:bold; color:#8f1906; margin:0;
	width: 180px;
}
#albumler-left ul.lyrics			{font-family: Tahoma; margin:10px 0 12px 0; font-size:11px; font-weight:normal; color:#b0a38a;line-height:18px; float:left;}
#albumler-left ul.subdetail			{font-family: Tahoma; font-size:11px; font-weight:normal; color:#b0a38a;line-height:18px;}
#albumler-left ul li span.detail	{font-family: Tahoma; font-size:11px; font-weight:normal; margin:0; color:#816a45;line-height:18px;}

/*
 * Iletisim
 */
 
#iletisim-left 						{position:relative;
									 width:564px;
									 margin:0 8px 0 0px;
									 float:left;}

#iletisim-left .subtitle p			{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 width:520px;
									 color:#B5A989;
									 float:left;
									 text-decoration:none;
									 line-height:18px;
									 margin:13px 0 25px 35px;}
						 
#iletisim-left .form				{width:410px; float:left;}

#iletisim-left .form-submit			{width:410px;
									 height:22px;
									 float:left; 
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#695757;}

#iletisim-left .form-submit p		{float:left;
									 text-decoration:none;
									 line-height:18px;
									 margin:2px 0 0 10px;}

#iletisim-left .form-submit .img	{margin:0; float:right; border:0;}

#iletisim-left .check	 			{border:solid 0px;
									 padding-left:20px;
									 list-style-type: none;
									 margin-left:20px;
									 margin-top:5px;
									 float:left;
									 height:12px;}

#iletisim-left .form-submit span	{right:0;}

#iletisim-left .textdetail 			{width:375px;
									 height:26px;
									 background: url(../i/iletisim-line.gif) repeat-x bottom left;
									 float: left;
									 border:solid 0px;
									 padding-left:20px;
									 list-style-type: none;
									 position: relative;
									 margin-left:15px;
									 margin-bottom:10px;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#695757;
									 clear:both;}

#iletisim-left .textArea 			{width:375px;
									 height:120px;
									 background: url(../i/iletisim-line.gif) repeat-x bottom left;
									 float: left;
									 border:solid 0px;
									 padding-left:20px;
									 padding-right:0px;
									 list-style-type: none;
									 line-height:18px;
									 position: relative;
									 margin-left:15px;
									 margin-bottom:10px;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#695757;
									 clear:both;
									 overflow-y:auto;}

/*
 * Galeri
 */
 
#galeri 							{position:relative;
									 padding:7px 14px 0px 14px;
									 float:left;}

#galeri .resimbg 					{background:url(../i/interface/galeri-bg.jpg) no-repeat;
									 width:871px;
									 height:602px;
									 position:relative;
									 padding:1px 1px 0 1px;}

/*
 * Altsayfa Genel Content
 */

#content-left 						{position:relative;
									 width:569px;
									 margin:0 8px 0 0px;
									 float:left;}

#content-left span 					{margin-left:24px;}

#content-left p						{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 text-decoration:none;
									 line-height:18px;
									 margin:0 20px 10px 35px;}

#content-left h2					{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:14px;
									 font-weight:bold;
									 color:#8F1906;
									 text-decoration:none;
									 margin:0 20px 20px 35px;}

#content-left .main					{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 text-decoration:none;
									 line-height:18px;
									 margin:0 20px 10px 35px;}

#content-left .image 				{position:relative;
									 margin-bottom:10px;}

.haberdetay							{background:url(../i/interface/haberler-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.iletisim-error						{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:12px;
									 font-weight:bold;
									 color:#8F1906;
									 text-decoration:none;
									 margin:2px 0 0 33px;
									 line-height:18px;}

.duman 								{background:url(../i/interface/duman-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.albumler 							{background:url(../i/interface/albumler-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.forum 								{background:url(../i/interface/forum-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.video 								{background:url(../i/interface/video-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.basin 								{background:url(../i/interface/basin-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 10px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

.iletisim 							{background:url(../i/interface/iletisim-h1.jpg) no-repeat left top;
									 text-decoration:none;
									 margin:0 0 5px 0;
									 width:365px;
									 height:75px;
									 text-indent:-9999px;}

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

#right-nav 							{position:relative;
									 margin:5px 0 10px 0;
									 float:left;}

#right-nav .haberler 				{position:relative;
									 width:303px;
									 top:0;}

#right-nav .wrap 					{position:relative;
									 width:303px;
									 height:34px;
									 background: url(../i/interface/right-haberler-wrap.jpg) no-repeat top left;
									 top:0;}

#right-nav .wrap-albumler			{position:relative;
									 width:303px;
									 height:34px;
									 background: url(../i/interface/albumler-wrap.jpg) no-repeat top left;
									 top:0;}

#right-nav .wrap2 					{padding:5px 0;
									 max-height:500px;
									 background: url(../i/interface/right-haberler-wrap3.jpg) no-repeat bottom left;}

/*
 * Sag Kolon Haberler "news" ve "maillist"
 */

#right-nav .news 					{position:relative;
									 width:300px;
									 padding:9px 0 10px 3px;
									 min-height:65px;
									 top:0;
									 border-bottom:solid 1px #211F19;}

#right-nav .image 					{position:relative;
									 width:77px;
									 height:63px;
									 padding:1px;
									 margin-right:10px;
									 float:left;
									 background: url(../i/i-bg.jpg) no-repeat;
									 top:0;
									 display:block;
									 text-indent:-9999px;}

#right-nav .news p 					{margin-bottom:3px;
									 line-height:13px;}

#right-nav .last 					{border-bottom:none;}

#right-nav .date 					{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:13px;
									 font-weight:normal;
									 color:#8F1906;
									 text-decoration:none;}

#right-nav .icerik 					{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#B5A989;
									 text-decoration:none;}

#right-nav .detaylink a				{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#5D4B3F;
									 text-decoration:none;}

#right-nav .detaylink a:hover 		{font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:11px;
									 font-weight:normal;
									 color:#5D4B3F;
									 text-decoration: underline;}

#right-nav .maillist 				{position:relative;
									 width:298px;
									 margin:10px 0 5px 2px;
									 top:0;
									 height:64px;
									 background:url(../i/interface/newslist.jpg) no-repeat top left;}

#right-nav .maillist p				{font-family:Tahoma; font-size:10px; font-weight:bold; color:#1e1c16; margin:0 0 5px 1px;}

#right-nav .sendmail 				{position:relative;
									 padding:13px 0 0 18px;
									 width:263px;
									 height:24px;}

#right-nav .inputstyle 				{width:176px;
									 height:12px;
									 background: url(../i/buttons/input-bg.jpg) no-repeat top left;
									 padding:6px 9px;
									 float: left;
									 border:solid 0px;
									 list-style-type: none;
									 position: relative;
									 margin-right:2px;
									 font-family:Tahoma, Verdana, "Trebuchet MS";
									 font-size:10px;
									 font-weight:normal;
									 color:#C6BA97;}

/*
 * Footer
 */

#footer 							{padding:15px 0 20px 9px; 
						 			 background:url(../i/interface/footer-bg.jpg) no-repeat 13px top;}

#footer .copyright 					{width:485px;}

#footer .copyright ul 				{ }

#footer .copyright ul li			{display: inline; 
						 	 		 list-style-type:none;
						 	 		 border-right: solid 1px #695757;}

#footer .copyright ul li a			{padding:0 7px 0 5px; 
							 		 font-family: Tahoma, Verdana, "Trebuchet MS"; 
							 		 font-size:10px; 
							 		 color:#695757;
							 		 font-weight:normal;
							 		 text-decoration:none;}

#footer .copyright ul li a:hover 	{text-decoration: underline;
								     color:#695757; 
								     font-weight:normal;}
								   
#footer .copyright ul li.son	  	{border-right: none;} 

#footer .alt				  	  	{padding:0 5px 10px 5px;
								     float:left; 
							 	     text-decoration:none; 
							         font-family: Tahoma, Verdana, "Trebuchet MS"; 
							         font-size:10px; 
							         color:#402B2B;
							         font-weight:normal;
								     width:460px;
								     line-height:16px;
								     margin-top:10px;}

#footer .manadigital 				{background: url(../i/interface/logo-manadigital.gif) no-repeat;
									 position: relative;
									 float:right;	 
									 right: 19px;
									 top:0;
									 text-align: left;}
	
#footer .manadigital a 				{text-indent: -9999px;	
									 width: 60px;
									 height: 13px;
									 display:block;}