/* global */
html{height: 100%;}
/*
  kank bu style in i�inde ornekdiv mainview in
 i�indeki bu div in css i. geri kalan css ler fontlar i�in ve butonlar i�in
 benim site de kullandigim style. su �rnekte margin tap i�in kullandigim
 eksi degeri pek �nermiyolar. Su bazi sitelerin css ve htmlllerini divleri falan detayli
 ve d�zenli sekilde g�rmek istersen mozilla da firebug diye bi eklenti var.
 ordan da inceleyebilirsin. Style in hedefi her viewin i�inde g�sterdim.
 


*/

*{
	list-style:none;
}



#logo
{
position: absolute;
top: 10px;
left: 200px;
}
/*

.buttonmenu{
position:relative;
top:10px;
left: 2px;
list-style-type: none;
margin: 0;
padding: 0;
width: 80px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 16px 8px;
text-decoration: none;
font-weight: bold;
border: 2px solid;
border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0;
background-color: #383636;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
text-align: center;
font-family:Helvetica,Arial,Verdana,sans-serif;
}


.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover, .buttonmenu li a:active{
color: black;
background-color: #383636;
}
*/
.nav-container-outer{
position: absolute;
left: 2px;
background: #990000;
padding: 0px;
height: 74px;
width: 728px;
background: url(http://best11fm.com/images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(http://best11fm.com/images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #6C3600;
background: url(http://best11fm.com/images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(http://best11fm.com/images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #FF9900;
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(http://best11fm.com/images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(http://best11fm.com/images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#CC0000;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}
/*
#menucontainer{
	position:relative;
	left: 2px;
	height:44px;
	color:#FFFFFF;
	background:#383636;
	width:728px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(http://best11fm.com/images/background.jpg) repeat-x bottom left;
	padding:0 0 0 28px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 28px;
	height:38px;}

#menunav ul li a span{
	padding:12px 28px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(http://best11fm.com/images/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(http://best11fm.com/images/left.jpg) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 28px 0 0;
	width:auto;
	background:#383636 url(http://best11fm.com/images/right.jpg) no-repeat top right;
	height:38px;}
*/
/* ---------------------- END Dolphin nav ---------------------- */

table.pattributes
{
position:relative;
top: 90px;
left: 10px;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 720px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.pattributes td
{
background-color: #FFCC33;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.pattributes td.hed
{background-color: #666;
color: #fff;
padding: 4px;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 


#leaguetable
{
position: absolute;
left: 160px;
top: 200px;
	border:1px solid #f7f939;
}

#deneme
{
position: absolute;
top: 140px;
left: 0px;
}

#comments
{
position: absolute;
top: 140px;
left: 10px;
width: 720px;
}

#welcome
{
position: absolute;
top: 300px;
left: 90px;
}
#welcome2
{
position: absolute;
top: 340px;
left: 40px;
}

#teamdiv
{
position: absolute;
top: 180px;
left: 160px;
}

#kayit
{
position: absolute;
top: 270px;
left: 140px;
}

#createteam
{
position: absolute;
top: 300px;
left: 200px;
}

#takimkur
{
position: absolute;
top: 340px;
left: 200px;
}

#players
{
position: absolute;
left: 10px;
top: 230px;
}

#players td
{
border:1px solid #FFCC33;
}
#players #ontop
{
background-color:#FFCC33;
color:white;
}

#ornekdiv{
	margin-left:150px;
        margin-top:-300px;
	text-align:center;
}

select{
    padding:0.15em;
    border:1px solid #ddd;
    background:#fafafa;
    font: 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    font-family:"Palatino", Helvetica, sans-serif;
}

input {
    padding:0.15em;

    border:1px solid #ddd;
    background:#fafafa;
    font: 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    font-family:"Palatino", Helvetica, sans-serif;
}
textarea {
    padding:0.15em;
    width:28em;
    height:20em;
    border:1px solid #ddd;
    background:#fafafa;
    font: 0.95em arial, sans-serif;
    -moz-border-radius:0.4em;
    -khtml-border-radius:0.4em;
    font-family:"Palatino", Helvetica, sans-serif;
}
input:hover,input:focus {
    border-color:#c5c5c5;
    background:#E5ECFF;
}
input[type="submit"] {
    font-weight: bold;
    border-color:#c5c5c5;
    background: #9999FF;
    color: white;
    margin-right: 10px;
    margin-top: 5px;
}

input[type="submit"]:hover {
    border-color:#c5c5c5;
    background: #CCFF33;
    color: black;
}

/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1, h2, h3, h4
{ font-size: 110%;
  letter-spacing: .1em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  text-transform: uppercase;
  font-weight: normal;
}

h4
{ font-family: arial, sans-serif;
  font-size: 110%;
}

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

a{outline: none;}

form{padding: 0; margin: 0;}

/* image positioning - left, right and center */
.left
{ float: left; 
  border-right: 18px solid;
}

.right
{ float: right; 
  border-left: 18px solid;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 5px 20px 0px; 
  padding: 5px 20px 0px 10px;
  border-left: 8px solid;
  width: 300px;
  height: 100px;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
  
}

/* main container */
#main{width: 970px;}

/* logo */
#logo
{ width: 970px;
  height: 55px;
  border-top: 5px solid;
}

#logo h1
{ font-size: 250%;
  padding: 14px 0px 0px 0px;
  float: left;
  text-transform: lowercase;
}

#colours
{ height: 0px;
  text-align: right;
  padding: 20px 0px 0px 0px;
}

/* navigation menu */
#menubar
{ width: 970px;
  height: 35px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 25px;
  text-decoration: none; 
  padding: 18px 12px 8px 12px;
  text-align: center;
  border-right: 1px solid;
} 

#search
{ float: right; 
  padding: 16px 0px 0px 0px;
}

input.searchfield
{ border: 1px solid; 
  padding:2px;
}

input.searchbutton
{ font-family: verdana, sans-serif;
  border: 1px solid; 
  padding: 0px 0px 1px 0px;
  width: 64px;
  cursor: pointer;
}

/* main content */
#site_content
{ width: 970px;
  overflow: hidden;
  margin: 5px 0px 0px 0px;
  background: #FFF;
} 

/* sidebar */
.sidebar
{ float: left;
  width: 190px;
  padding: 15px 15px 15px 20px;
}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  width: 190px;
  float: left;
  margin: 0px 0px 15px 0px;
}

.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;}

.sidebaritem ul
{ border-top: 1px solid;
  width: 160px; 
  padding-top: 4px; 
  margin: 4px 0px 15px 14px;
}

.sidebaritem li
{ list-style: none; 
  padding: 0px 0px 4px 0px; 
  border-bottom: 1px solid;
}

.sidebaritem li a, .sidebaritem li a:hover
{ text-decoration: none; 
  padding: 0px 0px 0px 18px;
  display: block;
} 

/* page content */
#content
{ text-align: left;
  width: 697px;
  float: left;
  padding: 22px 10px 15px 28px;
}

#content h1{font-size: 125%;}

#content a, #footer a{border-bottom: 1px dotted;}

#content a:hover, #footer a:hover{border-bottom: 1px solid;}

#content a.colour, #content a.colour:hover{border-bottom: 0px;}

/* footer */
#footer
{ width: 930px;
  height: 40px;
  padding: 18px 20px 4px 20px;
  text-align: center;
}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}

/* sNews */
fieldset, .comment, .commentsbox{margin-bottom: 10px;}

fieldset
{ border: 1px solid; 
  padding: 10px 8px;   
}

input{padding: 2px;}

textarea
{ width: 95%; 
  height: 200px;
  padding: 3px;
}

.date
{ border-top: 1px solid; 
  margin: 15px 0px 5px 0px;
  font-weight: bold;
}

