@import url('reset.css');

html, body{
    padding: 0px;
    margin: 0px;
    height: 100%;
    font-family: Trebuche, Arial;
	font-size:11px;
}

body{ overflow: hidden;  }
/* helpers */
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.automargin{margin:0px auto;}
.hidden{display:none;}
.fullwidth{width:100%;}
.block{display:block;}
.vScroll{overflow-x:hidden;overflow-y:auto;}
.Scroll {overflow:auto;}
.autoheight{overflow:hidden}
.clear {clear:both !important;}
.clearfix {clear:both !important;}
.txtLeft { text-align:left;}
.txtRight { text-align:right;}
.bgWhite {background-color:#FFF; }
.p0 { padding:0px;} .p2 { padding:2px;} .p5 { padding:5px;} .p10 { padding:10px;} .p20 { padding:20px;} .pL2 { padding-left:2px;} .pL5 { padding-left:5px;} .pL10 { padding-left:10px;} .pL13 { padding-left:13px;} .pL27 { padding-left:27px;}  .pR7 { padding-right:7px;} .pT2 { padding-top:2px;} .pT5 { padding-top:5px;} .pT7 { padding-top:7px; } .pT10 { padding-top:10px; }
.m0 { margin:0px;} .m2 { margin:2px;} .m5 { margin:5px;} .mL2 { margin-left:2px;} .mL5 { margin-left:5px;} .mL10 { margin-left:10px;} .mL13 { margin-left:13px;} .mL19 { margin-left:19px;} .mL30 { margin-left:30px;} .mT2 { margin-top:5px;} .mT5 { margin-top:5px;} .mT7 { margin-top:7px;} .mT10 { margin-top:10px;} .mT20 { margin-top:20px;} .mT28 { margin-top:28px;} .mR7 { margin-right:7px;} .mR10 { margin-right:10px;} .mR11 { margin-right:11px;} .mR12 { margin-right:12px;} .mR41 { margin-right:41px;} .mR42 { margin-right:42px;}
.fontBold { font-weight:bold;}
/* disable default ul and li properties */
.disableUls ul,.disableUls ol,.disableUls li{list-style:none}

/* widths */
.m{width:188px;}
.l{width:472px;}
.lx{width:990px;}
.xl{width:1000px;}
/* Top Menu */

.background{
    height: 100%;
    background-repeat: repeat-x;
    background-position: left top;
}
.patternHome{ width:100%; height: 100%; background:url(../_i/pattern.png); position:absolute; z-index:3; bottom:18px;}
.pattern{ width:100%; height: 100%; background:url(../_i/pattern.png); position:absolute; z-index:3; top:0;}


#ana-sayfa, #biyografi, #diskografi, #fotograf, #defter, #iletisim{
    width:100%;
	height: 100%;
	margin:0;
	padding:0;
    min-height: 580px;
    position: relative;
    background-repeat: repeat;
    background-position: left top;
    visibility: hidden;
	overflow:hidden;
}
.contanier {position:absolute; width:100%; height:100%; z-index:-1;}

