@charset "utf-8";
/* CSS Document */
/* Coder   : Emre Çamalan      */
/* Date    : 11.04.2010        */
/* Project : hapkidoankara.com */
*{margin:0 auto; padding:0;}
#container{width:920px; min-height:745px; background:#FFFFFF; position:relative;}
body{font-family:"Times New Roman", Times, serif; color:#000000;}
a{text-decoration:none; color:#333333;}
img{border:none;}
/*Left Start */
#left{width:246px; min-height:727px; float:left; background:url(leftBG.png) no-repeat; }
#menu{width:206px; height:250px; margin-top:140px; float:left;  padding:10px 0 10px 40px;}
#menu a{float:left; color:#000; display:block; width:200px; height:28px;}
#menu a:hover{color:#900;}
#menu img{width:25px; height:25px; float:left;}
#menu p{min-width:70px; padding-left:13px; height:18px; margin-top:5px; display:block; float:left; font-size:14px;}
#savas{display:none; width:120px; height:40px; float:left;  padding-left:40px;}
#savas a{width:90px; height:18px;}
#spor{display:none;width:120px; height:75px; float:left;  padding-left:40px; z-index:9999;}
#spor a{width:90px; height:18px;}
.hapkiLogo{width:214px; height:73px; background:url(hapkiLogo1.png) no-repeat; float:left; margin-left:25px; display:block;}
.hapkiLogo:hover{width:214px; height:73px;background:url(hapkiLogo.png) no-repeat;}
#galeri{width:220px; height:180px; float:left; margin:15px 0 15px 25px; position:relative;border:#FFF 1px solid;}
#galeri img{width:220px; height:180px; border:none;}
#galeri a{color:#000; font-size:16px; font-weight:bold; display:block; position:absolute; bottom:13px; left:45px;}
#galeri a:hover{color:#FFF;}
#galericerceve{width:220px; height:180px; position:absolute; top:0; left:0; background:url(galeri.png) no-repeat;}
a.sadik{width:199px; height:31px; background:url(sadik.png) no-repeat; float:left; margin-left:25px; display:block;}
a.sadik:hover{width:199px; height:31px;background:url(sadik1.png) no-repeat;}

/* Left Finish */
#main{width:483px; min-height:727px; float:left; background:url(mainBG.png) no-repeat; position:relative;}
#logo{width:135px; height:135px; position:absolute; right:30px; top:35px;}
#logo a{width:130px; height:131px; background:url(logo.png) no-repeat; display:block;}
#logo a:hover{background:url(logo1.png) no-repeat;}
#mainContent{width:407px;padding-right:10px; height:545px; float:left; margin:140px 0 0 45px; overflow:auto; position:relative;}
#mainContentTop{width:390px; height:280px; float:left; }
#mainContentBottom{width:390px; height:260px; float:left;}
/*mct*/
#mctBaslik{background:url(baslikBG.png) no-repeat; height:44px; padding:16px 0 0 30px;} 
#mctResim{float:left;width:160px; height:110px; border:#FFF 1px dashed; margin:5px;}
#mctResim img{border:none; width:160px; height:110px;}
#mctYazi{float:left;width:380px; padding:0 5px; height:168px; overflow:hidden;margin-top:-10px; color:#FFFFFF; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#mctYazi h3{color:#FFFFFF; font-size:12px; text-align:center;}
#mctYazi p{text-align:justify; text-indent:5px;}
#duyurular{width:390px; height:70px; float:left; }
#duyurular img{border:none; float:left; margin-left:5px; margin-top:-3px;}
#duyurular a{font-size:12px;}
#duyurular a:hover{background:url(yaziBGH.png) repeat-x;}
#duyurular .duyuru{display:block;color:#000000; background:url(yaziBG.png) repeat-x; float:left; width:372px; height:15px; margin:1px; padding-left:3px;}
/*mcb*/
#mcbBaslik{background:url(baslikBG.png) no-repeat; height:44px; padding:16px 0 0 30px;} 
#mcbResim{float:left;width:160px; height:110px; margin:5px;}
#mcbResim img{border:none; width:120px; height:120px;}
#mcbYazi{float:left;width:380px; padding:0 5px; height:168px; overflow:hidden;margin-top:-10px; color:#FFFFFF; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;}
#mcbYazi h3{color:#FFFFFF; font-size:12px; text-align:center;}
#mcbYazi p{text-align:justify; text-indent:5px;}
#soneklenen{width:390px; height:70px; float:left; }
#soneklenen img{border:none; float:left; margin-left:5px; margin-top:-3px;}
#soneklenen a{font-size:12px;}
#soneklenen a:hover{background:url(yaziBGH.png) repeat-x;}
#soneklenen .duyuru{display:block;color:#000000; background:url(yaziBG.png) repeat-x; float:left; width:372px; height:15px; margin:1px; padding-left:3px;}
/* Main Finish */
#right{width:168px; min-height:727px; float:left; background:url(rightBG.png) no-repeat;}
/* Right Finish */
#footer{width:860px; padding-left:60px; height:30px; position:absolute; bottom:0; color:#990000; text-align:center; font-family:"Times New Roman", Times, serif; font-size:12px;}
#footer a{color:#990000;}
#footer a:hover{color:#FF0000;}
/*FOOTER*/
/*---- Hakkinda Sayfası ---*/
#mainContentHakkinda{width:400px; padding-right:10px; height:540px; float:left; color:#F7F7F7; overflow:auto; font-family:"Times New Roman", Times, serif; text-align:justify;}
#mainContentHakkinda p{text-indent:15px; font-size:14px;}
#mainContentHakkinda h4,h5{display:block;}
#mainContentHakkinda a{color:#FFFFFF;}
#mainContentHakkinda a:hover{color:#FF0000;}

/*Resim Galerisi*/
.album{width:120px; height:145px;  margin:10px 10px 10px 0; position:relative; float:left;}
.album img{width:120px; height:120px;border:#CC3333 1px solid; float:left;}
.album img:hover{border:#ffffff 1px solid;}
.album p{color:#FFFFFF; font-size:12px; width:118px; margin:0; overflow:hidden; text-align:center; float:left;}
.album h4{color:#000000; font-size:12px; width:50px; text-align:right; position:absolute; bottom:24px; left:0;}
.album h5{color:#000000; font-size:12px; width:65px; margin-left:2px; position:absolute; bottom:24px; right:0;}
.album h3{color:#FFFFFF; font-size:12px; width:50px; text-align:right; position:absolute; bottom:24px; left:0;}
.album h6{color:#FFFFFF; font-size:12px; width:65px; margin-left:2px; position:absolute; bottom:24px; right:0;}
.album a{color:#999999; display:block; float:left;}
.album a:hover{color:#FFFFFF;}
.album p a{color:#999999; width:118px; margin:0; display:block; float:left;}

/*Yorumlar*/
#albumY{width:350px; height:250px;}
#albumY img{width:350px; height:250px;}
#albumYorum{width:360px; height:250px; overflow:auto; margin-top:2px; padding-left:15px;}
#albumYorum p.user{color:#FFFFFF; font-size:10px; font-weight:bold; width:245px; background:url(yaziBG.png) repeat-x; display:block; float:left;}
#albumYorum p.tarih{color:#FFFFFF; font-size:10px;font-weight:bold; width:55px;background:url(yaziBG.png) repeat-x; display:block;float:left;}
#albumYorum p.saat{color:#FFFFFF; font-size:10px;font-weight:bold; width:40px;background:url(yaziBG.png) repeat-x; display:block;float:left;}
#albumYorum p.comment{color:#FFFFFF; font-size:11px;width:340px; float:left;}
.ekle{width:100px; height:15px; background:#990000; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; display:block;}
#yekle{width:350px; height:320px; display:none; border:#FFFFFF 3px solid; position:absolute; top:50px; left:17px; color:#FFFFFF; background:url(ekleBG.png);}

/*Diplomalar*/
#diplomalar{width:400px; padding-right:10px; height:540px; float:left; color:#F7F7F7; overflow:auto; font-family:"Times New Roman", Times, serif; text-align:left;}
#diplomalar a{width:92px; height:124px; display:block; border:#990000 1px solid; float:left; margin-bottom:2px;}
#diplomalar img{width:90px; height:120px; border:none; margin:1px;}

/*EK*/
.tum{color:#000000;
font-size:12px;
margin-left:10px;
margin-top:10px;}
.tum:hover{color:#FFFFFF;}