/**
 * common.css
 *
 * Copyright (c) 2003-2008 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 *
 * $Id: common.css,v 1.71 2008/07/11 04:22:59 asmecher Exp $
 */
/**
 * Common HTML elements
 */
body
{
 margin: 0;
 padding: 0;
 background-color: #FFFFFF;
 color: #111;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 text-align: center;
}

div 
{
 line-height: 140%;
 text-align: left;
}

table
{
 border-width: 0;
 border-spacing: 0;
 font-size: 1.0em;
}

form
{
 margin: 0;
}

a 
{
 text-decoration: underline;
}

a:link
{
 color: #000099;
}

a:active
{
 color: #253;
}

a:visited
{
 color: #000099;
}

a:hover
{
 color: #253;
 background-color: #99CCFF;
}

a.plain
{
 text-decoration: none;
}

ul 
{
 margin-top: 0.25em;
 margin-right: 0;
 margin-bottom: 0.75em;
 margin-left: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 2.5em;
}

tt
{
 font-size: 1.25em;
}

label 
{
 
}

label.error
{
 color: #900;
}

input.textfield, select.selectmenu, textarea.textarea, input.uploadfield
{
 background-color: #F0F0E8;
 color: #000;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 border-top-color: #666;
 border-top-width: 2px;
 border-top-style: solid;
 border-left-color: #666;
 border-left-width: 2px;
 border-left-style: solid;
 border-bottom-color: #E8E8E1;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-right-color: #E8E8E1;
 border-right-width: 2px;
 border-right-style: solid;
 font-size: 1em;
}

input.button 
{
 padding-left: 0.5em;
 padding-right: 0.5em;
 background-color: #E8E8E1;
 font-size: 1em;
}

input.defaultbutton 
{
 background-color: #000099;
 color: #FBFBF3;
 font-weight: bold;
}

/**
 * Main layout elements
 */
#container
{
 width: 100% ! important;
 min-width: 730px ! important;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 line-height: 125%;
 text-align: center;
}

#header
{
 width: 100%;
 background-color: #CCCCFF;
 text-align: center;
}

#headerTitle 
{
 text-align: left ! important;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 0;
 width: 100%;
}

#header h1
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 0.2em;
 padding-right: 0;
 padding-bottom: 0em;
 padding-left: 10%;
 font-family: Georgia,'Times New Roman',Times,serif;
 font-weight: normal;
 line-height: 130%;
}

#footer 
{
 width: 100%;
 min-height: 50px;
 position: static;
 clear: both;
 background-color: #CCCCFF;
 text-align: center;
}

#footerContent
{
 width: 100%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-left: 10%;
}

#main
/**
 * Sayfanın tamamındaki metin kısmı
 */
{
 padding-top: 0.2em;
 padding-right: 0em;
 padding-bottom: 1em;
 padding-left: 0em;
 width: 80%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}

#main h2
/**
 * Sayı 2009 kısmında olduğu gibi sayı no yıl ve kısmını table of contentste gösteriyor
 * padding-top:0.5'den 0.2 haline getirildi bu kısım navigation sayı vs ile anat j title arasındaki boşluğu açıyor
 */
{
 margin-top: 0em;
 margin-right: 1em;
 margin-bottom: 0.1em;
 margin-left: 0em;
 padding-top: 0.2em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 line-height: 130%;
  font-size: medium
}

#main h3
{
 margin-top: 0em;
 margin-right: 1em;
 margin-bottom: 0.5em;
 margin-left: 0em;
 padding-top: 0em;
 font-family: Georgia,'Times New Roman',Times,serif;
 font-weight: normal;
}

#navbar
{
 margin-right: 0;
 padding-bottom: 0%;
 border-bottom-color: #3399FF;
 border-bottom-width: thin;
 border-bottom-style: solid;
  font-weight: bold
}

#breadcrumb
/**
 * location gösteren kısmın yazı şekli
 * padding-top hemen üzerindeki boşluk orijinali 0.5 idi ben 0.3 yaptım
 */
{
 padding-top: 0.3em;
 font-size: x-small;
}

#content
/**
 * Sayı tanımlama yerini değiştiriyor, mesela üstündeki noktalı çizgiyi
 * aynı zamanda sayfanın ana yazı şekli
 * Padding ile welcome to anatolian journal yazısının hemen üzerindeki boşluk azaltıldı 0.5den 0.3 yaptım
 */
{
 margin: 0;
 padding: 0;
 padding-top: 0.3em;
 font-size: small;
 border-top-color: #000;
 border-top-width: thin;
 border-top-style: dotted;
  font-family: Arial, Helvetica, sans-serif
}

#content h3
/**
 * Ana sayfadaki deri sayı no vs gösteriyor paddingler ile üst ve alltaki boşlukları line height ile satır kalınlığını değiştirdim
 */
{
 margin-top: 0em;
 margin-right: 1em;
 margin-bottom: 0.15em;
 margin-left: 0em;
 padding-top: 0.2em;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: medium;
 line-height: 1.0em;
}

