﻿/*------------------------------------------------------------------
CSS for GitarTurk - Main Stylesheet
Author:		Bahadır nal (webmaster@gitarturk.com)
		    The Crying Machine Studios - All Rights Reserved
Version:	Sigma
Created:	02/01/2007
Updated:	06/08/2007
------------------------------------------------------------------ */

body				
	{ 
	background:#000000 url('../img/background.jpg') repeat-y center; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	font-family: Verdana; 
	font-size: 11px; 
	color: #a7a7a7;  
	}

#main  				
	{ 
	width: 760px; 
	background: #000; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	}
#frame  				
	{ 
	width: 760px; 
	padding: 5px;
	float:left;
	}
	
#header, #footer, #navigation, #top_navigation, #bottom_footer
	{
	width: 760px;
	float:left;
	text-align: center;
	}
	
#content
	{

	width: 760px;
	float:left;
	text-align: center;
	}
#content_forum
	{

	width: 760px;
	float:left;
	text-align: left;
	}
	
#middle_content
	{
	margin-top: 0px;
	width: 760px;
	float:left;
	text-align: justify;
	}
	
#content_kat
	{
	margin-top: 10px;
	width: 760px;
	float:left;
	text-align: center;
	}



#middle_navigation_left
	{ 
	width: 590px;
	padding: 5px;
	text-align:left; 
	float: left;
	}
	
#bottom_navigation_left
	{ 
	width: 560px;
	padding: 5px;
	text-align:left; 
	float: left;
	}
	
#middle_navigation_right	{ 
	width: 150px;
  padding-top: 2px;
  padding-right:5px;
	text-align:right; 
	float: right;
	display:inline;
	}
	
#bottom_navigation_right
	{ 
	width: 180px;
	text-align:right; 
	padding:5px;
	float: right;
	display:inline;
	}

	
#logo_banner
	{
	width: 760px;
	float:left;
	margin-top: 5px;
	}
	
#middle_navigation
	{
	width: 760px;
	margin-top: 5px;
	float:left;
	}
	
#logo
	{ 
	width: 230px;
	text-align:left; 
	float: left;
	}
	
#banner
	{ 
	width: 470px; 
	float: right;
	display: inline;
	}
	
#bottom_navigation, #top_footer
	{
	background: #530000 ;
	margin-top: 5px;
	width: 760px;
	float:left; 
	}
	
#top_content, #main_content
	{
	margin-top: 5px;
	width: 760px;
	float:left; 
	}
	
#top_content_left, #middle_content_left
	{ 
	width: 365px;
	text-align:left; 
	float: left;
	}
	
#haber, #akademi, #anatomi, #kutuphane, #masterclass, #inceleme, #forum, #left, #right
	{ 
	margin-top: 5px;
	padding: 5px;
	width: 365px;
	text-align:justify; 
	float: left;
	}	
	
#top_content_right, #middle_content_right
	{ 
	margin-left: 20px;
	width: 365px;
	text-align:left; 
	float: left;
	}
	
#akademi_baslik, #anatomi_baslik, #haber_baslik, #kutuphane_baslik, #masterclass_baslik, #forum_baslik, #inceleme_baslik
	{ 
	width: 365px; 
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	background: #530000; 
	padding:5px; 
	text-align:left; 
	margin-top: 5px;
	float: left; 
	}
	
#okunan_baslik, #eklenen_baslik
	{ 
	width: 355px; 
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	background: #193D55; 
	padding:5px; 
	text-align:left; 
	margin-bottom: 15px;		
	float: left; 
	}

#content_main
	{ 
	width: 370px;
	text-align:left; 
	float: left;
	}
	


#top_navigation_left, #top_footer_left, #bottom_footer_left
	{ 
	width: 430px;
	padding: 5px;
	text-align:left; 
	float: left;
	}
#top_navigation_right, #top_footer_right, #bottom_footer_right
	{ 
	width: 310px;
	text-align:right; 
	padding:5px;
	float: right;
	display:inline;
	}
#space
	{

	width: 760px;
	height: 200px;
	float:left; 
	text-align:center; 
	}
#sub_space
	{
	width: 760px;
	height: 400px;
	text-align: justify;
	float:left; 
	}

#tab_left_left, #tab_right_left
	{ 
	width: 170px;
	text-align:left; 
	float: left;
	}

#tab_left_right, #tab_right_right
	{ 
	width: 170px;
	text-align:left; 
	float: left;
	display:inline;
	padding-left: 20px;
	}


#pager_links_page a { text-decoration:none; color:#ffbf00;  padding:1px 4px 1px 4px; margin:2px; }
#pager_links_page a:hover { text-decoration:none; color:#fff;   padding:1px 4px 1px 4px; margin:2px; }

#current_page { padding:1px 4px 1px 4px; margin:2px; color:#fff; } 
	
	
.tablo
{
	text-align: justify;
	width: 750px;
	padding: 5px 5px 5px 5px;
}

.tablo1
{
	text-align: justify;
	width: 360px;
	padding: 5px 5px 5px 5px;
}

.tablo2
{
	text-align: center;
	width: 300px;
	margin-left:230px;
	margin-right:230px;
}

