/* CSS Document */
@import url(/css/reset.css);

body { font:12px Georgia, "Times New Roman", Times, serif; color:#4C4B4B; background:url(/images/bg.jpg) no-repeat fixed top center; letter-spacing:1px;}
#wrapped { background:url(/images/wrappedBg.jpg) no-repeat top center; padding:20px 0 0 0;}
#container { width:984px; margin:auto; overflow: hidden;}
#topBanner { width:730px; height:92px; margin:0 auto 20px auto; font-size:24px;}

#header { background:url(/images/headerBg2.png) no-repeat; height:114px; padding:15px 10px 0 16px; font-family:Arial, Helvetica, sans-serif; position:relative;}
#header h1 a{ background:url(/images/h1bg.png) no-repeat; width:212px; height:77px; display:block; text-indent:-9999px; float:left;}
#headerContent { margin-left:241px;}
#header ul#sorted { position:absolute; top:15px; right:10px; z-index:1;}
#header ul#sorted li { float:left; text-align:center;}
#header ul#sorted li a { display:block; width:10px; padding:5px 0; color:#908f8f;}
#header ul#sorted li a:hover, #header ul#sorted li a.selected { color:#eb0d9f;}
#header ul#sorted li a.selected { font-weight:bold;}
#headerContent .input { height:33px; width:532px; border:0; font-size:20px; color:#625f5f; padding-top:7px; background-color:transparent; float:left;}
#headerContent .SearcBt { float:right;}

/*content*/
#content { padding:15px 0 0 4px;}
.ie6 #content { padding-top:5px;}
#contentLeft { width:250px; padding:0 16px 10px 0; float:left;}
#content .bannerArea { width:248px; height:250px;}
#content h2 { font:bold 13px Arial, Helvetica, sans-serif ; border-bottom:5px solid #8f8989; color:#282828; line-height:19px; margin:20px 0 8px 0; }

.list ul.linkArea {}
.list ul.linkArea li { line-height:30px; padding:0 0 0 12px;}
.list ul.linkArea li.white { background:transparent url(/images/listbg.png);}
.list ul.linkArea li a { color:#4c4b4b; background:url(/images/bullet.gif) no-repeat left 5px; padding:0 0 0 18px;}
.list ul.linkArea li a:hover { color:#528ff4;}

.fullList { text-align:right; margin-top:10px;}
.fullList a { color:#d31010; font-style:italic; font-size:11px;}

#survey { background:transparent url(/images/listbg.png); padding:8px 0 35px 12px; position:relative;}
#survey p.question { background:url(/images/bullet.gif) no-repeat left 5px; padding:0 0 0 20px;}
#survey li { margin-left:22px; line-height:30px;}
input.surveyBt { border:0; background-color:#cf8d37; color:#fff; font-weight:bold; padding:5px 9px; position:absolute; z-index:2; bottom:-9px; right:12px;}
.ie6 #survey { padding-bottom:0;}
.ie6 input.surveyBt { position: relative; left:135px}

.contentMainpageTable { width:332px; float:left; margin-left:16px;}
#content .contentMainpageTable h2, #content #contentCenter h2 { margin-top:0;}
.contentMainpageTable table, #contentCenter table { width:100%; border:0; line-height:30px; border-spacing: 3px;}
.contentMainpageTable table a, #contentCenter table a { color:#4C4B4B;}
.contentMainpageTable table tr td , #contentCenter table tr td{ padding-left:10px;/*table-layout:5px;*/ border-width:0;}
.contentMainpageTable table tr td.white, #contentCenter table tr td.white {background:transparent url(/images/listbg.png);}
.contentMainpageTable table tr td.white2, #contentCenter table tr td.white2 { background-image:url(/images/tabloacikbeyaz.png);}
.contentMainpageTable p { margin:0;}

.contentMainpageTable table tr:focus { background-image:none;}

#contentRight{ width:250px; padding:0 0 10px 16px; float: right;}
#contentRight ul li { list-style-type:decimal; list-style-position:inside;}
#contentRight ul li a { background-image:none; padding:0 0 0 10px; color:#235dd4;}
#contentRight ul li a:hover {color:#4C4B4B;}

#contentCenter { /*width:419px;*/ padding:0 14px 20px 14px; margin:0 265px; border-right:1px dotted #4a4848; border-left:1px dotted #4a4848; position:relative; min-height:780px;}
.ie6 #contentCenter { height:750px;}
.ie7 #contentCenter { min-height:790px;}
#contentCenter #topSelective { position:absolute; z-index:3; top:-9px; right:15px; font-size:13px;}
.ie6 #contentCenter #topSelective { top:-9px;}
#contentCenter #topSelective a { font: 25px Arial; color: #d51698;}

#pageNumber { text-align:center;}
#pageNumber li { display:inline;}
#pageNumber a { color:#d31010; font-style: italic; padding:0 3px;}
#pageNumber a.selected { font-style:normal; font-weight:bold;}

#lyric { background-image: url(/images/listbg.png); text-align:center; line-height:30px; padding:10px 5px;}
#lyricBottom a { color:#d31010; line-height:30px;}
#lyricBottom a:hover {color:#4C4B4B;}

/*footer*/
#footer { background:url(/images/footerBg.jpg) no-repeat center bottom; letter-spacing:normal;}
#footerContent { width:980px; margin:auto; padding:55px 0 0 4px; overflow:auto;}
#footer #dg { color:#b7b7b7; background-color:#000; font:bold 10px Arial, Helvetica, sans-serif; line-height:36px; width:283px; text-align:center; float:left;}
#footer span.dg a { color:#00b7d6;}
#footer span.dg a strong { font-size:11px;}
#footer span.op a { color:#7190AB;}

#footerNav{ float:right; width:317px; background-color:#000; text-align:center;}
#footerNav li { display:inline; line-height:36px; padding:0 9px; border-right:1px solid #fff;}
#footer li.lastLi { border-right:0;}
#footerNav li a { color:#fff;}
#footerNav li a:hover { color:#FC7AD2;}


span.blue { color:#235dd4;}
span.tre { padding:0 15px;}
.borderRight { border-right:1px dotted #4a4848;}



pre {
     white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
     white-space: -pre-wrap;      /* Opera 4-6 */
     white-space: -o-pre-wrap;    /* Opera 7 */
     word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/*hakkimizda ve iletisim*/
#aboutContact { background-image: url(/images/listbg.png); line-height:20px; padding:10px 5px 35px 5px; text-align:justify; position:relative;}
#aboutContact label { width:100px; float: left; padding-top:3px;}
#aboutContact input, #aboutContact textarea {padding:3px; font:12px Arial; width:250px; color:#4C4B4B;}
#aboutContact input.formbutton { width:auto; color:#fff; font-weight:bold; padding:5px 9px; letter-spacing:1px; height:auto;}
.ie6 #aboutContact input.formbutton { left:305px; bottom:-9px;}