#content h4
/**
 * Derleme gibi makale türünü belireyen table of contents heading level 4
 * Margin top 0.75den 0.25 yaptım bu da kesikli çizgilere daha yakın olmasını sağladı
 */
{
 margin-top: .25em;
 margin-right: 1em;
 margin-bottom: 0.25em;
 margin-left: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
  color: #FFFFFF;
  padding-left: 0.25em;
  font-size: small;
  background-color: #6699FF
}

#content h5
/**
 * Bunun ne olduğunu bilmiyorum heading level 5
 */
{
 margin-top: 0em;
 margin-right: 1em;
 margin-bottom: 0.25em;
 margin-left: 0em;
 padding-top: 0.75em;
 font-weight: bold;
 font-size: 1em;
}

/**
 * Access icons and key
 */
#accessKey 
{
 margin-bottom: 2em;
}

#accessKey img 
{
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

#content img.accesslogo 
{
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

/**
 * Navigation bar
 */
#navbar a 
{
 font-size: 0.65em;
 letter-spacing: 0.05em;
}

#navbar a:link 
{

}

#navbar a:active 
{
 
}

#navbar a:visited 
{
 
}

#navbar a:hover 
{
 
}

/**
 * Breadcrumbs
 */
#breadcrumb a
{
 text-decoration: none;
}

#breadcrumb a.current
{
 font-weight: bold;
}

/**
 * Announcements
 */
#announcementsHome 
{
 width: 100%;
 margin-top: 0.1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
}

/**
 * Announcements ilk sayfasındaki başlığı kontrol ediyor
 */
#announcementsHome h3 
{
 text-align: center;
 font-size: small;
}

#announcements 
{
 width: 100%;
}

/** 
 * Announcements genel liste sayfasındaki başlığı kontrol ediyor
 */

#announcements h3 
{
 text-align: center;
}

table.announcements 
{
 width: 100%;
}

/**
 * Announcement kısmında her bir announcementın bulunduğu tablonun ayarlarını yapıyor
 * Üst ve alt kısımların boşluklarını değiştirdim 0.25'den 0.1 olarak
 */
table.announcements td 
{
 padding-top: 0.1em;
 padding-right: 0.5em;
 padding-bottom: 0.1em;
 padding-left: 0.5em;
}

table.announcements td.nodata 
{
 text-align: center;
 font-style: italic;
}

table.announcements td.headseparator 
{
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.1em;
 line-height: 1%;
}

table.announcements td.endseparator 
{
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.25em;
 line-height: 10%;
}

table.announcements td.separator 
{
 border-top-color: #DDDDD0;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.1em;
 line-height: 1%;
}

table.announcements tr.intro 
{
 
}

table.announcements td.intro 
{
 
}

table.announcements tr.title 
{
 vertical-align: top;
}

table.announcements td.title 
{
 width: 85%;
}

table.announcements td.title h4 
{
 
}

table.announcements tr.description 
{
 vertical-align: top;
}

table.announcements td.description 
{
 width: 85%;
}

table.announcements tr.details 
{
 vertical-align: bottom;
}

/** posted şu tarihte gibi kısmının metin ile arasındaki mesafesini ve yazı şeklini ayarlıyor
 */

table.announcements td.posted 
{
 padding-top: 0.2em;
 font-style: italic;
 font-size: x-small;
}

table.announcements td.more 
{
 width: 15%;
 text-align: right;
}

table.announcementsmore 
{
 width: 100%;
}

table.announcementsmore td 
{
 padding-top: 1.5em;
 text-align: right;
}

/**
 * Table of contents
 */
h4.tocsectiontitle
{
 
}

table.tocarticle
{
 width: 100%;
}

table.tocarticle td.toctitle
{
 width: 70%;
 height: 100%;
  font-weight: bold;
}

table.tocarticle td.tocgalleys
{
 width: 30%;
 text-align: right;
  font-weight: bold;
}

table.tocarticle td.tocauthors
{
 padding-left: 30fpx;
 font-style: italic;
 vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;

}

table.tocarticle td.tocpages 
{
 text-align: right;
 vertical-align: top;
}

.tocarticlecoverimage img 
{
 border-width: 0;
 float: left;
 width: 100px;
 margin-top: 0;
 margin-right: 1em;
 margin-bottom: 1em;
 margin-left: 0;
}

/**
 * Homepage image
 */
#homepageImage img 
{
 display: block;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 border-width: 0;
 text-align: center;
}

.homepageimage img 
{
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 border-width: 0;
 float: left;
 width: 100px;
 margin-top: 0.2em;
 margin-right: 1em;
 margin-bottom: 0.2em;
 margin-left: 0;
 text-align: center;
}

/**
 * Issue cover image
 */
#issueCoverImage img 
{
 display: block;
 border-width: 0;
}

.issuecoverimage img 
{
 border-width: 0;
 float: left;
 width: 100px;
 margin-top: 1em;
 margin-right: 1em;
 margin-bottom: 1em;
 margin-left: 0;
}

#issueCoverImage a:link, .issuecoverimage a:link 
{
 
}

#issueCoverImage a:active, .issuecoverimage a:active 
{
 
}

#issueCoverImage a:visited, .issuecoverimage a:visited
{
 
}

#issueCoverImage a:hover, .issuecoverimage a:hover
{
 
}

/**
 * Footer elements
 */
#footer div.debugstats
{
 font-size: x-small;
}

/**
 * Additional text styles
 */
span.disabled, label.disabled 
{
 color: #666;
}

a.action, a.file 
{
 font-size: 0.85em;
 text-transform: uppercase;
}

a.icon 
{
 text-decoration: none;
}

a.icon img 
{
 border-width: 0;
}

a.icon:hover 
{
 background-image: none;
}

span.formrequired 
{
 color: #333;
 font-size: 0.9em;
}

span.instruct
{
 
}

span.heading 
{
 font-size: 0.85em;
 text-transform: uppercase;
}

span.highlight 
{
 border-bottom-color: #000;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
}

.nowrap 
{
 white-space: nowrap;
}

pre
{
 background-color: #F0F0E8;
 color: #000;
 font-size: 1.25em;
}

/**
 * Table styles
 */
table.info 
{
 
}

table.info td
{
 padding: 0;
 padding-bottom: 0.5em;
 padding-right: 0.5em;
}

table.listing
{
 
}

table.listing tr.highlight
{
 background-color: yellow;
}

table.listing td
{
 padding-top: 0.25em;
 padding-right: 1.5em;
 padding-bottom: 0.25em;
 padding-left: 0.5em;
}

table.listing tr.heading td, table.listing td.heading, table.info td.heading
{
 font-size: 0.85em;
 text-transform: uppercase;
 font-weight: normal;
 line-height: 120%;
 padding-top: 0.75em;
 padding-right: 1.5em;
 padding-bottom: 1em;
 padding-left: 0.5em;
}

table.listing tr.fasttracked
{
 background-color: #CCCCFF;
}

table.info td.heading
{
 padding-left: 0;
}

table.listing td.nodata, table.info td.nodata
{
 text-align: center;
 font-style: italic;
}

table.listing td.headseparator
{
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.1em;
 line-height: 1%;
}

table.listing td.endseparator
{
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.25em;
 line-height: 10%;
}

table.listing td.separator, table.info td.separator
{
 border-top-color: #DDDDD0;
 border-top-width: 1px;
 border-top-style: dotted;
 font-size: 0.1em;
 line-height: 1%;
}

table.data 
{
 
}

table.data tr
{
 
}

table.data td
{
 padding-bottom: 0.25em;
}

table.data td.label
{
 padding-right: 1em;
}

table.data td.value
{
 
}

table.data td.separator
{
 padding: 0.5em;
 font-size: 0.1em;
 line-height: 1%;
}

table.data td.heading
{
 padding-left: 0;
 padding-right: 0;
}

table.nested tr 
{
 padding: 0;
 margin: 0;
}

span.nested 
{
 padding-top: 0;
 padding-right: 4px;
 padding-bottom: 0;
 padding-left: 0;
 font-size: 1.2em;
}

/**
 * Form-specific elements
 */
span.formerror
{
 color: #900;
 font-weight: bold;
 font-size: 1em;
}

ul.formerrorlist
{
 color: #900;
}

/**
 * Other organizational elements
 */
ul.menu
{
 margin: 0;
 padding: 0;
}

ul.menu li
{
 margin: 0;
 padding: 0;
 padding-right: 1.5em;
 display: inline;
}

ul.menu li.current
{
 font-weight: bold;
}

ul.menu a
{
 font-size: 0.85em;
 text-transform: uppercase;
 text-decoration: none;
}

ul.steplist
{
 margin: 0;
 padding: 0;
 list-style-type: decimal;
}

ul.steplist li
{
 margin: 0;
 padding: 0;
 font-size: 0.85em;
 padding-right: 0.5em;
 display: inline;
 text-transform: uppercase;
}

ul.steplist li.current
{
 font-weight: bold;
}

ul.steplist a
{

}

ul.plain 
{
 list-style-type: none;
 padding-left: 1.5em;
}

ul.filter 
{
 margin: 0;
 padding-top: 1.5em;
 padding-right: 0;
 padding-bottom: 1.5em;
 padding-left: 0;
 list-style-type: none;
}

ul.filter li
{
 padding-right: 1.5em;
 display: inline;
}

div.separator 
{
 width: 100%;
 margin-top: 1em;
 margin-bottom: 0.25em;
 padding: 0;
 border-bottom-color: #000;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 font-size: 0.5em;
 line-height: 25%;
}

div.progressbar 
{
 background-image: url(../templates/images/progbg.gif);
 background-repeat: no-repeat;
 height: 27px;
 width: 505px;
 z-index: 1;
}