/*
Theme Name: Sunumax
Theme URI: http://blogdestek.com/
Descripxion: Sunumax
Version: 1.0
Author: Burak Donertas

*/

/* ==== temel tanımlamalar == */

* { margin:0; padding:0; }
body { font-family:Tahoma; font-size:11px; text-align:center; background:#16232d;}
img { border:0; }
.clear {	font-size: 0px; height: 0px; line-height:0px; clear: both; }
.pxOnTop { margin-top:10px; }
img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; } 
img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; } 
img.aligncentered, div.aligncentered { text-align:center; margin:0 auto; } 
form { display:inline; }
:root { overflow-y: scroll !important; } /* ff'de scroll çıkatır */

/* ==== Header Alanı === */
.tepeBar { background:#16232d; width:100%; height:27px;}
.tepeBarIc { width:960px; margin:0 auto; text-align:right;}
.tepebar img { vertical-align:middle; }
.girisAc { cursor:pointer; }

/*==== header login alanı ==*/
#girisAlan { color:#fff; background:#16232d; width:100%; height:50px; display:none; text-align:left;}
.girisAlanic { width:960px; margin:0 auto; text-align:right: }
.girisForm { float:right; margin-right:10px; padding-top:20px;}
.giristable { font-size:11px; font-family:Tahoma; color:#fff; }
.logininput {background: #fff; width: 110px; height:20px; color: #582800; font-size: 11px; padding: 4px 0px 3px 5px; border:none;}
.logincheck { margin-right:5px; }

/*==== Gövde öğeleri ===*/
.bodyContainer { width:100%; background:#fff url(images/bodyBg.png) repeat-x; }
.bodyIc { width:960px; margin:0 auto; text-align:left;}

/* === Üst Menü ===*/
.menuAlan { height:16px; padding-top:10px; display:inline; float:right; }
.menuAlan ul { list-style:none; }
.menuAlan ul li { float:left; margin:0 4px 0 14px; }

.mnuAnasayfa { display:block; height:16px; width:55px; font-size:11px; color:#999;text-decoration:none;font-weight:bold; }
.mnuAnasayfa:hover {  display:block; height:16px; width:55px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuSss { display:block; height:16px; width:120px; font-size:11px; color:#999;text-decoration:none;font-weight:bold;}
.mnuSss:hover { display:block; height:16px; width:120px; font-size:11px; color:#444;text-decoration:none;font-weight:bold;}

.mnuReferans {  display:block; height:16px; width:100px; font-size:11px; color:#999;text-decoration:none;font-weight:bold;}
.mnuReferans:hover {  display:block; height:16px; width:100px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuOrnekler { display:block; height:16px; width:120px; font-size:11px; color:#999;text-decoration:none;font-weight:bold; }
.mnuOrnekler:hover { display:block; height:16px; width:120px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuBasinda { display:block; height:16px; width:55px; font-size:11px; color:#999;text-decoration:none;font-weight:bold; }
.mnuBasinda:hover { display:block; height:16px; width:55px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuOrtak { display:block; height:16px; width:92px; font-size:11px; color:#999;text-decoration:none;font-weight:bold; }
.mnuOrtak:hover { display:block; height:16px; width:92px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuSosyal { display:block; height:16px; width:115px; font-size:11px; color:#999;text-decoration:none;font-weight:bold;}
.mnuSosyal:hover { display:block; height:16px; width:115px; font-size:11px; color:#444;text-decoration:none;font-weight:bold;}

.mnuIletisim { display:block; height:16px; width:55px; font-size:11px; color:#999;text-decoration:none;font-weight:bold; }
.mnuIletisim:hover { display:block; height:16px; width:55px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }

.mnuurunlerimiz{ display:block; height:16px; font-size:11px; width:80px; color:#999;text-decoration:none;font-weight:bold; }
.mnuurunlerimiz:hover{ display:block; height:16px; font-size:11px; color:#444;text-decoration:none;font-weight:bold; }


/* === Logo ve devamı === */
.satir1 { width:960px; height:185px; margin:30px 0px 15px 0px;}
*html .satir1 { width:960px; height:230px; margin:30px 0px 15px 0px;}

.logoAlan {position:relative; margin-left:10px; width:276px; height:129px; background:url(images/logoBg.png); padding-top:91px; float:left;  display:inline;}
*html .logoAlan {position:relative; margin-left:10px; width:286px; height:230px; background:url(images/logoBg.png); padding-top:91px; float:left;  display:inline;}

.bayrak{
	position:absolute;
	right:15px;
	top:40px;
	width:50px;
	height:50px;
}


.rozetAlan { width:184px; height:230px; margin-left:40px; float:left; background:url(images/rozetBg.png); float:left; display:inline;}
*html .rozetAlan { width:184px; height:230px; margin-left:36px; float:left; background:url(images/rozetBg.png); float:left; display:inline; }

/* Ana sayfa alt kutular ==== */
.satir2 { width:960px; height:184px;}

.altKutu1 { width:261px; height:134px; background:url(images/altKutu3.png); float:left; margin-left:10px; padding:50px 0 0 25px; display:inline;}

*html .altKutu1 { width:287px; height:184px; background:url(images/altKutu3.png); float:left; margin-left:10px; padding:50px 0 0 25px;}
.altKutu1 ul { list-style:none;}
.altKutu1 ul li { list-style:none; }
.altKutu1 ul li a, .altKutu1 ul li a:active, .altKutu1 ul li a:visited { color:#717873; text-decoration:none; font-size:12px; line-height:22px; }
.altKutu1 ul li a:hover { color:#5c5d5e; }
.altKutu1 .tumBasliklar { margin-left:150px; margin-top:20px; }

.altKutu1l { width:261px; height:134px; background:url(images/altKutu2.png); float:left; margin-left:10px; padding:50px 0 0 25px; display:inline;}

*html .altKutu1l { width:287px; height:184px; background:url(images/altKutu2.png); float:left; margin-left:10px; padding:50px 0 0 25px;}
.altKutu1l ul { list-style:none;}
.altKutu1l ul li { list-style:none; }
.altKutu1l ul li a, .altKutu1l ul li a:active, .altKutu1l ul li a:visited { color:#717873; text-decoration:none; font-size:12px; line-height:22px; }
.altKutu1l ul li a:hover { color:#5c5d5e; }
.altKutu1l .tumBasliklar { margin-left:150px; margin-top:20px; }


.altKutu2  { position:relative; width:252px; height:144px; background:url(images/altKutu2.png); margin-left:10px; float:left; padding:40px 10px 0 25px; display:inline; color:#717873; font-size:11px; line-height:18px;}
*html .altKutu2 { position:relative; width:287px; height:184px; background:url(images/altKutu2.png); margin-left:10px; float:left; padding:40px 10px 0 25px; display:inline; color:#717873; font-size:11px; line-height:18px;}
.altKutu2 span { font-size:10px; font-weight:bold; margin-top:10px;}
.altKutu2 .secici { position:absolute; bottom:10px; right:20px; z-index:3;}
.jcarousel-item { width: 252px; height: 140px; }
*html .jcarousel-item { width: 287px; height: 180px; }

.jcarousel-control a  { display:block; width:8px; height:8px; background:url(images/altDugme.png); float:left; margin-left:4px; font-size:0px; line-height:0px; text-decoration:none; color:#ededed;}
.jcarousel-control a:hover { display:block; width:8px; height:8px; background:url(images/altDugme.png) 0 -8px; float:left; margin-left:4px;  font-size:0px; line-height:0px;  text-decoration:none; color:#ededed;}
.altkutu2 .dugmeAktif { display:block; width:8px; height:8px; background:url(images/altDugme.png) 0 -8px; float:left; margin-left:4px;  font-size:0px; line-height:0px;  text-decoration:none; color:#ededed;}



.altKutu3 { margin-left:10px; width:355px; height:184px; float:left;}
*html .altKutu3 { margin-left:10px; width:355px; height:184px; float:left;}

/*==== Ana Sayfa, Demo İste kutusu ===*/
.demoIste {width:355px; height:74px; background:url(images/demoIsteBg.png);}
.demoIsteSol {width:242px; height:74px; padding-top:37px; padding-left:20px; float:left;}
.demoIsteSol .textInput {width:223px; height:27px; border:none; background:url(images/demoInputBg.png); font-size:11px; color:#717873; padding-top:6px; padding-left:6px;}

.demoIsteSag {width:73px; height:74px; margin-left:1px; float:left; padding-top:16px;}
*html .demoIsteSag {width:73px; height:74px; margin-left:10px; float:left;  padding-top:16px;}

.demoIsteSag .submitInput { width:73px; height:47px; border:none; background:url(images/demoGonder.png); cursor:pointer; }

#demoframe {
   overflow: hidden;
   /* or you can specify xy */
   overflow-x: hidden;
   overflow-y: hidden;
}

/* === ana sayfa video şeysi butonu ===*/
.videoButon {width:332px; height:73px; background:url(images/videoButonBg.png); margin-top:15px; padding-top:23px; padding-left:23px;}
*html .videoButon {width:355px; height:96px; background:url(images/videoButonBg.png); margin-top:15px; padding-top:23px; padding-left:23px;}


/* === Footer olayı === */
.footer { width:960px; text-align:right; font-size:11px; color:#bfbfc0; font-weight:bold; margin-top:25px; height:28px;}
.footer img {vertical-align:top;}


/* ==== Ek içerik, alt bar === */
.altBar { background:#16232d; width:100%; height:27px;}
.altBarIc { width:960px; margin:0 auto; text-align:right;}
.altbar img { vertical-align:middle; }
.ekicerikAc { cursor:pointer; }

/* ==== ek içerik alanı ====*/
#ekicerikAlan { background:#16232d; width:100%; height:90px; display:none;}
.ekicerikic { width:960px; margin:0 auto; text-align:left; color:#fff; }
.ekicerikic ul { list-style:none; }
.ekicerikic ul  li { width:320px; text-align:left; float:left; line-height:18px;}
.ekicerikic ul  li a, .ekicerikic ul  li a:visited, .ekicerikic ul  li a:active { color:#fff; text-decoration:none; }
.ekicerikic ul  li a:hover { text-decoration:underline; }

/* ==================== #
##  alt sayfa detayları #
# ==================== */

/*  sol sütun */
.sidebarContainer { margin-right:15px; float:left; width:287px;} 

.solKutu1 { width:261px; height:134px; background:url(images/altKutu3.png); float:left; padding:50px 0 0 25px; display:inline;}
*html .solKutu1 { width:287px; height:184px; background:url(images/altKutu3.png); float:left; padding:50px 0 0 25px;}
.solKutu1 ul { list-style:none;}
.solKutu1 ul li { list-style:none; }
.solKutu1 ul li a, .solKutu1 ul li a:active, .solKutu1 ul li a:visited { color:#717873; text-decoration:none; font-size:12px; line-height:22px; }
.solKutu1 ul li a:hover { color:#5c5d5e; }
.solKutu1 .tumBasliklar { margin-left:150px; margin-top:20px; }

.solKutu3 { width:261px; height:134px; background:url(images/altKutu2.png); float:left; padding:50px 0 0 25px; display:inline;}
*html .solKutu1 { width:287px; height:184px; background:url(images/altKutu2.png); float:left; padding:50px 0 0 25px;}
.solKutu3 ul { list-style:none;}
.solKutu3 ul li { list-style:none; }
.solKutu3 ul li a, .solKutu3 ul li a:active, .solKutu3 ul li a:visited { color:#717873; text-decoration:none; font-size:12px; line-height:22px; }
.solKutu3 ul li a:hover { color:#5c5d5e; }
.solKutu3 .tumBasliklar { margin-left:150px; margin-top:20px; }



.solKutu2  { position:relative; width:251px; height:144px; background:url(images/altKutu2.png); float:left; padding:40px 10px 0 25px; display:inline; color:#717873; font-size:11px; line-height:18px;}
*html .solKutu2 { position:relative; width:287px; height:184px; background:url(images/altKutu2.png); float:left; padding:40px 10px 0 25px; display:inline; color:#717873; font-size:11px; line-height:18px;}
.solKutu2 span { font-size:10px; font-weight:bold; margin-top:10px;}
.solKutu2 .secici { position:absolute; bottom:10px; right:20px; z-index:3;}
.jcarousel-control a  { display:block; width:8px; height:8px; background:url(images/altDugme.png); float:left; margin-left:4px; font-size:0px; line-height:0px; text-decoration:none; color:#ededed;}
.jcarousel-control a:hover { display:block; width:8px; height:8px; background:url(images/altDugme.png) 0 -8px; float:left; margin-left:4px;  font-size:0px; line-height:0px;  text-decoration:none; color:#ededed;}
.solKutu2 .dugmeAktif { display:block; width:8px; height:8px; background:url(images/altDugme.png) 0 -8px; float:left; margin-left:4px;  font-size:0px; line-height:0px;  text-decoration:none; color:#ededed;}

/* Sağ sütun */
.contentContainer { width:654px; float:left;}

/* Post alanı */
.postContainer { width:654px; background:url(images/postAlaniBg.png) no-repeat; float:left; }
.postHead { width:624px; height:63px; background:url(images/postHead.png); padding-left:30px; padding-top:20px;}
*html .postHead { width:654px; height:83px; background:url(images/postHead.png); padding-left:30px; padding-top:20px;}

.postBaslik, .postBaslik a, .postBaslik a:active, .postBaslik a:visited { color:#0491fe; text-decoration:none; font-size:20px; }
.postBaslik a:hover { color:#5c5c5c; }
.postTarih { height:14px; width:auto; color:#404040; background:url(images/takvimIcon.png) no-repeat; padding-left:22px; margin-right:16px; font-family:Tahoma; font-size:10px; font-weight:bold; margin-top:8px; float:left;}
.postCat { height:14px; background:url(images/catIcon.png) no-repeat; padding-left:22px; font-family:Tahoma; font-size:10px; font-weight:bold; margin-top:8px; float:left;}
.postCat a, .postCat a:active, .postCat a:visited	{ color:#0491fe; text-decoration:none; }
.postCat a:hover { color:#5c5c5c; }

.post { width:604px; background:url(images/postBg.png) repeat-y; padding-left:30px; font-size:12px; padding-right:20px; line-height:20px;}
*html .post { width:654px; background:url(images/postBg.png) repeat-y; padding-left:30px; font-size:12px; padding-right:20px; line-height:20px;}
.post a, .post a:active, .post a:visited	{ color:#0491fe; text-decoration:none; }
.post a:hover { color:#5c5c5c; }
.post p { padding-bottom:12px; }
.post ul { margin-left:30px; }

.postY { height:86px; }

.postBottom { width:654px; height:17px; background:url(images/postBottom.png); margin-bottom:10px;}


/* ===== sayfalama linkleri */
.Nav { margin-left:1px; margin-top:20px;}
.Nav a, .Nav a:active, .Nav a:visited { padding: 2px 5px 2px 3px; color:#0491fe; border-right: solid 1px #ccc; text-decoration:none;}
.Nav a:hover { color:#5c5c5c;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; color:#000;}


/* ===== Yorum alanı */
.yorumHead { width:624px; height:63px; background:url(images/postHead.png); padding-left:30px; padding-top:20px; color:#0491fe; text-decoration:none; font-size:20px;}
*html .yorumHead { width:654px; height:83px; background:url(images/postHead.png); padding-left:30px; padding-top:20px; color:#0491fe; text-decoration:none; font-size:20px;}

.yorumBaslik2 { margin-bottom:15px; padding-top:25px; font-size:20px;  color:#0491fe;}

.yorumAlani { width:604px; background:url(images/postBg.png) repeat-y; padding-left:30px; font-size:12px; padding-right:20px; line-height:20px;}
*html .yorumAlani { width:654px; background:url(images/postBg.png) repeat-y; padding-left:30px; font-size:12px; padding-right:20px; line-height:20px;}
.yorumAlani a, .yorumAlani a:active, .yorumAlani a:visited
	{ color:#0491fe; text-decoration:none; font-weight:bold; }
.yorumAlani a:hover { color:#5c5c5c; }
.yorumAlani ol  { list-style:none; }
.yorumAlani ol  li { padding-top:18px; }
.yorumAlani ol  li:first-child { padding-top:0px} 
.yorumAlani .yazan { float:left; width:100px; }
.yorumAlani .yorum { background:#FFFFFF; border:1px solid #E0E5E5; float:right; padding:15px 10px 20px 10px; position:relative; width:450px; font-size:12px; }
*html .yorumAlani .yorum { background:#FFFFFF; border:1px solid #E0E5E5; float:right; padding:15px 10px 20px 10px; position:relative; width:470px; font-size:12px; }
.yorumAlani .yorumOk { left:-32px; position:absolute; top:10px; }
.yorumAlani span { margin-top:5px;display:block; line-height:16px; color:#0491fe; }
.yorumAlani .tarih { color:#c6c2c2; font-size:10px; }

.yorumFormAlani { width:577px; position:relative;}
*html .yorumFormAlani { width:597px; position:relative;}
.yorumFormAlani .form { float:right; width:450px; font-size:12px; }
.formOk { left:96px; position:absolute; top:10px; }
.yorumFormAlani .textarea { width:470px; height:100px; border:1px solid #E0E5E5; padding-top:10px; padding-left:10px; font-size:12px; }
.yorumFormAlani .text { width:470px; margin-top:5px; height:20px; border:1px solid #E0E5E5;  padding-left:10px;  font-size:12px; }
.yorumFormAlani .submit { background:#0491fe; border:medium none; color:#fdfdfd; float:right; font-size:0.9em; margin-top:20px; padding:0.5em 1.5em; }

.yorumBottom { width:654px; height:17px; background:url(images/postBottom.png); margin-bottom:10px;}