@charset "utf-8";
body {
	background: #d3eff2 url("../image/layout-background.jpg") left top no-repeat; 
}
h1 {
	font-family: Arial;
	font-size: 35px;
	font-weight: normal;
}
h2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
}
#layout {
	position: relative;
	left: 26px;
	width: 909px;
}

#layout-body { 
	width: 909px;
	margin-top: 33px;
}
#layout-body-head {
	width: 909px;
	height: 126px;
}
#layout-body-head-logo {
	background-image: url("../image/trsohbet-logo.jpg");
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left: 20px;
	width: 195px;
	height: 89px;
}
#layout-body-head-logo a {
	width: 195px;
	height: 89px;
	display: block;	
}
#layout-body-head-logo a span {
	display: none;
	position: absolute;
	left: 9999px;
}
#layout-body-head-links {
	position: absolute;
	margin-top: -75px;
	left: 770px;
	width: 133px;
}
#layout-body-head-links a {
	display: block;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold; 
	text-decoration: none;
	margin-bottom: 8px;
}
.layout-body-head-links-a {
	color: #ff7b09;
}
#layout-body-head-links-language a {
	display: inline;
	margin-right: 5px;
}
#layout-body-head-links-language-tr {
	color: #f00;
}
#layout-body-head-links-language-tr span {
	padding-left: 18px;
	background: transparent url("../image/flag_tr.png") left 1px no-repeat; 
}
#layout-body-head-links-language-en {
	padding-left: 18px;
	background: transparent url("../image/flag_en.png") left 1px no-repeat;
	color: #00f;
}
#layout-body-head-links a:hover {
	text-decoration: underline;
}
#layout-body-head-menu {
	width: 586px;
	height: 37px;
	margin-top: 1px;
	background-image: url("../image/layout-menu.png");
	background-repeat: no-repeat;
}
#layout-body-head-menu ul {
	height: 37px;
}
#layout-body-head-menu ul li {
	float: left;
	height: 37px;
	margin-right: 2px;
}
#layout-body-head-menu ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#layout-body-head-menu ul li a {
	display: block;
	height: 29px;
	text-align: center;
	background-image: url("../image/layout-menu.png");
	background-repeat: no-repeat;
	font: bold 17px Arial;
	text-decoration: none;
	color: #fff;
	padding-top: 8px;
}
#layout-body-head-menu ul li a span{
	/*position:absolute;
	left:-9999px;*/
}
#layout-body-head-menu-item1 {
	width: 104px;
	background-position: 0 0;
}
#layout-body-head-menu-item1:hover { background-position: 0 -37px; }
#layout-body-head-menu-item2 {
	width: 82px;
	background-position: -106px 0;
}
#layout-body-head-menu-item2:hover { background-position: -106px -37px; }
#layout-body-head-menu-item3 {
	width: 65px;
	background-position: -190px 0;
}
#layout-body-head-menu-item3:hover { background-position: -190px -37px; }
#layout-body-head-menu-item4 {
	width: 92px;
	background-position: -257px 0;
}
#layout-body-head-menu-item4:hover { background-position: -257px -37px; }

