@charset "utf-8";
/* Perküsyon.net CSS by internetsenin.com, Author: Uğur Bulut */

body {width:100%; height:100%; background-image:url(http://www.perkusyon.net/images/bg.gif); margin:0; padding:0; font:10px tahoma; color:#000;}
body a{font:11px tahoma; color:#000; text-decoration:none;}
body a:hover{font:11px tahoma; color:#000; text-decoration:underline;}
ul {list-style:none; margin:0px; padding:0px;}
p {padding:0px; margin:0px;}
img {border:0px;}
h6,h5,h4,h3,h2,h1 {padding-top:4px; margin:0px; font-weight:normal;}
h1{font-size:22px;color:#000;line-height:15pt;}
h1 a{font-size:22px;color:#000;text-decoration:none;}
h1 a:hover{font-size:22px;color:#000;text-decoration:none; background:#dedede;}
h2{font-size:20px;color:#000;line-height:15pt;}
h2 a{font-size:20px;color:#000;text-decoration:none;}
h2 a:hover{font-size:20px;color:#000;text-decoration:none; background:#dedede;}
h3{font-size:18px;color:#000;line-height:15pt;}
h3 a{font-size:18px;color:#000;text-decoration:none;}
h3 a:hover{font-size:18px;color:#000;text-decoration:none; background:#dedede;}
h4{font-size:16px;color:#000;line-height:15pt;}
h4 a{font-size:16px;color:#000;text-decoration:none;}
h4 a:hover{font-size:16px;color:#000;text-decoration:none; background:#dedede;}
h5{font-size:12px;color:#000;line-height:15pt;}
h5 a{font-size:12px;color:#000;text-decoration:none;}
h5 a:hover{font-size:12px;color:#000;text-decoration:none; background:#ececec;}
h6{font-size:11px;color:#000;line-height:15pt;}
h6 a{font-size:11px;color:#000;text-decoration:none;}
h6 a:hover{font-size:11px;color:#000;text-decoration:none; background:#dedede;}
.line {width:100%; height:10px; background:#fff;}
.line2 {width:100%; height:10px; background:#f2f9e4;}
.line3 {width:100%; height:10px; background:#e7e7e7;}
img, div, a, input {behavior: url("http://www.perkusyon.net/js/pngbehavior.htc");}

.topbluebg {position:absolute; left:0px; top:43px; width:100%; height:266px; z-index:1;}
.inline {display:inline; float:left; overflow:hidden;}
.block {display:block; float:left; overflow:hidden;}
.floatright {float:right;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.margin5 {margin:5px;}
.margin10 {margin:10px;}
.lineheight {line-height:16pt;}
.bbottom {border-bottom:1px #cecece solid;}

/*IE 6 height:100% sorunu düzeltildi.*/
div.container {position:absolute; top:0px; bottom:0px; height:expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -0 +'px' : body.clientHeight -0 +'px'); width:100%;  background:url(http://www.perkusyon.net/images/bg_pic.png) top center no-repeat; z-index:2;}


/*---------------------------- Top Menu Başlıyor ----------------------------*/
div.container .topmenu {position:absolute; top:0px; left:0px; width:100%; height:43px; background:#e5e5e5; border-bottom:1px #b6b6b6 solid;}
div.container .topmenu #menu {position:relative; width:100%;}
div.container .topmenu #menu[id] {display:table; position:static;}		
div.container .topmenu #menumid {position:absolute; width:100%; text-align:center;}
div.container .topmenu #menumid[id] {display:table-cell; vertical-align:middle; position:static;}		
div.container .topmenu #menuindex {position:relative; text-align:left;}
div.container .topmenu #menuindex {width:887px; margin-left:auto; margin-right:auto;}
div.container .topmenu #menuindex .center {max-height:35px; display:inline; float:left; margin-top:15px;}
div.container .topmenu #menuindex .center li {display:inline; float:left; margin-right:16px;}
/*----------------------------  Top Menu Bitiyor ----------------------------*/


/*---------------------------- İçerik Başlıyor ----------------------------*/
div.container #main {position:relative; width:100%;}
div.container #main[id] {display:table; position:static;}		
div.container #mainmid {position:absolute; width: 100%; text-align:center;}
div.container #mainmid[id] {display:table-cell; vertical-align:middle; position:static;}		
div.container #index {position:relative; top:45px; text-align:left;}
div.container #index {width:887px; margin-left:auto; margin-right:auto;}
/*----------------------------  İçerik Bitiyor ----------------------------*/


/*---------------------------- Header Başlıyor ----------------------------*/
div.container #index .header {width:887px; height:245px; display:inline; float:left; overflow:hidden;}
div.container #index .header .logo {width:241px; height:83px; position:relative; top:15px; left:75px;}
/*---------------------------- Header Bitiyor -----------------------------*/

/*---------------------------- Header // Login Başlıyor ----------------------------*/
div.container #index .header .login {width:283px; height:46px; position:absolute; margin-left:530px; margin-top:-50px;}
div.container #index .header .login form .loginbox{display:inline; float:left; margin-right:8px;}
div.container #index .header .login form .loginbox .lleft{width:26px;height:26px;display:inline;float:left;overflow:hidden;}
div.container #index .header .login form .loginbox .lmid{width:90px;height:26px;display:inline;float:left;overflow:hidden;}
div.container #index .header .login form .loginbox .lmid input{width:78px; height:14px; display:inline; float:left; font:11px Tahoma; color:#888; background:url(../images/login_mid_bg.png) top center; border:0px; padding:6px;}
div.container #index .header .login form .loginbox .lright{width:6px;height:26px;display:inline;float:left;overflow:hidden;}
div.container #index .header .login form .lok{display:inline; float:left; overflow:hidden; padding-top:3px;}
div.container #index .header .login .ldesc{width:283px; display:block; float:left; overflow:hidden; margin-top:10px; margin-left:2px;}
/*---------------------------- Header // Login Bitiyor -----------------------------*/

/*---------------------------- 728pxl Banner Başlıyor ----------------------------*/
div.container #index .header .banner728pxl{width:728px; height:90px; position:relative; top:35px; left:75px; background:url(http://www.perkusyon.net/images/728pxlBannerBg.gif) no-repeat; padding-top:3px; padding-left:3px; padding-right:5px; padding-bottom:5px;}
/*---------------------------- 728pxl Banner Bitiyor ----------------------------*/


/*---------------------------- Menu Başlıyor ----------------------------*/
div.container #index .menu {width:887px; height:50px; display:block; float:left;}
div.container #index .menu ul li {width:80px; height:50px; display:inline; float:left; background:url(http://www.perkusyon.net/images/inner_mid_menu_midbg.png) repeat-x;}
div.container #index .menu ul li .text {position:relative; top:38%; font:12px tahoma; color:#fff; text-align:center;}
div.container #index .menu ul li .text a{font:12px tahoma; color:#fff; text-decoration:none;}
div.container #index .menu ul li .text a:hover{font:12px tahoma; color:#fff; text-decoration:none;}
div.container #index .menu ul li .over {position:relative;top:32px; left:28px; visibility:hidden; z-index:900;}
div.container #index .menu ul li.leftright {width:13px; background:none;}
div.container #index .menu ul li.space {width:1px; height:50px; background:url(http://www.perkusyon.net/images/inner_mid_menu_space.png) no-repeat;}

div.container #index .menu ul li.ov {width:80px;height:50px;display:inline; float:left; background:url(http://www.perkusyon.net/images/inner_mid_menu_midbg.png) repeat-x;}
div.container #index .menu ul li.ov .text {position:relative; top:38%; font:12px tahoma; color:#fff; text-align:center;}
div.container #index .menu ul li.ov .text a{font:12px tahoma; color:#fff; text-decoration:none;}
div.container #index .menu ul li.ov .text a:hover{font:12px tahoma; color:#fff; text-decoration:none;}
div.container #index .menu ul li.ov .over {position:relative;top:32px; left:28px; visibility:visible; z-index:900;}

/*---------------------------- Menu Bitiyor -----------------------------*/

/*---------------------------- inner Başlıyor ----------------------------*/
div.container #index .inner {width:887px; height:auto; display:inline; float:left; overflow:hidden; background:url(http://www.perkusyon.net/images/inner_mid_bg.gif) repeat-y;z-index:3;}
div.container #index .inner .greyLine {width:876px; height:5px; display:inline; float:left; background:#cfcfcf; margin-left:5px; overflow:hidden;}
/*---------------------------- inner Bitiyor -----------------------------*/

/*---------------------------- Slider Başlıyor ----------------------------*/
div.container #index .inner .slider {width:455px; height:220px; display:inline; float:left; border-right:1px #bfdae3 solid; margin-left:5px; overflow:hidden;}
div.container #index .inner .slider #sbaslik a{line-height:10pt; color:#ff9c00; text-decoration:none; background:none;}
div.container #index .inner .slider #sbaslik a:hover{line-height:10pt; color:#ff9c00; text-decoration:underline; background:none;}
div.container #index .inner .slider #sozet a{line-height:10pt; color:#fff; text-decoration:none; background:none;}
div.container #index .inner .slider #sozet a:hover{line-height:10pt; color:#fff; text-decoration:underline; background:none;}
/*---------------------------- Slider Bitiyor -----------------------------*/


/*---------------------------- Forumdan Son Haberler ve Son Üyeler Başlıyor ----------------------------*/
div.container #index .inner .forumarea {width:421px; height:220px; display:inline; float:left; overflow:hidden;}

div.container #index .inner .forumarea .posts {width:184px; height:180px; display:inline; float:left; overflow:hidden; padding:15px;}
div.container #index .inner .forumarea .posts .posttitle {font:13px tahoma; font-weight:bold; color:#5c5c5c;}
div.container #index .inner .forumarea .posts ul {list-style:disc; color:#666; padding-left:15px; padding-top:8px; line-height:13pt;}
div.container #index .inner .forumarea .posts ul li p#postname {font:11px tahoma;}

div.container #index .inner .forumarea .newmembers {width:154px; height:180px; display:inline; float:left; overflow:hidden; padding:15px;}
div.container #index .inner .forumarea .newmembers .posttitle {font:13px tahoma; font-weight:bold; color:#5c5c5c;}
div.container #index .inner .forumarea .newmembers ul{width:100%; height:40px; color:#666; margin-top:13px; line-height:13pt;}
div.container #index .inner .forumarea .newmembers ul li{display:inline; float:left;}
div.container #index .inner .forumarea .newmembers ul li div.photo{width:30px; height:30px; display:inline; float:left; border:5px #a2cbd7 solid; margin-right:5px;}
div.container #index .inner .forumarea .newmembers ul li div.desc{width:100px; display:inline; float:left; overflow:visible;}

div.container #index .inner .forumarea .forumarealine {width:3px; height:220px; display:inline; float:left; background:url(http://www.perkusyon.net/images/haberler/forumarea_line.gif); overflow:hidden;}
/*---------------------------- Forumdan Son Haberler ve Son Üyeler Bitiyor -----------------------------*/

div.container #index .inner .newseventsLine {width:3px; height:613px; display:inline; float:left; overflow:hidden; background:url(http://www.perkusyon.net/images/newseventsLine.gif) no-repeat;}

/*---------------------------- Haberler Başlıyor -----------------------------*/
div.container #index .inner .news {width:208px; height:auto; overflow:hidden; background:#dae3c6;}
div.container #index .inner .news img {border-bottom:8px #9eba4a solid;}
/*---------------------------- Haberler Bitiyor -----------------------------*/

/*---------------------------- Etkinlikler Başlıyor -----------------------------*/
div.container #index .inner .events {width:208px; height:auto; overflow:hidden; margin-left:5px; background:#e6ebec;}
div.container #index .inner .events img {border-bottom:8px #4aa7ba solid;}
/*---------------------------- Etkinlikler Bitiyor -----------------------------*/

/*---------------------------- Diğer Haberler Başlıyor -----------------------------*/
div.container #index .inner .nother {width:185px; height:auto; overflow:hidden; background:#eee;}
div.container #index .inner .nother img {border-bottom:4px #999 solid;}
/*---------------------------- Diğer Haberler -----------------------------*/

/*---------------------------- Sağ Menü Başlıyor -----------------------------*/
div.container #index .inner .rightMenu {width:251px; height:auto; display:inline; float:right; overflow:hidden; padding:15px;}
div.container #index .inner .rightMenu .forumarea {width:251px; height:auto; overflow:hidden; background:#eee;}
/*---------------------------- Sağ Menü Bitiyor -----------------------------*/

/*---------------------------- İçerik Sol Başlıyor -----------------------------*/
div.container #index .content {width:601px; height:auto; display:inline; float:left; overflow:hidden;}
/*---------------------------- İçerik Sol Bitiyor -----------------------------*/

/*---------------------------- Footer Başlıyor -----------------------------*/
.footer {width:887px; height:150px; display:block; float:left; overflow:hidden; padding-bottom:30px;}
.footer .findex {width:887px; height:142px; display:block; float:left; overflow:hidden; background:#000;}
.footer .findex a{font:9px tahoma; color:#fff; text-decoration:none;}
.footer .findex a:hover{font:9x tahoma; color:#fff; text-decoration:underline;}
.footer .findex .fleft{width:180px; height:142px; display:inline; float:left; overflow:hidden;}
.footer .findex .fline{width:1px; height:142px; display:inline; float:left; overflow:hidden; background:url(http://www.perkusyon.net/images/footer_line.gif) no-repeat;}
.footer .findex ul {width:130px; height:142px; display:inline; float:left; overflow:hidden; margin-top:30px;}
.footer .findex ul li {padding-left:20px; color:#fff;}
.footer .fbottom {width:887px; height:8px; display:block; float:left; overflow:hidden; background:url(http://www.perkusyon.net/images/footer_bottom_bg.gif) no-repeat;}
/*---------------------------- Footer Bitiyor -----------------------------*/