.tablo3
{
	text-align: justify;
	width: 100px;
}

.tablo4
{
	width: 30px;
}

.tablo5
{
	text-align: justify;
	width: 350px;
	padding: 5px 5px 5px 5px;
}

.tablo6
{
	text-align: justify;
	width: 370px;
}

.tablo7
{
	text-align: justify;
	width: 740px;
	padding: 5px 5px 5px 200px;

}

.baslik

{
color: #fff; font-size: 11px; font-weight: bold; background: #530000; width: 360px; padding:5px; text-align:left; float: left;
}

.tablo_sol
{
	text-align: justify;
	width: 500px;
	padding: 5px 5px 5px 5px;
}

.tablo_sag
{
	text-align: justify;
	width: 230px;
	padding: 5px 5px 5px 5px;
}

.imaj 
{
	margin: 2px 5px;
	float: left
}

.sag
{
text-align: right;
}

.orta
{
text-align: center;
}

.uyari
{
text-align: justify;
color: #fff;
}

ul.menu 				{ list-style-type: none; padding: 0; margin: 0; color: #ffbf00; }
 
ul.menu li 				{ display: inline; }
ul.menu li a 				{ text-decoration: none ; color: #fff; } 
ul.menu li a:active			{ text-decoration: none ; color: #fff; }
ul.menu li a:visited			{ text-decoration: none ; color: #fff; }
ul.menu li a:hover 			{ text-decoration: none ; color: #ffbf00; }


ul.menu2 				{ list-style-type: none; padding: 0; margin: 0; color: #cccccc; text-align:justify; }
 
ul.menu2 li 				{  margin: 0 0 .2em 0; }
ul.menu2 li a 				{ text-decoration: none ; color: #fff; } 
ul.menu2 li a:active			{ text-decoration: none ; color: #fff; }
ul.menu2 li a:visited			{ text-decoration: none ; color: #fff; }
ul.menu2 li a:hover 			{ text-decoration: none ; color: #ffbf00; }

.date 					{  font-size: 11px; color: #ffffff; text-align: left;}

a					{  text-decoration: none ; color: #CC9900; }
a:active				{  text-decoration: none ; color: #ffbf00; }
a:visited				{  text-decoration: none ; color: #ffbf00; }
a:hover 				{  text-decoration: none ; color: #fff; }


.ab					{  text-decoration: none ; color: #CC9900; }
a.ab:active				{  text-decoration: none ; color: #CC9900; }
a.ab:visited				{  text-decoration: none ; color: #CC9900; }
a.ab:hover 				{  text-decoration: none ; color: #fff;}

.table 					{  font-size: 11px; color: #cccccc; text-align: justify; }
a.table 				{ text-decoration: none; color: #ffbf00; }
a.table:active 				{ text-decoration: none; color: #99cc00; }
a.table:visited 			{ text-decoration: none; color: #99cc00; }
a.table:hover 				{ text-decoration: underline; color: #ffbf00; }

		
.nav 					{  font-size: 11px; color: #ffbf00;}
a.nav 					{ text-decoration: none; color: #ffffff; }
a.nav:active 					{ text-decoration: none; color: #ffffff; }
a.nav:visited 				{ text-decoration: none; color: #ffffff; }
a.nav:hover 				{ text-decoration: none; color: #ffbf00; }


.footer					{  font-size: 11px; color: #69633D;}
a.footer 					{ text-decoration: none; color: #ffffff; }
a.footer:active 					{ text-decoration: none; color: #ffffff; }
a.footer:visited 				{ text-decoration: none; color: #ffffff; }
a.footer:hover 				{ text-decoration: none; color: #ffbf00; }

.white 					{  font-size: 11px; color: #ffffff;}
a.white 					{ text-decoration: none; color: #ffffff; }
a.white:active 					{ text-decoration: none; color: #ffffff; }
a.white:visited 				{ text-decoration: none; color: #ffffff; }
a.white:hover 				{ text-decoration: none; color: #ffbf00; }

b {font-weight:bold; color:#FFFFFF;}
.img 					{ border:0; padding-right:5px; text-align:left; float:left; }
.masterclass					{ border:0; padding-right:10px; padding-bottom:5px; text-align:left; float:left; }
.video					{ border:0; margin-right:10px; text-align:left; float:left; }
.video_right					{ border:0; margin-left:10px; text-align:left; float:right; }
.img_orta 					{ border:0; margin-left: 50px; margin-right: auto; text-align: center;}
.beyaz  { color:#FFFFFF;}
.ortala  { vertical-align:middle ;}



.left {text-align:justify;}

.sol {text-align:left; float:left;}
.form 					{ margin-bottom:0; font-size: 10px; text-align:left; height:18px; vertical-align:middle; }

input,textarea, select 			{ color : #000; font: normal 11px Arial; border: 1px solid #323232; }

input.post, textarea.post, select 	{ background-color : #fff; }

input 					{ text-indent : 2px; }

input.button 				{ background-color : #000000; color : #a6a6a6; font-size: 10px;  padding-left:5px; padding-right:5px; }

input.mainoption 			{ background-color : #000000; font-size: 10px; }

input.liteoption, input.helpline 	{ background-color : #000000; font-weight : normal; }