#layout-body-head-menu-item5 {
	width: 124px;
	background-position: -351px 0;
}
#layout-body-head-menu-item5:hover { background-position: -351px -37px; }
#layout-body-head-menu-item6 {
	width: 106px;
	background-position: -477px 0;
}
#layout-body-head-menu-item6:hover { background-position: -477px -37px; }
#layout-body-middle {
	display: block;
	width: 909px;
}
#layout-body-middle-left {
	width: 380px;
	height: 203px;
	float: left;
	padding: 20px 0 0 22px;
	margin-right:20px;
}
#layout-body-middle-left h1 {
	font-family: Arial;
	font-size: 35px;
	font-weight: normal;
}
#layout-body-middle-left p {
	font-family: Verdana;
	font-size: 11px;
	color: #396b7d;
	line-height: 15px;
	margin-top: 12px;
}
#layout-body-middle-left p a{
	color: #e02dab;
	text-decoration: none;
}
#layout-body-middle-left p a:hover {
	color: #e02dab;
	text-decoration: underline;
}
#layout-body-middle-right {
	width: 368px;
	height: 235px;
	float: left;
}
#layout-body-middle-right-login {
	position: relative;
	color: #a4a4a4;
	margin-top: 20px;
	height: 130px;
}
.layout-body-middle-right-login-username {
	height: 100px;
	width: 172px;
	left: 20px;
	top: 10px;
	position: absolute;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
.layout-body-middle-right-login-password {
	width: 168px;
	height: 100px;
	position: absolute;
	left: 192px;
	top: 10px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
}
.layout-body-middle-right-login-username div, .layout-body-middle-right-login-password div {
	margin-left: -8px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.layout-body-middle-right-login-username div {
	margin-left: -3px;
}
/**
 * TODO: LOOK FOR OPERA FIX
 */
.layout-body-middle-right-login-username input, .layout-body-middle-right-login-password input {
	font-family: Arial;
	background-color: transparent;
	border: 0;
	margin-top: 4px;
	height: 22px;
}
.layout-body-middle-right-login-username input {
	margin-left: 2px;
}
/**
 * LOOK FOR SAFARİ FİX
 */
.layout-body-middle-right-login-password span {
	display: block;
	margin-top: 3px;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #b2b2b2;
}
.layout-body-middle-right-login-room {
	width: 172px;
	position: absolute;
	left: 20px;
	top: 80px;
}
.layout-body-middle-right-login-room div {
	margin-left: -8px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.layout-body-middle-right-login-submit {
	position: absolute;
	left: 185px;
	top: 100px;
}
#layout-body-middle-right-links {
	display: block;
	margin-top: 35px;
	margin-left: 10px;
	height: 30px;
}
#layout-body-middle-right-links div {
	float: left;
}
#layout-body-middle-right-links div a {
	font: normal 12px Arial;
	text-decoration: none;
}
#layout-body-middle-right-links div a:hover {
	text-decoration: underline;
}
#layout-body-middle-right-mirc {
	width: 113px;
	height: 40px;
	background: transparent url("../image/mirc.png") left 3px no-repeat;
	padding-left: 40px;
	padding-top: 4px;
}
#layout-body-middle-right-help {
	width: 65px;
	height: 40px;
	background: transparent url("../image/help.png") left 3px no-repeat;
	padding-left: 40px;
	padding-top: 4px;
}
#layout-body-middle-right-generalrules {
	width: 60px;
	height: 40px;
	background: transparent url("../image/rules.png") left 3px no-repeat;
	padding-left: 40px;
	padding-top: 4px;
}
#layout-body-middle-right-mirc a {
	color: #4765d4;	
}
#layout-body-middle-right-help a {
	color: #fa6605;
}
#layout-body-middle-right-generalrules a {
	color: #fa6605;
}
#layout-body-banner {}
#layout-body-banner-left {}
#layout-body-banner-rigth {}
#layout-body-footer {
	position: relative;
	display: block;
	width: 913px;
	margin-top: 50px;
	margin-left: -1px;
	background-image: url("../image/line-bg.png");
	background-position: -3px top;
	background-repeat: repeat-y; 
	height: 264px;
}
#layout-body-footer-news {
	left: 20px;
}
#layout-body-footer-game {
	left: 320px;
}
#layout-body-footer-burclar  {
	left: 619px;
}
.layout-body-footer-bar {
	position: absolute;
	width: 276px;
	height: 225px;
}
.layout-body-footer-title {
	width: 276px;
	height: 39px;
	background-image: url("../image/footer-title.png");
	background-position: left top;
	background-repeat: no-repeat; 
}
.layout-body-footer-title-text {
	position: absolute;
	font: bold 18px Arial; 
	color: #fff;
	top: 7px;
	left: 37px;
}
.layout-body-footer-title-link {
	position: absolute;
	top: 12px;
	left: 235px;
	
}
.layout-body-footer-title a {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.layout-body-footer-title a:hover {
	text-decoration: underline;
}
#layout-body-footer-news-title {
	background-position: left top;
}
#layout-body-footer-game-title {
	background-position: -296px top;
	margin-bottom: 5px;
}
#layout-body-footer-burclar-title {
	background-position: -592px top;
	margin-bottom: 5px;
}
.layout-body-foote-news-item {
	display: block;
	color: #4e4e4e;	
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 8px;
	padding-left: 12px;
	background: transparent url("../image/little-red-row.png") left no-repeat;
}
.layout-body-foote-news-item:hover {
	text-decoration: underline;
}
.layout-body-foote-news-more {
	display: block;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #d93737;
	margin-top: 5px;
	padding-left: 12px;
}
.layout-body-footer-game-c {

}
.layout-body-footer-game-c-l {
	float: left;
	margin-bottom: 9px;
}
.layout-body-footer-game-c-r {
	float: left;
	margin-left: 20px; 
	margin-bottom: 9px;
}
.layout-body-footer-game-c-l img, .layout-body-footer-game-c-r img {
	background: transparent url("../image/game-bg.png") 2px 2px no-repeat;
	float: left;
	padding: 5px 8px 5px 5px;
}
.layout-body-footer-game-c-l a, .layout-body-footer-game-c-r a {
	float: left;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	line-height: 15px;
}
.layout-body-footer-game-c-l a:hover, .layout-body-footer-game-c-r a:hover {
	text-decoration: underline;
}
.layout-body-footer-game-more {
	display: block;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #67a311;
	padding-left: 3px;
}
.layout-body-footer-burclar-c {
	padding-top:5px;
	display: block;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #aaaaaa;
}
.layout-body-footer-burclar-c-l {
	margin-left: 10px;
	width: 100px;
	float: left;
}
.layout-body-footer-burclar-c-r {
	width: 100px;
	float: right;
}
.layout-body-footer-burclar-c-l a, .layout-body-footer-burclar-c-r a {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #4e4e4e;
	line-height: 15px;
}
.layout-body-footer-burclar-c-l a:hover, .layout-body-footer-burclar-c-r a:hover {
	text-decoration: underline;
}
#layout-body-footer-burclar-koc 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-koc.png") left 3px no-repeat; }
#layout-body-footer-burclar-terazi 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-terazi.png") left 3px  no-repeat; }
#layout-body-footer-burclar-boga 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-boga.png") left 3px  no-repeat; }
#layout-body-footer-burclar-akrep 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-akrep.png") left 3px  no-repeat; }
#layout-body-footer-burclar-ikizler { padding: 0 0 0 28px; background: transparent url("../image/burc-ikizler.png") left 3px  no-repeat; }
#layout-body-footer-burclar-yay 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-yay.png") left 3px  no-repeat; }
#layout-body-footer-burclar-yengec 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-yengec.png") left 3px  no-repeat; }
#layout-body-footer-burclar-oglak 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-oglak.png") left 3px  no-repeat; }
#layout-body-footer-burclar-aslan 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-aslan.png") left 3px  no-repeat; }
#layout-body-footer-burclar-kova 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-kova.png") left 3px  no-repeat; }
#layout-body-footer-burclar-basak 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-basak.png") left 3px  no-repeat; }
#layout-body-footer-burclar-balik 	{ padding: 0 0 0 28px; background: transparent url("../image/burc-balik.png") left 3px  no-repeat; }
#layout-body-footer-wordofday {
	display: block;
	position: relative;
	top: 250px;
	height: 160px;
	background-position: -4px top;
	background-repeat: no-repeat; 
	background-image: url("../image/footer.png");
}
#layout-body-footer-wordofday-inner {
	padding: 28px 0 0 63px; 
}
#layout-body-footer-wordofday-inner strong {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #aeaeae;
}
#layout-body-footer-wordofday-inner span {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #808080;
}
#layout-body-footer-wordofday-outter {
	padding: 38px 0 0 63px; 
	font: normal 11px Verdana;
	color: #808080;
}
#layout-body-footer-wordofday-outter strong {
	color: #48c5d4;
}
#layout-body-footer-wordofday-outter a {
	color: #3a75ec;
}
#layout-body-footer-wordofday-bottom {
	position: absolute;
	top: 133px;
	padding: 0 0 0 25px; 
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #9b9b9b;
}
#layout-body-footer-wordofday-bottom a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #9b9b9b;
}
#layout-body-footer-wordofday-copy-warning {
	position: absolute;
	left: 362px;
	width: 150px;
	top: 0px;
	padding-left: 25px;
	padding-bottom: 3px;
	text-decoration: underline;
	background: transparent url("../image/warning.png") left top no-repeat;
}
#layout-body-footer-wordofday-copy-warning a {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #9b9b9b;
}
#layout-body-footer-wordofday-copy-warning a {
	text-decoration: underline;
}
#layout-body-footer-wordofday-bottom-valid {
	position: absolute;
	top: 0px;
	left: 780px;
	width: 200px;
}
#layout-footer {
	display: block;
	margin-top: 160px;
}
#layout-footer-l {
	width: 200px;
	margin-left: 30px;
	float: left;
}
#layout-footer-r {
	text-align: right;
	width: 600px;
	float: right;
}
#layout-footer-r-l { float: right; }
#layout-footer-r-r { padding-right: 10px; float: right; }
/* STANDART CLASS*/
.banner-win {
	display: block;
	position: relative;
	width: 888px;
	height: 90px;
	left: 10px;
	top: 18px;
}
.banner-long {
	width: 730px;
	height: 90px;
	margin: 0 auto 0 auto;
}
.banner-thin {
	width: 150px;
	height: 90px;
	float: right;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

