/* CSS file for EMREBUYUKOZKAN.COM */
/* designed and developed himself  */
/* Generic */
html { width:100%; height:100%; }
body { margin:0px; padding:0px; width:100%; height:100%; background:#413B33; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#F8EBC1; }
a img, table { border:0px; }
a { outline:none; }
h1, h2, h3, h4, p, ul, ol, li, dl, dd, dt blockquote { margin:0px; padding:0px; }
a:link, a:visited { color:#DAB084; text-decoration:none; }
a:hover, a:active { color:#DB8210;  }
ul, ol { list-style-type:none; }
/* Layout */
#body { width:990px; margin:0px auto; overflow:hidden; }
#body p { margin-bottom:18px; }
.block { margin-bottom:36px; }
.col8 { width:990px; margin-right:0px; clear:left; }
.col6 { width:738px; margin-right:18px; float:left; }
.col4 { width:486px; margin-right:18px; float:left; }
.col3 { width:360px; margin-right:18px; float:left; }
.col2 { width:234px; margin-right:18px; float:left; }
.col1 { width:108px; margin-right:18px; float:left; }
div.recent, div.about, div.contact { padding-top:126px!important; }
div.works, div.web, div.articles, div.photos { padding-top:180px !important; }
/* Menu */
#menubar { height:54px; width:100%; background-color:#2B2825; position:absolute; top:50%; margin-top:-27px; left:0px; }
#menu { width:990px; margin:0px auto; overflow:hidden; font-size:24px; }
#logo { width:26px; height:26px; margin:14px 18px 0px 82px; float:left; }
#menu h1 { width:360px; height:54px; color:#FFF; float:left; font-weight:normal; font-size:24px; padding:19px 0px 0px 0px; text-transform:uppercase; }
#menu ul { overflow:hidden; list-style-type:none; width:504px; height:54px; text-transform:uppercase; }
#menu ul li.mainmenu { float:left; width:126px; height:54px; }
#menu ul li.mainmenu a.mainitem { display:block; padding:19px 0px 17px 18px; width:108px; position:absolute; left:50%; top:50%; margin-top:-27px; color:#928671; }
#menu ul li.mainmenu a:hover, #menu ul li.mainmenu a:active { color:#DB8210 !important; }
#menu ul li a.pos1 { margin-left:-9px; }
#menu ul li a.pos2 { margin-left:117px; }
#menu ul li a.pos3 { margin-left:243px; }
#menu ul li a.pos4 { margin-left:369px; }
.started { top:63px !important; }
#menu ul li a.activated { margin-left:-369px !important; padding-left:0px !important;  }
#menu ul li a.active { color:#FFF !important; }
/* Submenu */
#submenubar { width:100%; height:54px; background-color:#34302B; position:absolute; top:90px; left:0px; z-index:2; }
#submenubar h2 { max-width:234px; font-weight:normal; font-size:24px; background-color:#303; position:absolute; left:50%; height:54px; margin-left:-369px; z-index:8; }
#menu ul li ul { width:100%; list-style:none; height:54px; position:absolute; left:0; top:54px; z-index:5; background-color:#34302B;}
#menu li.submenu { float:left; width:126px; height:54px; }
#menu ul li ul li a { color:#AC9E87; display:block; padding:19px 0px 17px 18px; width:108px; position:absolute; left:50%; top:0px; z-index:6; }
/* Headings */
h3 { color:#33302B; font-size:24px; font-weight:normal; line-height:18px; margin-bottom:18px; text-transform:uppercase; }
div h2.first { float:left; width:108px; margin-right:18px; text-align:right; overflow:hidden; color:#2B2825; font-weight:normal; font-size:24px; text-transform:uppercase; }
div h3.indent { margin-left:126px; }
ul.boxed li h4 { color:#AC9E87; font-size:24px; font-weight:normal; text-transform:uppercase; }
dl.inline h4 { font-size:12px; }
h4 span.details { font-size:11px; margin-left:9px; font-weight:normal; color:#AC9E86; }
/* Lists */
ul.list { list-style-type:square; }
ul.box2 li { width:198px;  }
ul.boxed { overflow:hidden; margin-bottom:-18px; }
ul.boxed li { background-color:#34302B; margin:0px 18px 18px 0px; padding:18px; float:left; }
ul.boxed li span { display:block; }
dl.inline { overflow:hidden; margin-bottom:-18px; }
dl.inline dt { clear:left; float:left; width:108px; margin-right:18px; text-align:right; color:#AC9E85; text-transform:lowercase; font-size:11px; }
#about dl.inline dd, #more dl.inline dd { float:left; width:612px; color:#F8EBC1; margin-bottom:18px; }
#present dl.inline dd, #latest dl.inline dd { float:left; width:360px; color:#F8EBC1; margin-bottom:0px; }
/* Recent */
#twitter li { margin-bottom:18px; }
#twitter span, #activities dt { font-size:11px; color:#AC9E86; display:block; text-transform:lowercase; }
#twitter p { font-size:11px; }
#activities dd { color:#AC9E86; font-size:11px;  margin-bottom:18px; }
#activities span.text { font-size:12px; display:block; color:#F8EBC1; }
#activities span.author {  color:#F8EBC1; }
#activities span.links { display:block; }
/* Works */
ul.works { list-style-type:none; overflow:hidden; clear:left; margin-bottom:18px; }
ul.works li { background-color:#34302B; margin:0px; padding:18px; display:block; overflow:hidden; }
ul.personal p.url { margin-bottom:0px !important; }
ul.personal p.url a { font-size:11px; color:#AC9E86; }
/* Web Sites */
.sites .url a { color:#2B2825; font-size:11px; }
.sites .services { color:#AC9E85; }
.sites .date { color:#2B2825; }
.sites { overflow:hidden; width:990px; margin-top:0px; }
.sites li { overflow:hidden; clear:left; width:990px; margin:0px 0px 18px 0px; }
.webleft ul li a { display:block; width:90px; height:54px; background-repeat:no-repeat; background-position:0px 0px; margin:3px 3px 3px 3px; }
.webleft ul li a:hover, .webleft ul li a.active { border:3px solid #44403C; margin:0px 0px 0px 0px; }
.webleft ul li a span { display:none; }
.webleft ul li { margin-bottom:12px; }
.webleft ul { width:90px; margin-right:18px; height:198px; }
.webleft img { width:342px; display:none; margin-top:3px; }
.webleft img.shown { display:block; }
.works .webleft { background-color:#34302B; width:342px; }
.sites .webleft { background-color:#34302B; padding:15px 18px 15px 15px; width:450px; }
.works .webright { width:342px; padding:18px 0px; position:relative; top:0px; z-index:5px;  }
.sites .webright { width:486px; padding:18px 0px; position:relative; top:0px; z-index:5px;  }
.odd .webleft { float:left; }
.odd .webleft ul { float:left; width:90px; margin:0px 18px 0px 0px; }
.odd .webright { float:right; }
.even .webleft { float:right; }
.even .webleft ul { float:right; width:90px; margin:0px 0px 0px 18px; }
.even .webright { float:left; }
/* Photo Galleries */
#galleries li.hover { background-color:#2B2825; cursor:pointer; }
#galleries li.hover a { color:#DB8210; }
#glist li { float:left; width:108px; margin-right:18px; height:36px; }
#glist li a {  font-size:24px; display:block; margin-bottom:4px;  }
#glist li.active { position:absolute; top:180px; left:50%; margin-left:-369px; color:#FFF; }
#glist li.active a { color:#FFF; }
#glist { overflow:hidden; padding-left:126px; padding-bottom:18px; }
.gallery { width:990px; max-height:774px; overflow:hidden; position:relative; top:0px; z-index:10; }
.gallery .galleft { width:108px; float:left; overflow:hidden; }
.gallery .galrite { width:108px; float:left; overflow:hidden; }
.gallery .galbody { width:774px; float:left; }
.gallery ul { position:relative; top:0px; overflow:hidden; z-index:7; }
.gallery ul li a { padding:18px; background-color:#FFF; display:inline-block; }
.gallery ul li { text-align:center; display:none; margin:0px; padding:0px;  }
.gallery ul li.first { display:block; }
.gallery ul li.first a { background-color:#35302B; }
.gallery ul li.first a.animated { background-color:#FFF; }
.gallery a.next, .gallery a.previous { width:72px; height:72px; margin:244px 18px 0px 18px; display:block; background-repeat:no-repeat; background-position:0px 0px;  }
.gallery a.nonext { background-position:0px -72px; }
.gallery a span { display:none;  }
.gallery a.previous { background-image:url(../img/previous.gif); }
.gallery a.next { background-image:url(../img/next.gif); }
#session { display:none; height:1px; position:relative; top:0px; z-index:8; margin-left:18px; }
.session { position:relative; top:0px; height:1px; overflow:hidden; background:url(../img/layer.png) repeat 0px 0px; margin-bottom:18px; z-index:9; margin-left:auto; margin-right:auto; }
.session a { width:234px; height:36px; text-align:center; text-transform:uppercase; display:block; margin:auto; background-color:#34302B; padding-top:18px; font-size:24px; }
/* Contact */
#contactform { overflow:hidden; }
#contactform label { clear:left; float:left; width:108px; margin-right:18px; text-align:right; color:#AC9E85; text-transform:lowercase; font-size:11px; }
#contactform input, #contactform textarea {  float:left; color:#F8EBC1; margin-bottom:18px; background-color:#34302B; border:1px solid #2B2825; width:354px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding:2px; }
#contactform .submit { margin-left:126px; width:108px; background-color:#2B2825; border:0px; clear:left; }
#contactresult { display:none; color:#DB8210; font-weight:bold; }
/* Loading */
#loading { position:absolute; top:0px; left:50%; margin-left:387px; width:106px; height:15px; padding:2px 0px 0px 2px; line-height:12px; display:none; background:#DB8210 url(img/loading.gif) no-repeat 91px 0px; }
/* Layer */
#layer { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9; display:none; overflow:hidden; }
#layer a { width:100%; height:100%; display:block; background:url(../img/shadow.png) repeat 0px 0px; cursor:default;  }
/* IE Box */
#ie { width:234px; height:144px; padding:18px; color:#413B33; position:absolute; left:30px; bottom:30px; background-color:#928671; border:9px solid #AC9E87; }
#ie a { color:#2B2825; }
#ie p { margin-bottom:18px; }
/* Tools */
.last { margin-right:0px !important; }
.bottom { margin-bottom:0px !important; }
.hidden { display:none; }
.shown { display:block; }
.clear { clear:left; }
.indent { margin-left:108px; }
.indent2 { margin-left:126px; }