/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  August 11, 2012, 7:35 pm with psd2css Online version 1.95
 *
 */

/* Div Stilleri */
body {font-family: Geneva, Arial, Helvetica, sans-serif;text-align: left;font-size: small; background: url(/tasarim/img/bg.png) repeat;}
#ortala {position: absolute; top: 30%; left: 50%; margin-left: -535px; margin-top: -189px;}
#golge {position: absolute; left: 87px; top: 256px; width: 70px; height: 251px; z-index: 2;}
#menu {background: url(/tasarim/img/menu.png); position: absolute; left: 22px; top: 227px; width: 304px; height: 277px; z-index: 3;}
#nokta {position: absolute; left: 66px; top: 37px; width: 19px; height: 19px; z-index: 4;}
#buton4 {cursor: pointer; background: url(/tasarim/img/buton_4.png) 0px 0px; position: absolute; left: 111px; top: 56px; width: 64px; height: 64px; z-index: 5;}
#buton3 {cursor: pointer; background: url(/tasarim/img/buton_3.png) 0px 0px; position: absolute; left: 199px; top: 56px; width: 64px; height: 64px; z-index: 7;}
#buton2 {cursor: pointer; background: url(/tasarim/img/buton_2.png) 0px 0px; position: absolute; left: 111px; top: 147px; width: 64px; height: 64px; z-index: 8;}
#buton1 {cursor: pointer; background: url(/tasarim/img/buton_1.png) 0px 0px; position: absolute; left: 197px; top: 145px; width: 64px; height: 64px; z-index: 9;}
#buton4:hover {background: url(/tasarim/img/buton_4.png) 0px -64px;}
#buton3:hover {background: url(/tasarim/img/buton_3.png) 0px -64px;}
#buton2:hover {background: url(/tasarim/img/buton_2.png) 0px -64px;}
#buton1:hover {background: url(/tasarim/img/buton_1.png) 0px -64px;}
#buton4a {background: url(/tasarim/img/buton_4.png) 0px -64px; position: absolute; left: 111px; top: 56px; width: 64px; height: 64px; z-index: 5;}
#buton3a {background: url(/tasarim/img/buton_3.png) 0px -64px; position: absolute; left: 199px; top: 56px; width: 64px; height: 64px; z-index: 7;}
#buton2a {background: url(/tasarim/img/buton_2.png) 0px -64px; position: absolute; left: 111px; top: 147px; width: 64px; height: 64px; z-index: 8;}
#buton1a {background: url(/tasarim/img/buton_1.png) 0px -64px; position: absolute; left: 197px; top: 145px; width: 64px; height: 64px; z-index: 9;}
#logobg {background: url(/tasarim/img/logobg.png); position: absolute; left: 0px; top: 48px; width: 325px; height: 191px; z-index: 11;}
#logo {cursor: pointer; position: absolute; left: 27px; top: 37px; width: 267px; height: 108px; z-index: 12;}
#govde2 {padding-top:15px; width: 761px; background: url(/tasarim/img/govde.png); z-index: 73;}
#govde {position: absolute; left: +313px; top: +234px; width: 761px; z-index: 15;}
#baslik {background: url(/tasarim/img/baslik.png); width: 367px; height: 33px; margin:10px 0 10px 20px;}
#rbaslik {background: url(/tasarim/img/rbaslik.png); width: 220px; height: 33px; margin:10px 0 10px 20px;}


#baslik img {vertical-align: middle;}
#icon {width: 47px; height: 33px; z-index: 17;}
#kafa {position: absolute; left: 311px; top: 0px; width: 759px; height: 235px; z-index: 18;}
.banner0 {background: url(/tasarim/img/kafa_0.png); width: 759px; height: 235px;}
.banner1 {background: url(/tasarim/img/kafa_1.png); width: 759px; height: 235px;}
.banner2 {background: url(/tasarim/img/kafa_2.png); width: 759px; height: 235px;}
.banner3 {background: url(/tasarim/img/kafa_3.png); width: 759px; height: 235px;}
.banner4 {background: url(/tasarim/img/kafa_4.png); width: 759px; height: 235px;}
#cizgi {position: absolute; left: 9px; top: 179px; width: 733px; height: 56px; z-index: 19;}
#kutu {background: url(/tasarim/img/kutu.png); position: absolute; left: 9px; top: 156px; width: 429px; height: 79px; z-index: 20;}



/* İçerik Stilleri font-family: 'Dynalight', cursive; */
a {cursor: pointer; outline: none;}
a:link {color: #ffcccc; text-shadow: 2px 2px 2px #000;}
a:visited {color: #F88;}
a:hover {color: #F88;}

h1 {color:#ddd; font-size:large; display:inline; font-family: 'Electrolize', sans-serif; text-shadow: 3px 3px 3px #000;}
#rbaslik h3 {color:#ddd; font-size:small; display:inline; font-family: 'Electrolize', sans-serif; text-shadow: 3px 3px 3px #000; float:left; padding-left:5px; margin-top:7px;}
#rbaslik h2 {color:#ddd; font-size:small; font-family: 'Electrolize', sans-serif; text-shadow: 3px 3px 3px #000; width:47px; float:left; text-align:center;}
#rbaslik span {color:#fff; font-size:10px; padding:3px; float:left; text-align:center; margin-top:5px; margin-left:10px;  background-color:#cc0000; font-weight:bold; font-family:tahoma;border:1px solid #000; border-radius:.7em; -moz-border-radius: .9em; -webkit-border-radius:.9em;}

.text {width:700px; line-height:1.1em; color:#ddd; font-size:medium; font-family: 'Abel', sans-serif; text-shadow: 3px 3px 3px #000; padding-left:20px;}
.text b {color:#fff; font-size:large; font-weight:normal; text-shadow: 3px 3px 3px #000;}
.text i  {color:#bbb; font-size:medium; font-weight:normal; text-shadow: 3px 3px 3px #000; font-style:normal;}
.text h2 {color:#ffcccc; font-size:medium; font-weight:bold; text-shadow: 3px 3px 3px #000; display:inline;}

.tweet, .query {color:#BEBEBE; font-size:small; font-family: Tahoma; text-shadow: 3px 3px 3px #000; width:350px;}
.tweet_list {margin-left: 15px; padding-top: 5px;}
.tweet_list li {overflow-y: auto; overflow-x: hidden; padding: 0.5em; list-style-type: none;}
.tweet_list li a{color:#9f9f9f;}
.tweet_list .tweet_even {background-color: #91E5E7;}
.tweet_list .tweet_avatar {padding-right: .5em; float: left;}
.tweet_list .tweet_avatar img {vertical-align: middle;}
#canli{
position: absolute;
    z-index: 99;
    width: 200px;
    top: 510px;
    left: 100px;
}