@charset "UTF-8";
/* CSS Document */

body {
font-family: "tahoma",sans-serif; 
font-size: 12px;
margin: 0;
padding: 0;
background-color:#000000;
color:#FFFFFF;
}

h1 {
font-size: 20px;
letter-spacing:1px;
}

h2 {
font-size: 12px;
}

h3 {
font-size:12px;
text-align:center;
}

h4 {
font-weight:600;
font-size:16px;
padding:0;
margin:0;
text-align:center;
}

a {
text-decoration:none;
color:#CCCCCC;
}

a:hover {
text-decoration:underline;
}

#icerik img {
border:solid 1px;
border-color:#FFFFFF;
}

/* HEADER LOCATIONS */

#header {
height:160px;
margin-bottom:20px;
background-image:url(img/background.png);
background-position:top center;
background-repeat:no-repeat;
display:block;
padding-bottom:20px;
}

#arama {
position:absolute;
top:10px;
left:70px;
}

#arama_metin {
position:absolute;
top:12px;
left:20px;
}

#hrahmetli {
position:absolute;
top:150px;
left:10px;
float:left;
width:200px;

}

#hblog {
position:absolute;
top:150px;
right:70px;
float:left;
width:50px;
}

#hsoru {
position: absolute;
top:150px;
right:20px;
float:left;
width:50px;
}

/* HEADER LINKS BACKGROUNDS */


#hrahmetli a { 
width:200px;
height:50px;
background:url(img/hrahmetli.png) 0 0 no-repeat;
display:block;
}

#hrahmetli a:hover{
background:url(img/hrahmetli.png) 0 -50px no-repeat;
}


#hcansu a { 
width:50px;
height:50px;
background:url(img/cansu.png) 0 0 no-repeat;
display:block;
}

#hcansu a:hover{
background:url(img/cansu.png) 0 -50px no-repeat;
}

#hblog a { 
width:50px;
height:50px;
background:url(img/hblog.png) 0 0 no-repeat;
display:block;
}

#hblog a:hover {
background:url(img/hblog.png) 0 -50px no-repeat;
}

#hsoru a { 
width:50px;
height:50px;
background:url(img/hsoru.png) 0 0 no-repeat;
display:block;
}

#hsoru a:hover {
background:url(img/hsoru.png) 0 -50px no-repeat;
}

#hbilgi a { 
width:50px;
height:50px;
background:url(img/hbilgi.png) 0 0 no-repeat;
display:block;
}

#hbilgi a:hover {
background:url(img/hbilgi.png) 0 -50px no-repeat;
}

#hat a { 
width:50px;
height:50px;
background:url(img/hat.png) 0 0 no-repeat;
display:block;
}

#hat a:hover {
background:url(img/hat.png) 0 -50px no-repeat;
}

/* INDEX.PHP */

#icerik {
width:600px;
margin:0 auto;
margin-bottom:60px;
letter-spacing:0.03em;
}

#kategori {
text-align:center;
margin-bottom:10px;
}

#kategori li {
display:inline;
padding-right:5px;
}

.baslik {
width: 600px;
}

.baslik1 {
float:left;
}

.baslik2 {
text-decoration:inherit;
float:right;
}

.navigation {
text-align:center;
}

.navigation p {
padding-right:10px;
padding-left:10px;
display:inline;
}

.postmetadata {
text-align:center;
}

.entry {
	font-size:14px;
	letter-spacing: 1.5px;
}

.page-entry {
	font-size:14px;
	letter-spacing: 1.5px;	
}

/* FOOTER */

#footer {
position: fixed;
bottom:0;
left:0;
right:0;
height:50px;
background-color: #007575;
border-top: groove 2px;
border-top-color: #FFFFFF;
text-align:center;
padding-top:5px;
font-size:15px;
}

#footer a img {
border:none;
}

#twitter_div {

height:90px;
width:230px;
overflow:hidden;
}

#twitter_out {

position:absolute;
top:60px;
left:20px;
width:240px;
height:90px;
background-image:url(img/status.png);
background-repeat:no-repeat;
padding:0;
padding-left:11px;	
}
	
#twitter_update_list {
display:inline;
}

#twitter_div ul li {
overflow:hidden;
}

a.popup span {display:none; margin-bottom:10px; padding:3px;}
a.popup:hover span {display:block; position:absolute;bottom:55px; left:10px; border: 1px solid #cccccc; background:#000000}

.thesearemine {
width: 220px;
height: 40px;
background: url('./img/thesearemine.png') 0 0;
float: left;
}

.popuptwitter {
width: 100px;
height: 40px;
background: url('./img/twitter.png') 0 0;
display: block;
float: left;
}

.popuptwitter:hover {
background: url('./img/twitter.png') 0 40px;
}

.popupff {
width: 150px;
height: 40px;
background: url('./img/friendfeed.png') 0 0;
display: block;
float: left;
}

.popupff:hover {
background: url('./img/friendfeed.png') 0 40px;
}

.popupflickr {
width: 95px;
height: 40px;
background: url('./img/flickr.png') 0 0;
display: block;
float: left;
}

.popupflickr:hover {
background: url('./img/flickr.png') 0 40px;
}

.popupgroove {
width: 175px;
height: 40px;
background: url('./img/grooveshark.png') 0 0;
display: block;
float: left;
}

.popupgroove:hover {
background: url('./img/grooveshark.png') 0 40px;
}

.popuplastfm {
width: 110px;
height: 40px;
background: url('./img/lastfm.png') 0 0;
display: block;
float: left;
}

.popuplastfm:hover {
background: url('./img/lastfm.png') 0 40px;
}

.popupwp {
width: 150px;
height: 40px;
background: url('./img/wordpress.png') 0 0;
display: block;
float: left;
}

.popupwp:hover {
background: url('./img/wordpress.png') 0 40px;
}