h1 a.logo { width:266px; height:67px; display:block;  position:absolute; top:30px; text-decoration: none; text-indent:-9999px;} 
h1 a.beyaz { background-image:url(../_i/logo_beyaz.png); behavior: url("../_js/iepngfix.htc"); }  
h1 a.mavi { background-image:url(../_i/logo_mavi.png); behavior: url("../_js/iepngfix.htc");}
h1 a.yesil { background-image:url(../_i/logo_yesil.png); behavior: url("../_js/iepngfix.htc");}
h1 a.krem { background-image:url(../_i/logo_krem.png); behavior: url("../_js/iepngfix.htc"); }  
.content{
    position:relative;
	z-index:10;
}
.contentContainer { padding:150px 20px 20px 20px;}
.contentContainer h2 { font-size:25px; font-weight:bold; font-style:italic; color:#214108;}
.contentContainer p { padding-bottom:10px; font-size:20px; color:#2c530c;}
.menu{
    position:absolute;
	top:45px;
	right:0;
	padding:10px;
    list-style: none;
}

.menu li{
    float:left;
	margin-right:20px;
}

.menu li.last{
	margin-right:0px;
}
.menu li a{
    display: block;
	font-size:25px;
	letter-spacing:-0.25px;
	font-weight:bold;
    height: 25px;
    overflow: hidden;
	text-decoration:none;
    background-position: left top;
    background-repeat: no-repeat;
}
.homeMenu{
	background:url(../_i/patternvideo.png);
}
#ana-sayfa .menu li a {color:#fff;}
#ana-sayfa .menu li a:hover{ color:#f3eccb;}

#biyografi .menu li a {color:#9c8f86;}
#biyografi .menu li a:hover{ color:#dcd8d5;}

#diskografi .menu li a {color:#b7d2ed;}
#diskografi .menu li a:hover{ color:#e1effc;}

#fotograf .menu li a {color:#dafeb9;}
#fotograf .menu li a:hover{ color:#e5ffce;}

#defter .menu li a {color:#c6b9b0;}
#defter .menu li a:hover{ color:#f2efd3;}

#iletisim .menu li a {color:#ffff87;}
#iletisim .menu li a:hover{ color:#c69d0a;}

.homeRightBoxess { top:140px; right:0px; width:300px;position:absolute; z-index:5;}
.homeRightBoxess .etkinlikBox {	float:right; width:300px;background:url(../_i/patternvideo.png); padding:10px;}
.homeRightBoxess .etkinlikBox h3 { color:#fff; font-size:18px; font-weight:bold; }
.homeRightBoxess .etkinlikBox ul { padding:10px 0;}
.homeRightBoxess .etkinlikBox li { color:#ededed; font-size:14px; padding:5px 0; float:left; width:100%; /*padding:5px 0 5px 10px; background-image:url(../_i/arroWhite.gif); background-repeat:no-repeat; background-position:0 8px;*/ font-style:italic;}
.homeRightBoxess .etkinlikBox li a { color:#f5f5f5;}
.homeRightBoxess .etkinlikBox li a:hover { color:#ffdd83;}
.homeRightBoxess .etkinlikBox li a img { width: 50px; float: left; margin-right: 5px; }
.homeRightBoxess .socialBox {margin-top:5px;float:right;width:100px; height:30px;}
.homeRightBoxess .socialBox a.facebook { float:left; background-image:url(../_i/facebook.gif); width:25px; height:30px; display:block; text-indent:-9999px; float:right; border:2px solid #fff;}
.homeRightBoxess .socialBox a.twitter { float:left; margin-left:2px; background-image:url(../_i/twitter.gif); width:25px; height:30px; display:block; text-indent:-9999px; float:right; border:2px solid #fff;}

.bioRight { position:relative; float:right; width:593px; letter-spacing:-1px; background-image:url(../_i/patternvideo.png); padding:20px 10px; }
.bioRight p { font-size:19px; color:#9c8f86; }
.bioRight p strong { color:#d2c0b4; }
.bioRight em { color:#d2c0b4; }

img.bg { min-height: 100%; min-width: 1000px; width: 100%; height: auto; position:absolute;	top: 0;	left: 0; z-index:2;}

@media screen and (max-width: 1000px){
img.bg {left: 50%;margin-left: -512px; }}

.diskografiWrapper { position:relative; width:100%; height:307px; float:right;  letter-spacing:-1px; background-image:url(../_i/patternvideo.png); padding:20px 10px; }
.diskografiWrapper ul { 
	padding-left:30px;
	float:left;
	list-style-type: none; /* remove the default style for list items (the circles) */ 
	margin:0px; /* remove default margin */
 /* remove default padding */
}
.diskografiWrapper ul li { 
	float:left; /* important: left float */
	padding-top:20px;
	margin-right:20px;
	position:relative; /* so we can use top and left positioning */
}
	
.diskografiWrapper ul li a img { 
	width:285px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}
.diskografiWrapper ul li a img.active {
	border:4px solid white; /* choose whatever you like */
	z-index:1; /* show it on top of the other images (they have z-index 0) */
	left: -4px; /* same as border width but negative */
	top: -4px; /* same as border width but negative */
}
.diskografiRC { display:none; font-size:11px; background-image:url(../_i/patternvideo.png); width:960px; height:307px; padding:20px 10px; position:absolute; left:0; z-index:1000;color:#b7d8dd;}
.diskografiRC a {color:#59eaff; font-size:11px;}
.diskografiRC .sarki { margin-bottom:10px;}
.diskografiRC .emegi-gecen { padding:10px; background-image:url(../_i/pattern.png);}
.diskografiRC .emegi-gecen strong { color:#d6faff;}
.diskografiRC .diskografiRClose { background-image:url(../_js/facebox/close.gif); width:35px; height:19px; background-repeat:no-repeat; display:block; position:absolute; right:10px; top:10px; text-indent:-9999px;} 
.diskografiRC .olsunBox { display:none;}
.diskografiRC .uyandirmadanBox { display:none;}

.diskFboxContainer { font-size:11px;}
.diskFboxContainer h3{ font-size:16px; font-weight:bold; padding-bottom:10px;}
.diskFboxContainer pre { font-size:11px; font-family:Arial, Helvetica, sans-serif;} 
.diskFboxContainer p.sarkisozu { padding:10px 0; font-weight:bold;}

.behzatcBox ul { float:left; padding-right:10px; width:220px; margin-right:10px;}
.behzatcBox ul.last { padding:0; margin:0;}
.gallery { position:relative; z-index:999; }
.gallery img { border:3px solid #fff; }
.fotoText { position:absolute; z-index:4; top:190px; right:0;  font-size:25px; letter-spacing:-1px; font-style:italic; color:#e6e3bb;}
.fotoText a {color:#e6e3bb;}
/* Ziyaretçi Defteri*/
.guestbook{ position:absolute; left:0; width:100%; }
.guestbook .title { font-size:14px; color:#FFF;}
.guestbook .title strong { font-size:20px; letter-spacing:-1px;}
.guestbook .mesaj_birak { position:absolute; right:0; top:0; background-color:#e4ddd5; padding:5px; }
.guestbook .mesaj_birak a{ font-size:11px;color:#463122;  }
.guestbook .gbookItems li{ margin-bottom:1px; background-image:url(../_i/guestbook-bg.png); padding:10px;}
.guestbook .gbookItems li p { font-size:11px; color:#463122; padding:0; }
.guestbook .gbookItems li .date { color:#3b3228; padding-bottom:5px; font-weight:bold;}
.guestbook .gbookItems li .name { font-weight:bold;}
.guestbook .message { background-color:#FFF; color:#900; font-size:12px; font-weight:bold; padding:10px; width:300px; margin-bottom:5px;}

.guestbook #pListNav{list-style:none;position:relative; height:30px;margin:0 auto; left:0; width:100%; overflow:hidden; padding:0;background-image:url(../_i/guestbook-bg.png); }
.guestbook #pListNav li{float:left;font-size:12px;}
.guestbook #pListNav li.selected{background-color:#756657;}
.guestbook #pListNav li a { color:#756657; display:block; padding:7px; font-size:16px; font-weight:bold;}
.guestbook #pListNav li.selected a{color:#fff;}
.guestbook #pListNav .titlePlist{float:left;padding:7px; color:#463122; }

.contactBox {position:absolute; left:438px; width:552px; letter-spacing:-1px;}
.contactBox p {}
.contactBox span { padding:5px; background-color:#000;}
.contactBox .title { font-size:22px; font-weight:bold; color:#caca6b; }
.contactBox .item {font-size:18px; color:#caca6b;  } 
.contactBox a {color:#caca6b;}
.contactBox .last { margin-bottom:10px;}

.about {}
.about h3 { font-size:18px; letter-spacing:-1px; font-weight:bold;}
.about .title { font-weight:bold; font-size:12px; padding-top:10px; }
.about .item { font-size:12px; }

/* General Form Styles */
.generalForm legend { display:none;}
.generalForm legend.show { display:block; margin:0 0 10px -2px; letter-spacing:-1px; font:bold 18px Tahoma, Geneva, sans-serif;}
.generalForm legend.show span { font:normal 12px Arial; letter-spacing:0;}
.generalForm .separator { position:relative; padding:20px; }
.generalForm .separator legend { display:inline; background:#fff; padding:0 10px; margin-left:-10px; font-size:14px; font-weight:bold; color:#fff;}
.generalForm label { display:block; font-weight:bold; margin-bottom:3px; line-height:18px;}
.generalForm input, .generalForm textarea, .generalForm select {  margin-bottom:10px; padding:5px; color:#626060; background-color:#f8f8f6; border-top:1px solid #9fa09f; border-left:1px solid #9fa09f; border-right:1px solid #d6d6d6; border-bottom:1px solid #f1f1f1;}
.generalForm input.file { padding:5px; width:auto; height:auto; background-image:none; border-top:1px solid #939393; border-left:1px solid #9fa09f; border-right:1px solid #9fa09f; border-bottom:1px solid #f1f1f1;}
.generalForm textarea { overflow:auto; height:140px; font-size:12px;}
.generalForm select { margin-right:10px; font-size:11px;}
.generalForm select option { padding:1px 3px;}
.generalForm select.long { margin:0;}

.generalForm input.radio { width:auto; height:auto; background:none; border:none; position:relative; top:3px;}
.generalForm img { border:1px solid #D0D0D0; margin:0 6px 3px 0; float:left;}
.generalForm span.radiotext { margin:0 15px 0 3px;}
.required { color:#066; font-size:20px; line-height:12px; font-weight:bold; display:inline; vertical-align:middle;}
.example { padding-left:20px; color:#777; font:italic normal 11px Tahoma;}
.generalForm .checkgroup { margin:10px 0;}
.generalForm .checkgroup p { margin:0;}
.generalForm .checkgroup span { clear:none; color:#616161; float:left; font-size:11px;}
.generalForm .checkgroup input { width:auto; float:left; margin:2px 15px 0 5px; background:none; border:none;}
.generalForm .item { padding:0 0 15px;}
.generalForm .item h4 { font-weight:bold; padding-bottom:5px;}
.generalForm .item-l { float:left; margin-right:20px;}
.generalForm .error { clear:both;}
.generalForm label.req, .generalForm label.valid, .generalForm label.error {font-weight:normal; background:none; font-size:11px;}
.generalForm label.req { color:#a0348d;}
.generalForm label.valid { color:green;}
.generalForm label.error { color:#ce2033; margin:5px 0 0;}
.generalForm .req { }
.generalForm .valid { border-color:#7b708d #d2c7e4 #f0e8ff #b6abc8;}
.generalForm .error { border-color:#ca505e #ecbfc5 #f8e7ea #e19ca3; background:#fff6f8;}
.generalForm input.guvenlikKod { width:70px; height:auto; padding:4px; font-size:18px; text-transform:uppercase; text-align:center;}


.faceContent {}
.faceContent p { padding-bottom:10px; font-size:14px; }