/* baris script*/

body {background: #000 url(images/page_background.jpg) repeat;
      color: #CCC;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      margin: 0;
      padding: 0;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted #334755;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 25px 0;
                        padding: 0;}

ul {list-style-type: square;}

p {padding: 0;
   margin: 0 0 25px 0;}

img {
	border: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
       
h1 {font-size: 34px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 14px;}



a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a {color: #334755; text-decoration: underline; background-color: #E7EAEB;}
            
#container {width: 760px;
            text-align: left;
            padding: 5px 0 0;
            margin: 10px auto;
            background-color: #E7EAEB;
            color: #334755;}

#header {width: 748px;
         height: 100px;
         background: #E7EAEB url(images/header_background.jpg) repeat-x;
         color: #334755;
         margin: 0 5px;
         padding: 0;
         border: 1px solid #334755;
         position: relative;}

#logo {float: left;
       margin: 0 5px 0 0;
       padding: 0;}

#header h1 {margin: 36px 0 0 20px;
            padding: 0;
            font-size: 29px;
            line-height: 30px;}

#header h2 {margin: 1px 0 0 20px;
            padding: 0;
            font-size: 14px;
            line-height: 15px;}

/* Begin Search Form CSS */

#search {position: absolute;
         right: 20px;
         top: 54px;}

#search input.text {margin-right: 5px;
                    vertical-align: middle;
                    border: 2px outset #334755;
                    padding: 0.25em;
                    width: 135px;
                    background-color: #E7EAEB;
                    color: #334755;}

#search input.submit
 
{background: #829099 url(images/menu_background.jpg) bottom left repeat-x;
 color: #334755;
 border: 2px outset #334755;
 vertical-align: middle;
 font-weight: bold;
 padding: 0.4em;
 font-size: 0.8em;}

#menu {width: 748px;
       height: 30px;
       margin: 2px 5px 0;
       background: #829099 url(images/menu_background.jpg) repeat-x;
       border: 1px solid #334755;}

#menu ul {list-style-type: none;
          text-align: center;
          margin: 0;
          padding: 0;}

#menu li {display: inline;
          margin: 0;
          padding: 0;}

#menu a {text-decoration: none;
         height: 30px;
         padding: 0 12px;
         margin: 0;
         line-height: 30px;
         display: block !important;
         float: left !important;
         background: #829099 url(images/button.jpg) repeat-x;
         color: #334755;
         font-size: 16px;
         font-weight: bold;
         border-left: 1px solid #334755;}

#menu a.first {margin-left: 20px;}

* html #menu a.first {margin-left: 10px} /* IE Hack */

#menu a.last {border-right: 1px solid #334755;}

#menu a:hover, #menu a#selected {background: #ACCBDF url(images/button.jpg) repeat-x;
                                 background-position: 0 -30px;
                                 color: #000;}

/* End main navigation menu. */ 

/* The leftcolumn division is your main content division. */

#leftcolumn {float: left;
             width: 429px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumn {margin: 0 0 0 13px} /* IE Hack */

#rightcolumn {float: left;
              width: 246px;
              padding: 0;
              margin: 0 0 0 25px;}

#rightcolumn h5, #rightcolumn h6 {border-bottom: 1px solid #98A5AE;
                                  padding: 0 0 2px 0;}

#footer {width: 740px;
         clear: both;
         margin: 0 5px;
         font-size: 11px;
         text-align: center;}

#footer p {padding: 5px 0;
           margin: 0;}

.left {float: left;
       margin: 5px 5px 0 0;}

.right {float: right;
        margin: 5px 0 0 5px;}

.justify {text-align: justify;}

/* Begin topics list. It could instead be used for a list of links. */

#topics {width: 0px;
         margin-bottom: 25px;}

#topics ul {margin: 0;
            padding: 0;
            list-style-type: none;}

#topics li {margin: 0 0 1px;}

#topics a {
	display: block;
	width: 156px;
	background: #829099 url(images/topics_background.jpg) repeat-x;
	color: #334755;
	border-left: 5px solid #334755;
	border-top: 1px solid #334755;
	border-bottom: 1px solid #334755;
	border-right: 1px solid #334755;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
}

#topics a:hover {border-left: 5px solid #4F6C7F;
                 border-top: 1px solid #4F6C7F;
                 border-bottom: 1px solid #4F6C7F;
                 border-right: 1px solid #4F6C7F;
                 background: #ACCBDF url(images/topics_background.jpg) repeat-x;
                 background-position: 0 -25px;
                 color: #334755;}

