/* 
*********** Crema Iletisim Hizmetleri ve Tasarim Tic. LTD. STI // http://www.crema.com.tr ***************************** 
Site Ismi: Crema CSS Framework
Yil: 2008
Yazar: Gözde Berberoglu
Yazarin e-mail adresi: gozde.berberoglu@gmail.com
Yenilenme Tarihleri: 4.12.2008
***********************************************************************************************************************
Renk Paleti: 
Fontlar: 
#14393F (En koyu yazi) 
#1985a3 (Link) 
#37697F (Lacivert)
#000 (Orta koyuluk) 
#000 (Açik) 
#000 (En Acik) 

Arkaplan Renkleri: 
#E2EFD1 (Background) 
#ADBD99 (PageTop) 
#CDD3D4 (PageLeft) 
#A3BBBF (PageRight) 
#6F7D7F (PageBottom) 
*/ 

/* Sifirlanan özellikleri tanimlayin, kullanmayacaklarinizi silin */ 
html, body, div, object, iframe, img, object, fieldset, form, table { border:0; margin:0; padding:0; } 
body { text-align:center; background: #fff; font:normal 11px/15px Arial, Helvetica, sans-serif; color:#14393F; position:relative }
p, span, h1, h4, h5, h6, blockquote, a, big, code, dfn, em, small, sub, sup, var, dl, dt, dd, ol, ul, li, label, select, input, form, legend, td, th, caption { font-family:arial,helvetica,sans-serif;}
p, h5, label,legend,td, th, input, caption { font-weight:normal; font-size:11px; line-height:16px;}
b, h5, th, caption { font-weight:bold }
h1 { font-weight: bold; font-size: 24px; line-height:40px}
h2 { font-weight: normal; font-size: 20px; line-height:35px; color:#35baf2;} 
h3 { font-weight: normal; font-size: 17px; line-height:30px; color:#EC102A;}
h4 { font-weight: normal; font-size: 13px; line-height:20px;color:#444;padding-left:15px}
h6 { font-weight: bold; font-size: 9px; line-height:20px}
h2, h3{ font-family:"Times New Roman", Times, serif}
blockquote{ padding:0 35px}
pre, code, kbd, samp, tt { font-family:"Courier New", Courier, monospace}
a { text-decoration:none; font-weight: bold; color:#1985a3;cursor:pointer} 
a:link, a:visited { text-decoration:none} 
a:hover, a:active { text-decoration:underline } 
abbr, acronym { border-bottom:1px dotted #f00}
address, cite, dfn, em, var { font-style: oblique}
big { font-size:12px}
del { text-decoration:overline}
ins { text-decoration:underline}
small { font-weight: normal; font-size: 10px; line-height:15px}
sub { vertical-align:sub}
sup { vertical-align:super}
tt { letter-spacing:5px}
ol, ul, dl { list-style-position:outside; margin:10px 15px; }
li, dt { padding-left:5px;list-style-type:disc; line-height:15px;font-size:11px}
ul.List{ padding:5px 0 15px 0;}
ul.List li{ list-style-type:disc;}
dd { padding-left:40px; list-style-type:square; line-height:15px}
hr{ border:none; height:0px }
label{ width:120px; font-weight:bold; float:left; clear:both  }

/* Border kullanilan tablo örnegi */
table,tr,td { border-collapse:collapse; border:1px solid #586F3C;}
/* Border kullanilmayan tablo örnegi */
table.BorderlessTable, table.BorderlessTable tr,table.BorderlessTable tr td { border-collapse:inherit; border:0; vertical-align:top}
table.BorderlessTable a{ color:#333333; font:13px bold Arial, Helvetica, sans-serif; margin-right:0px }
table.BorderlessTable a{ color:#333333; font:13px bold Arial, Helvetica, sans-serif; margin-right:0px }
table.BorderlessTable a.DarkBlue{color:#37697F; }
table.BorderlessTable a:hover{ text-decoration:none; background:#eee }
/* Zebra tablo örnegi */
table.ZebraTable { border-collapse:inherit;	border:2px dotted #4CA1AF; background:gray;	}
table.ZebraTable tr td { border:0;}
table.ZebraTable tr.AlternateRow { background:#5FB1BF; color:white;}
table.ZebraTable tr.DataRow { background:#4F939F; color:white; }
table.ZebraTable tr th { background:#8BD3DF; color:#2F585F}
table.ZebraTable tr.Footer td {	background:#2F585F;	color:#fff;	font-weight:bold}

/* Ortak kullanilan siniflar (renk, genislik, yukseklik, float, clear, text-align ) */ 
.FontDarkBlue { color:#37697F;} 
.FontLightBlue { color:#1985a3;} 
.Bold{ font-weight:bold}
.Left { float:left} 
.Right { float:right}
.FloatN{ float:none} 
.Clear { clear:both}
.ClearL { clear:left}
.TextLeft { text-align:left}
.TextRight { text-align:right}
.TextCenter { text-align:center}
.TextJustify { text-align:justify}
.Padding10{ padding:10px;}
.P-t{ padding-top:20px;}
.Width7{ width:7px}
.Width150{ width:150px}
.Width300{ width:240px}
.Width500{ width:500px}
.Width260{ width:260px}
.Width380{ width:380px}
.Width385{ width:382px}
.W100{width:100%}
.dis-in{display:inline}
.dis-block{display:block}
.ver-top{ vertical-align:top}
.ver-mid{ vertical-align:middle}
.MarginL100{ margin-left:100px}
.Margin20{ margin-left:20px}
.Margin20R{ margin-right:20px}
.Margin10R{ margin-right:15px}
.Margin20B{ margin-bottom:20px}
.Margin5T{ margin-top:5px}
.Margin30{ margin-left:30px; margin-top:10px}
.PaddingL20{ padding-left:20px}
.BorderR{ border-right:1px dotted #999}
.bgRed{ background:red} /*Div kontrol amaçlidir*/
.border{ border: 1px solid gray} /*Div kontrol amaçlidir*/
a.underlined{ text-decoration:underline}
.m0p0{ margin:0; padding:0}
h2 a{font-weight: normal; font-size: 20px; line-height:35px; color:#35baf2; font-family:"Times New Roman", Times, serif}
h2 a:hover { text-decoration:none}