/*
MyBB 1.8.15 varsayılan teması üzerindeki değişiklikler.
Temanın orijinal dosyalarını mümkün mertebe düzenlememek lazım.
*/

/* Genel genişliği ayarlayalm */
.wrapper {
	max-width: 940px;
	min-width: 940px;
}

/* Alt bölümdeki yeni mesaj var yok falan resimlerini gizleyelim */
.forum_legend,
.forum_legend dt,
.forum_legend dd {
	display: none;
}

/* Mavi tablo başlıklarından kurtulalım */
.thead {
	background-color: #f60;
	background-image: none;
	border-bottom: none;
}

/* Navigasyonu gizleyelim, mümkün olduğunda temiz bir görünüm oluşmalı */
.navigation {
	display: none;
}

/* Arkadaşlarım, son aktiviteler gibi bağlantıları kapatalım. Yeni mesaj gelince zaten bildirim çıkıyor. Diğer şeylere de panelim bağlantısından ulaşılabilir */
#panel .lower ul.user_links {
	display: none;
}

/* Bir süre üst kısımdaki "Portal, Arama, Üye Listesi, Yardım" bağlantıları da gizlensin. Gerçekten gerkeli bir şey değil. */
#logo ul.top_links {
	display: none;
}

/* Post Bit'deki butonlarda ikon olmasına gerek yok.  */
.postbit_buttons a span {
	background-image: none;
	padding-left: 0;
}

/* Butonları biraz yapılandıralım */
button, input.button {
	background-image: none;
	background: #fff;
}

.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active {
	background-image: none;
	background: #fff;
}

/* Köşeler fazla yuvarlanmış. Bunu biraz azaltalım. */
.tborder {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.tborder tbody tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.tborder tbody tr:last-child td:last-child {
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.thead {
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.thead_collapsed {
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.thead_left {
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.thead_right {
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.tcat_menu {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
  	border-radius: 0 !important;
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
	-moz-border-radius-bottomleft: 2px !important;
	-moz-border-radius-bottomright: 2px !important;
	-webkit-border-bottom-left-radius: 2px !important;
	-webkit-border-bottom-right-radius: 2px !important;
	border-bottom-left-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}

button,
input.button,
input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea,
.editor_control_bar,
blockquote,
.codeblock,
fieldset,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.post.classic .post_author {
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.popup_menu .popup_item_container:last-child .popup_item {
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.pagination a {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pollbar {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Siyah ikincil renkten kurtululalım */
#logo {
	border-bottom: none;
	display:none;
}

#panel .upper {
	background-image: none;
	background-color: #187890;
}

.tcat {
    background: #187890;
    border-top: 1px solid #187890;
    border-bottom: 1px solid #187890;
}

/* bazı td elementlerini biraz temizleyeylim */
.trow1, .trow2 {
    border: none;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

/* tablo kenarlarını temizleyeylim */
.tborder {
	border: 1px solid #eee;
	padding: 0;
}

/* üstteki arma butonunu yeni arka plana uygun hale getirelim */
#search input.button, #search input.textbox {
	border-color: #eee;
}

#search input.button {
    background: #fff;
    color: #444;
}

/* Bağlantı renklerini yeni renk şemamızla uyumlu hale getirelim */
a:link {
	color: #187890;
	text-decoration: none;
}

a:visited {
	color: #187890;
	text-decoration: none;
}

a:hover,
a:active {
	color: #187890;
	text-decoration: underline;
}

.popup_menu .popup_item:hover {
	background: #187890;
	color: #444;
}

.pagination a:hover {
	background: #187890;
}

/* 
Konulardaki mesajların görünümünü bir düzene sokalım 
Mesajların en dışındaki 1px kenarlığı silmek için showthread şablonunda <td id="posts_container"> üstündeki 
ilk table etiketine style="border:none" etklemelisin
*/
.post {
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-top-color: #f60;
}

.post .post_author {
	border-top: 2px solid #f60;
}

.post_head {
    margin: -9px -10px;
    background: #F5F5F5;
    padding: 5px;
}

/* Mesajlardaki avatarları ballayalım :) */
.post .post_author div.author_avatar img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
}

/* İmzalar gözardı edilebilir bir şey bence. En azından şu an için */
.post_content .signature {
	display:none;
}

/*
Kullanıcı profilindeki avatarı yuvarlak yapalım 
member_profile_avatar şablonundaki img etiketini member-profile-avatar IDli bir div içine almalısın
<div id="member-profile-avatar"></div>

member şablonunda <td width="75%"> ve üst satırı alttak i2 satır ile değiştirmelisin 
<td width="150px" align="left" valign="middle">{$avatar}</td>
<td width="auto">

aynı topla içindeki {$avatar} içeren td etiketini silmelisin
*/
#member-profile-avatar {
    background: #fff;
    padding: 5px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

#member-profile-avatar img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
}

/* Panel hoş geldin giriş yap kaydol çıkış yap kısımlarını düzenleyeylim  */
#panel .upper a.logout {
	font-weight:normal;
	background:none;
}
#panel .upper a.login,
#panel .upper a.lost_password {
	background: none;
	padding-left: 0;
	margin-left: 0;
	font-weight: normal;
}
#panel .upper a.register {
	background: none;
	padding-left: 0;
	font-weight: normal;
}
#header ul.menu li {
	margin: 0 7px 0 0;
}
/*
header şablonunda {$quicksearch} ve {$welcomeblock} arasına alttaki satırı ekle
<a href="{$mybb->settings['bburl']}" class="panel-bblink">{$mybb->settings['bbname']}</a>
*/
a.panel-bblink {
    font-weight: bold;
    margin-right: 10px;
}


/* Footer renklerini değiştirelim */

tbody#boardstats_e tr:last-child > td {
    background: #eee;
    border: 1px solid rgba(185, 185, 185, 0.4);
	    text-align: left !important;
}

div#footer {
    background: #121212;
}

#footer .upper {
    background: #121212;
    border: none;
    border-bottom: 1px solid rgba(24, 120, 144, 0.27);
}

#footer .upper .theme select {
    background: #000;
    color: #aaa;
    border: 1px solid #222;
}

#footer input.button {
    background: #000;
    color: #aaa;
    border: 1px solid #222;
    padding: 4px 10px;
}


/*
Ek düzenlemeler
*/

#footer ul.menu li:first-child {
	margin-left:0;
}

.usercp_container {
	border-radius: 50%;
	overflow: hidden;
	padding: 0;
	margin-top: 10px;
}

#panel .welcome strong {
    font-weight: normal !important;
}