* {
margin: 0;
padding: 0;
border: 0;
}

body {
margin: 0;
padding: 0;
color: #333;
background: #fff url(baseimg/bg_body.png) top left repeat;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

a:link, a:visited, a:active, a:hover {
text-decoration: none;
color: #ed0a1c;
}

a:hover {
color: #333;
}

ul li {
list-style: none;
}

h1.title {
font: 22px Georgia, Times, "Times New Roman", serif;
margin-bottom: 15px;
padding: 5px 2px;
border-bottom: 1px solid #d5d5d5;
}

/* HEADER 
----------------------------------------------- */
#header {
height: 200px;
margin: 0 auto;
background: transparent url(baseimg/bg_header.png) top left repeat-x;
border-top: 5px solid #444;

}



#logo {
margin: 0 auto;
width: 780px;
height: 200px;
background: #fff url(baseimg/logo_main.png) top left no-repeat;
position:relative;
}

#logo img {
float: right;
margin-top: 10px;
}

#logo h1 {
float: left;
}

#logo h1 a {
width: 180px;
height: 80px;
text-indent: -900em;
display: block;
}

#online {
width: 780px;
height: 20px;
margin: 0 auto;
margin-top: 0;
text-align: left;
}

#online ul {
margin: 0;
padding-left: 30px;
}

#online li {
display: inline;
}

#online li a {
padding-left: 12px;
margin-left: 5px;
background: transparent url(baseimg/bg_top_nav.png) center left no-repeat;
color: #fff;
}

#soylesilink { position:absolute; right:15px; top:5px; }

#soylesilink a:link,#soylesilink a:visited { 	font:bold 12px Sans-serif; }
#soylesilink a:hover { color:#FFF; text-decoration:underline; }

/* PROGRAM
----------------------------------------------- */
#newsel {
width: 780px;
margin: 0 auto;
height: 30px;
background: #f7f7f7 url(baseimg/title_news.png) center left no-repeat;
border-bottom: 1px solid #e5e5e5;
}

#news {
margin-left: 240px;
padding: 0;
}

#news li {
list-style: none;
padding-top: 7px;
}

#news li a {
font-weight: bold;
}

#news li p {
float: right;
text-align: left;
padding-right: 20px;
margin-right: 20px;
background: transparent url(baseimg/date.png) center right no-repeat;
}

/* PROGRAM
----------------------------------------------- */
#program {
margin: 0 auto;
width: 820px;
height: 160px;
background: transparent url(baseimg/bg_program.gif) top left no-repeat;
padding: 0;
}

#last {
margin-left: 40px;
float: left;
width: 200px;
background: transparent url(baseimg/bg_last.png) left top no-repeat;
height: 158px;
display: inline;
font:11px Sans-serif;
}

#last img {
width: 180px;
height: 120px;
border:1px solid #000;
}

.sezon {
width: 165px;
margin: 2px 0 0 15px;
float: left;
padding-top: 35px;
}

.sezon1 {
background: #fff url(baseimg/bg_sezon1.png) top center no-repeat;
}

.sezon2 {
background: #fff url(baseimg/bg_sezon2.png) top center no-repeat;
}

.sezon3 {
background: #fff url(baseimg/bg_sezon3.png) top center no-repeat;
}

a.archive {
font-weight: bold;
padding: 5px 0;
background: transparent url(baseimg/archive.png) center left no-repeat;
padding-left: 22px;
}

.sezon img {
margin: 0 2px 5px 3px;
}

.p_sub { padding: 10px; }


.p_sub a {
font-weight: bold;
display: block;
margin: 3px 0;
}


/* MAIN CONTENT
----------------------------------------------- */
#content {
width: 780px;
background: #fff;
margin: 0 auto;
}

#sections {
padding: 15px 0 15px 15px;
}

#books, #ba, #about {
width: 240px;
min-height: 250px;
float: left;
margin: 0 15px 0 0;
display: inline;
background: #fff;
}

#ba_box1, #ba_box2 {
margin-top: 15px;
border: 1px solid #dd7623;
height: 42px;
}

#ba_box1 p, #ba_box2 p {
padding: 13px 50px 0 15px;
}

#ba_box1 {
background: #fff url(baseimg/ataturk.png) bottom right no-repeat;
}

#ba_box2 {
background: #fff url(baseimg/atilla_ilhan.png) bottom right no-repeat;
}

#content h1 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
border-bottom: 3px solid #e5e5e5;
}

.book {
margin: 10px 10px 15px 10px;
}

.book img, img.ba {
padding: 2px;
border: 1px solid #d5d5d5;
float: right;
margin-left: 5px;
margin-top: 2px;
}

.book a, .news_single a {
display: block;
font-weight: bold;
}


/* PAGES
----------------------------------------------- */


#comment_form {
margin: 25px 0;
padding: 0;
border: 1px solid #d5d5d5;
}

#comment_form h2, #comments, .archive {
margin: 1px;
padding: 3px 5px;
border-bottom: 1px solid #ccc;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
background: #f7f7f7;
}

