@import url(reset.css);

/* GLOBAL -------------------------------------------------- */
body {background: #21201e url(img/body_right_bg.jpg) right top no-repeat; color: #000;font: 14px Arial, Helvetica, Verdana, sans-serif;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #e5e5e5;}
a:hover {color: #f5f5f5;}

/* LAYOUT -------------------------------------------------- */
#wrapper {width: 1000px;min-height: 600px;}
#header {height: 125px;width: 700px;}
#content {min-height: 500px;width: 700px;background: #dec9aa url(img/content_bg.jpg) right top no-repeat;}
#footer {height: 250px;background: url(img/footer_bg.jpg) right top no-repeat;width: 700px;position: relative;}
.mainpage_img {border: 1px solid #ae977d;}
#player {position: absolute;left: 700px;top: 150px;height: 300px;background: url(img/player.jpg) right top no-repeat;}
#player a.showplayer {display: block;height: 355px;width: 45px;background: url(img/play.png) 0 0 no-repeat;}
#player a.hideplayer { position: absolute;right: 20px;top: 5px;display: block;height: 25px;width: 25px;background: #fff url(img/closeplayer.png) 0 0 no-repeat;}
#player .playerobject {position: relative; display: none;height: 355px;padding-left: 15px; width: 285px; background:  url(img/playerobject_bg.png) 0 0 no-repeat;}
#logo {float: left;width: 200px;padding-top: 45px;}
#logo a {display: block;width: 200px;height: 75px;text-indent: -1000px;background: url(img/logo.png) 0 0 no-repeat;}

#navigation {float: left;width: 490px;height: 40px;padding: 85px 10px 0 0;}

#navigation li a {height: 40px;margin-left: 5px;display:block;float:right;background-image: url(img/navigation.png);background-position: 0 0;text-indent: -2000px;outline: 0;}
#navigation li#biyografi a {width: 78px;background-position: 0 0;}
#navigation li#biyografi a.active {width: 78px;background-position: 0 -40px;}
#navigation li#klipler a {width: 65px;background-position: -83px 0;}
#navigation li#klipler a.active {width: 65px;background-position: -83px -40px;}
#navigation li#galeri a {width: 60px;background-position: -153px 0;}
#navigation li#galeri a.active {width: 60px;background-position: -153px -40px;}
#navigation li#mesajpanosu a {width: 104px;background-position: -218px 0;}
#navigation li#mesajpanosu a.active {width: 104px;background-position: -218px -40px;}
#navigation li#iletisim a {width: 65px;background-position: -327px 0;}
#navigation li#iletisim a.active {width: 65px;background-position: -327px -40px;}
#navigation li#anasayfa a {width: 40px;background-position: -397px 0;}

.page { padding: 25px; }
.page h1 {font-weight: bold; font-size: 20px; margin-bottom: 10px;} 
#cliplist {float: left;}
#cliplist li {position: relative; height: 100px; width: 140px; padding-left: 135px;}
#cliplist li img {position: absolute; left: 0; top: 0; border: 2px solid #000;}
#cliplist a {font-size: 12px, font-weight: bold; color: #000;}
#footer ul {padding: 20px 0;}
#footer li {float:left; position: relative; width: 210px;margin-left: 15px;}
#footer li a {display: block;color: #000;padding: 5px 0 0 63px;font-size: 12px;}
#footer li a b {margin-bottom: 5px;font-weight: bold; color: #752800;font-size: 13px;}
#footer li img {top: 0;left:0;position: absolute;border: 1px solid #555;}
#copyright {position: absolute;right: 275px;bottom: 60px;text-align: right;color: #999;font-size: 12px;}

#news {padding: 15px;}
#news li h1 {font-size: 20px;font-weight: bold;margin: 10px 0 5px 0;color: #752800;}
#news li {margin-bottom: 15px;}
#news .postinfo {color: #555;border-bottom: 1px solid #e5e5e5;font-weight: bold;font-size: 12px;padding: 5px 0;margin-bottom: 5px;}
#messages {margin: 20px;}
#addmessage {display: none;padding: 0 20px 20px 20px;border: 1px solid #444;background: #333;}
#addmessagelink {display: block;margin-right: 15px;width: 100px;height: 40px;background:#fff url(img/send_message.png) 0 0 no-repeat;text-indent: -2000px;overflow:hidden;outline: 0;float:right;}
label {display: block; color: #fff;padding: 5px 0;font-weight:bold;float: left;width: 250px;}
label span {font-size: 11px;color: #e5e5e5;margin-left: 5px;}
input,textarea {width: 250px;border: 1px solid #f1f13d;padding: 5px 10px;background: #ffffe4; font: bold 16px Arial, Helvetica, Verdana, sans-serif;}
input {float: left;margin-right: 10px;}
textarea {width: 500px;height: 150px;font-weight: normal;float: none;}
input:focus, textarea:focus {background: #fff;}
form p {padding: 10px 0;}
input#submit {width: 150px;float: none;}
.message {border: 1px solid #f1f13d;line-height: 160%;margin: 10px;}
.message_head {background: #ffffe1;height: 20px;padding: 5px 15px;}
.message_body {padding: 15px;}

#galleryimages li {float: left;height: 81px;width: 106px;margin: 0 10px 10px 0;}
#galleryimages li img {border: 3px solid #a86540;}

.loading {height: 30px;background:#fff url(img/loader.gif) center center no-repeat;}
.messages {border: 1px solid #d5d5d5;color: #000;font-size: 12px;font-weight: bold;margin: 15px;padding: 5px 10px 5px 35px;text-align: left;}
.done {background: #ffffe1 url(img/ok.png) 5px center no-repeat;}
.error {background: #ffffe1 url(img/error.png) 5px center no-repeat;}
.info {background: #ffffe1 url(img/info.png) 5px center no-repeat;}

div.pagination {padding: 5px;margin: 15px 0;text-align:center;font-size: 12px;}
div.pagination a {border: 1px solid #555;margin-right: 3px;padding: 5px 8px;color: #000;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #555;background-color:#555;color: #fff;}
div.pagination span.current {margin-right:3px;padding: 5px 8px;font-weight: bold;background-color:#555;color: #fff;border: 1px solid #555;}
div.pagination a.next {margin: 0 0 0 10px;}
div.pagination a.prev {margin: 0 10px 0 0;}
div.pagination .disabled {color: #444;margin: 0 10px;}