/* End topics list. */

.date {float: right;
       font-size: 11px;
       margin: 7px 0 0;
       font-style: italic;}

.divider {width: 748px;
          height: 11px;
          clear: both;
          margin: 2px 5px 0;
          background: #E7EAEB url(images/divider.jpg) repeat-x;
          color: #334755;}

.divider2 {margin: 0 0 25px;
           border-bottom: 1px solid #98A5AE;}

p.featured {border: 1px solid #98A5AE;
            padding: 5px 5px 20px;
            background: #E7EAEB url(images/gradient.jpg) repeat-x;
            color: #334755;}


/* baris teması*/

.ortaust{
background:url(images/ortaust.gif) no-repeat left top;
height:20px;
}
.ortaalt{
background:url(images/ortaalt.gif) no-repeat left top;
height:20px;

}
.orta{
background:#FFFFFF;
}
.kat{
width:190px;
text-align:left;
padding-left:5px;
padding-right:5px;
}
.menuust{
background:url(images/menuust.gif) no-repeat left top;
height:41px;
font-size:15px;
font-weight:bold;
padding-left:45px;
padding-top:5px;
}
.menuorta{
background:#af0599;
border-left:#69085c solid 2px;
border-right:#69085c solid 2px;
padding-left:5px;
font-size:10px;
}
.menuorta a{
background: url(images/katlink.gif) no-repeat left center;
padding-left:20px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
}
.menuorta a:hover{
background: url(images/katlinkhover.gif) no-repeat left center;
color:#000000;
text-decoration:none;
}

.menualt{
background:url(images/menualt.gif) no-repeat left top;
height:15px;
}



.yeniust{
background:url(images/yeniust.gif) no-repeat left top;
height:41px;
padding-left:45px;
padding-top:5px;
font-size:14px;
font-weight:bold;
}
.yeniorta{
background:#e3ba17;
border-left:#a28615 solid 2px;
border-right:#a28615 solid 2px;
padding-left:5px;
}
.yeniorta a{
background: url(images/katlink.gif) no-repeat left center;
padding-left:20px;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
.yeniorta a:hover{
background: url(images/katlinkhover.gif) no-repeat left center;
color:#000000;
text-decoration:none;
}

.yenialt{
background:url(images/yenialt.gif) no-repeat left top;
height:15px;
}






.popust{
background:url(images/popust.gif) no-repeat left top;
height:41px;
font-size:14px;
font-weight:bold;
padding-left:45px;
padding-top:5px;
}
.poporta{
background:#ed1212;
border-left:#ae1010 solid 2px;
border-right:#ae1010 solid 2px;
padding-left:5px;

}
.poporta a{
background: url(images/katlink.gif) no-repeat left center;
padding-left:20px;
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
.poporta a:hover{
background: url(images/katlinkhover.gif) no-repeat left center;
color:#000000;
text-decoration:none;
}

.popalt{
background:url(images/popalt.gif) no-repeat left top;
height:15px;
}


.rekust{
background:url(images/rekust.gif) no-repeat left top;
height:41px;
font-size:18px;
padding-left:45px;
padding-top:5px;
}
.rekorta{
background:#a5d209;
border-left:#688408 solid 2px;
border-right:#688408 solid 2px;
}
.rekalt{
background:url(images/rekalt.gif) no-repeat left top;
height:15px;
}
.searchbox{
width:150px;
height:17px;
font-size:14px;
border:0px;
border:#009900 solid1px;
}
.searchbutton{
height:19px;
border:0px;
background:#009900;
color:#FFFFFF;
border:#009900 solid1px;
}
.konu{
background:#d0d0d0;
padding-left:0px;
width:507px;
padding:5px;
font-size:13px;
}
.baslik{
background:url(images/baslik.gif) no-repeat left top;
padding-left:43px;
padding-top:5px;
height:41px;
}
.data{background:url(images/databg.gif) left top no-repeat;
width:500px;
padding-left:17px;
height:40px;
font-size:13px;
}
.konualt{
background:url(images/konualt.gif) left top no-repeat;
width:517px;
height:40px;
}
.reklamsag{
position:absolute;
top:200px;
left:728px;
width:200px;
}
.sagust{
background:url(images/sagust.gif) no-repeat left top;
height:20px;
}
.sagalt{
background:url(images/sagalt.gif) no-repeat left top;
height:20px;
}
.sagbg{background:#FFFFFF;
padding:5px;
}
