/*  
// Yazan; Oktay ÇOMAK: http://www.oktaycmk.com
// Teşekkürler; Steve Jobs & http://www.apple.com & Hasan Yaşar - www.hasanyasar.com
// Mavi turuncu tonlarda; toplansın dalgalar kumsalda.

Site Name: icericumra.com 
Site URI: http://www.icericumra.com
Description:  <a href="http://www.icericumra.com" title="İçeriÇumra">
Version: v5
Author: Oktay ÇOMAK
Author URI: http://www.oktaycmk.com
*/

/****** Reset ******/

body {font-family:Century Gothic,Myriad Pro,Verdana, Arial ,Helvetica,sans-serif; font-size:12px; color:#333; text-decoration:none; color:#333; border:0px;text-decoration:none; margin: 0; padding:0;background-color:#f3f3f3; background-image:url(/resim/arkaplan.png);  background-repeat:repeat-x; } img {border:0px;} img a{border:0px;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset { border: 0; }
/* address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
/* ol, ul { list-style: none; } */
caption, th { text-align: left; }
/* h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; } */
h1 { font-size: 18px;color:#3d842d; font-weight:bold; }
h2 { font-size: 14px; color:#b21313; font-weight:bold; }
q:before, q:after { content: ''; }abbr, acronym { border: 0; }

#temizle {clear:both;} #clear {clear:both;}
#hr {border:2px #f2f2f2 dashed; margin:auto;}

/*
FONT SEÇİMİM
font-family:Century Gothic,Myriad Pro,Verdana, Arial ,Helvetica,sans-serif; font-size:14px; color:#333; text-decoration:none; color:#333; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff;
*/

/* KODLAMA BAŞLADI */
#dejavu
{width:980px;  margin:auto;}

/* MENÜ */
#logo
{float:left;}
#reklam
{float:right; margin-top:31px; background-image:url(/resim/reklam-arkasi.png); width:504px; height:88px; background-repeat:no-repeat; padding-top:10px; padding-left:28px; margin-right:-30px;}

#menu
{background-image:url(/resim/ust-klasman.png); width:980px; height:57px; background-repeat:no-repeat; color:#FFF;}
#menu li {padding-top:19px; padding-left:30px;  display:block; list-style-type:none; float:left; width:680px;}
#menu li a
{font-size:16px; font-weight:bold; color:#FFF; text-decoration:none; padding-right:20px;}
#menu li a:hover {color:#ff9d02;}
.arama {float:left; margin-top:15px;}

/* MANŞET */
.manset
{width:460px; height:299px;}
.manset-buyuk
{float:left;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left:10px; margin-top:20px; width:356px; height:254px;}
.manset-kucuk
{float:left; }
.manset-kucuk li
{list-style-type:none; margin-top:20px; margin-left:10px;}
.manset-kucuk li a img
{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:3px; margin-top:7px; margin-left:13px; width:50px; height:38px;}
.manset-kucuk li a
{list-style-type:none;  width:73px; height:51px; display:block;}
.manset-kucuk li a:hover
{background-image:url(/resim/manset-kucuk-arka-plani.png); width:73px; height:51px; display:block;}

.manset-baslik
{float:left; width:450px; margin-top:20px; margin-left:10px;}
.manset-baslik a
{font-size:14px; color:#333; font-weight:bold; text-decoration:none;}
.manset-baslik a:hover {color:#BF0D11;}

/* BLOCK */
#BlockTop
{background-image:url(/resim/Btop.png); width:237px; height:15px; background-repeat:no-repeat;}
#BlockMiddle
{background-image:url(/resim/Bmiddle.png); width:237px; background-repeat:repeat-y;}
#BlockBottom
{background-image:url(/resim/Bbottom.png); width:237px; height:15px; background-repeat:no-repeat;}
.BlockContent
{padding:5px;}

/* CLASS MENU İSME BAK BE BEN İYİCE ENTELLEŞTİM :) */
#classmenu
{display:block;}
#classmenu li 
{display:block; list-style-type:none;}
#classmenu li a
{background-image:url(/resim/classmenuon.png); width:213px; height:26px; background-repeat:no-repeat; text-decoration:none; color:#666666; font-weight:bold; font-size:14px; display:block; padding-left:32px; padding-top:13px;}
#classmenu li a:hover
{background-image:url(/resim/classmenuover.png); text-decoration:none; color:#FFF;}
#classmenu li a.active
{background-image:url(/resim/classmenuover.png); text-decoration:none; color:#FFF;}

/* BlOCK FOTO */
.BlockFoto
{width:220px; margin-left:10px; margin-right:10px;}
.BlockFoto li
{display:block; list-style-type:none;}
.BlockFoto li a
{display:block; float:left; list-style-type:none; padding-right:5px; padding-bottom:10px;}
.BlockFoto li a img {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:0px;}
.BlockFoto li a img:hover {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:0px;}

.BlockFotoSend
{background-image:url(/resim/foto-gonder-bg.png); width:216px; height:176px; background-repeat:no-repeat; margin-left:5px;}
.BlockVideoSend
{background-image:url(/resim/video-bg.png); width:218px; height:177px; background-repeat:no-repeat; margin-left:5px;}

/* DEJAVU  BLOK YANİ ORTA ALAN */
#dejavutop
{background:url(/resim/dejavutop.png); width:484px; height:17px; background-repeat:no-repeat;}
#dejavumiddle
{background-image:url(/resim/dejavumiddle.png); width:484px; background-repeat:repeat-y;}
#dejavubottom
{background-image:url(/resim/dejavubottom.png); width:484px; height:24px; background-repeat:no-repeat;}
.dejavucontent
{padding:10px;}

/* BOTTOM */
#bottom
{background-image:url(/resim/bottom.png); width:980px; height:110px; background-repeat:no-repeat;}
#bottom li {float:right; margin-top:20px; margin-right:190px;}
#bottom a {color:#FFF; text-decoration:none; }
#bottom a:hover {color:#CCC; text-decoration:none;}

/* LİNK */
.link a
{color:#B70F13; text-decoration:none; font-size:14px; font-weight:bold;}
.link a:hover
{color:#238B05; text-decoration:none;}


/* SHARE */
#share {font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#5C5C5C; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff; margin-right:10px; margin-bottom:10px;float:left;width:440px;   -moz-border-radius:5px;-webkit-border-radius:5px; padding:5px;  background-image:url(/resim/video_bxg.jpg); background-repeat:repeat-x;}
#share:hover { background-image:url(/resim/video_bg.jpg); background-repeat:repeat-x;}
#share img { float:left; margin-right:10px; -moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; border:2px #fff solid; padding:2px;}
#share a {font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#5C5C5C; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff;  text-decoration:none;} #share a:hover {text-decoration:none; color:#58AC0D;} 


/* İLETİŞİM FORMU  */
.iletisim {float:left; font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#5C5C5C; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff; margin-right:10px; margin-bottom:10px;}
.iletisim:hover { color:#0eacfd;}
.input_neom		{background-image:url(/resim/input_neom.png); width:221px; height:32px; background-repeat:no-repeat;font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#0eacfd; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff; margin-top:5px; padding-left:10px; padding-top:2px; ;}




/* SAYFALAMA / PAGES */
.sayfalama li
{display:block; list-style-type:none; float:left; margin-top:10px;}
.sayfalama li a
{background-image:url(/resim/sayfalama-on.png); width:37px; height:37px; background-repeat:no-repeat; font-size:18px; font-weight:bold; color:#FFF; text-decoration:none; display:block; list-style-type:none;float:left; margin-right:2px; padding-left:14px; padding-top:6px;}
.sayfalama li a:hover
{background-image:url(/resim/sayfalama-over.png); width:37px; height:37px; background-repeat:no-repeat;}



/* Üye Link */
 
.uyelink li a
{color:#333; margin-left:5px; border-bottom:1px #f2f2f2 dashed; text-decoration:none; font-size:12px; font-weight:bold;}
.uyelink li a:hover
{color:#C00E12; text-decoration:none;}

/* YOL HARITASI */
.yol_haritasi {color:#002955; font-size:12px; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.yol_haritasi a {color:#002955; font-size:12px; font-weight:bold; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.yol_haritasi a:hover {text-decoration:underline; color:#2684cc;}


/* Form */
.uye_textarea
{background:url(/resim/textarea.gif) top left repeat-x; border:1px #ccc solid; color:#333; overflow:auto;}
.uye_input, select
{background:url(/resim/input.gif) top left repeat-x; border:1px #ccc dotted; background-color:#f2f2f2; color:#370B04;}
.style45 {color: #525252; font-size: 13px; }




/* Üyelik Bilgileri Güncelleme  */
.uyelik_guncelle {float:left; font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#5C5C5C; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff; margin-right:10px; margin-bottom:10px;}
.uyelik_guncelle:hover { color:#0eacfd;}
.input_neom		{background-image:url(/resim/input_neom.png); width:221px; height:32px; background-repeat:no-repeat;font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;font-size:14px; color:#0eacfd; font-weight:bold; border:0px;text-decoration:none; text-shadow:1px 1px 0 #fff; margin-top:5px; padding-left:10px; padding-top:2px; ;}






















/* JQUERY */
.tooltip {
	display:none;
	background:transparent url(/resim/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 
/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
 
}
 
<!-- use gif image for IE --> 
<!--[if lt IE 7]>
 
.tooltip {
	background-image:url(/resim/black_arrow.gif);
}
 
<![endif]--> 
<!-- a couple of trigger elements --> 
 
 
/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(/resim/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}
 
.tooltip.bottom {
	background:url(/resim/black_arrow_bottom.png);
}
<!-- use gif image for IE --> 
<!--[if lt IE 7]>
 .tooltip {
	background-image:url(/resim/black_arrow.gif);
}
 
.tooltip.bottom {
	background:url(/resim/black_arrow_bottom.gif);
}
 <![endif]-->