.archive {
margin-top: 15px;
}

#comments {
margin: 25px 0 15px 0;
}

#comment_form label {
font-weight: bold;
}

#comment_form input, #comment_form textarea {
border: 1px solid #d5d5d5;
margin: 0 0 .5em 0;
}

.comment {
margin: 15px 0;
border: 1px solid #ececec;
}

.comment p {
padding: 15px;
}

.comment p.author {
margin: 1px;
padding: 3px 10px;
background: #f7f7f7;
height: 1%;
}


/* MESSAGES & FONTSIZER & SEARCH
----------------------------------------------- */
.message {
margin: 15px;
border: 1px solid #e6e6e6;
padding: 1em;
text-align: center;
}

.error {
background: #fff url(baseimg/error.png) 1em center no-repeat;
}

.done {
background: #fff url(baseimg/done.png) 1em center no-repeat;
}

.info {
background: #fff url(baseimg/info.png) 1em center no-repeat;
}

#fontsizer { 
line-height: 140% 
}

.fontsize {
float: right;
text-align: right;
height: 18px;
width: 170px;
background: #fff url(baseimg/bg_fontsize.png) center left no-repeat;
}

.fontsize :link, .fontsize :visited {
border: 1px solid #fff;
border-left-color: #d7d7d7;
border-top-color: #d7d7d7;
cursor: default;
display: block;
float: right;
width: 14px;
height: 14px;
}

.fontsize :link:hover, .fontsize :visited:hover {
background-color: transparent;
border: 1px solid #fb2;
}

.fontsize a#small { background: #fff url(baseimg/font_small.png) top center no-repeat; }
.fontsize a#medium { background: #fff url(baseimg/font_medium.png) top center no-repeat; }
.fontsize a#large { background: #fff url(baseimg/font_large.png) top center no-repeat; border-right-color: #d7d7d7;}

.pg {
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 2em;
}

.pg_no {
padding: 2px;
margin-right: 4px;
border: 1px solid #d5d5d5;
letter-spacing: 1px;
}

.pg_no_bg {
background-color: #f5f5f5;
color: #444;
font-weight: bold;
}


/* FOOTER 
----------------------------------------------- */
#footer {
width: 780px;
clear: both;
background: #fff;
border-top: solid 3px #999;
margin: 0 auto;
color: #000;
}

#footer a:hover {
text-decoration: none;
color: #444;
}

.details {
text-align: center;
width: 780px;
margin: 0 auto;
padding: 18px 0 20px 0;
background: #fff url(baseimg/bg_footer.png) center left no-repeat;
}

#redindesign {
text-align: center;
margin: 10px 15px 0 0;
}

#redindesign a {
color: #999;
}

#redindesign a.red {
background: #fff url(baseimg/redindesign.png) center right no-repeat;
padding-right: 20px;
margin-right: 15px;
}

#footer b {
color: #666;
}

/* HACKS FOR THAT STUPID BROWSER 
----------------------------------------------- */
/* Fix IE. Hide from IE Mac \*/
* html ul li a {
height: 1%; 
}
/* End */

.clearfix:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* This would preferable go in an IE specific stylesheet */
/* \*/
* html .clearfix {
display: block;
}
/**/

/*-------------------------------------------------------------------------------------------*/


.imgborder { border:2px solid #000; padding:5px; }

.asd li { padding:4px; border-bottom:1px solid #CCC;}

.kna { font:bold 18px Sans-serif; }

.kmf { font:bold 18px Sans-serif; padding:11px;margin:10px; margin-left:30px; }
.klt { margin-left:30px; }

.patla {	margin:auto 0px; border:1px solid #C00; color:#CC2012; width:440px; font:bold 16px Sans-serif; text-align:center;  padding:19px; }


#pages {
	width: 780px;
	margin: 0 auto;
	background: #fff;
	border-top: 3px solid #d5d5d5;
	padding-bottom: 20px;
	position:relative;
	height:630px;

}


#program_menu {
	position:absolute;
	left:15px; top:20px;
	width: 200px;
	margin: 10px 0 20px 20px;
	float: left;
	display: inline;

}

#inlpage {
	position:absolute;
	right:15px; top:20px;	
}



#program_menu li, #archive li {
padding: 3px 3px 3px 20px;
background: #fff url(baseimg/arrow_li.png) center left no-repeat;
}

#page {
width: 500px;
margin: 10px 0 10px 30px;
float: left;
font-size: 12px;
}

#pages h2.tab {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
background: #f7f7f7 url(baseimg/arrow_menu.png) center right no-repeat;
border-bottom: 1px solid #e5e5e5;
padding: 5px 2px;
margin: 5px 0;
}

#pages h2.tab a {
color: #444;
display: block;
}


img.center {
margin: 10px 0;
}

img.left {
float: left;
margin-right: 15px;
}

img.right {
float: right;
margin-left: 15px;
}