/*
Theme Name: Ufuksuz
Theme URI: http://ufuksuz.tasarhane.com/
Description: Ufuksuz Wordpress Theme <a href="http://ufuksuz.tasarhane.com/">ufuksuz.tasarhane.com</a>
Version: 1.0
Author: Tasarhane
Author URI: http://tasarhane.com/
Tags: blue, custom, header, fixed, width, four, 4, columns, widgets, ready

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* http://www.code-sucks.com v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}

ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* v1.0 | 20080212 */



a img
{
  border: 0;
}

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

a:link
{
  color: #ffffff;
}

a:visited
{
  color: #ffffff;
}

a:hover
{
  color: #FF00B8;
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#b4b8b9;
background-image: url(images/tasarhane-background.jpg);
background-position:top;
background-repeat:repeat-x;
}

#wrapper {
  height: auto;
  min-height: 900px;
}


#main {
margin: 0 auto;
padding: 0 10px 0 10px;
width: 940px;
position: relative;
z-index: 5;
}

#nav1 {
float: left;
width: 940px;
color: #333;
margin: 10px 0px 0px 0px;
word-spacing:20px;
font-family:"Arial Black", Gadget, sans-serif;
}
.nav1 {
font-size:16px;
color:#FFF;
text-decoration:none;
}
#header {
color: #333;
width: 940px;
height: 120px;
float: left;
margin: 10px 0px 0px 0px;
background: #172028;
background-image: url(images/header-back.jpg);
}
#rss {
  float: right;
  width: 120px;
  height: 20px;
  margin: 10px 3px;
}


ul.menu {
margin:0px;
padding:0px;
right:0px;
}
ul.menu li {
display:inline;
}
ul.menu-ver {
margin:0px;
padding:10px;
text-indent:
}
ul.menu-ver li {
display:compact;
}



#nav2 {
float: left;
width: 920px;
padding: 10px;
margin: 0px 0px 0px 0px;
}
#nav2 a {
color: #ffffff;
text-decoration: none;
}

.nav2 {
color:#FFF;
text-decoration:none;
}
.visited {
color: #36F;
}

.title-left {
padding: 5px 0 5px 10px;
color:white;
height:20px;line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#394a59;
}

.post-title {
padding: 10px 0 5px 30px;
height: 20px;
background-color:#2f3c48;
background-image: url(images/post-icon.jpg);
background-repeat: no-repeat;
background-position: 10px 10px;
}
.post-title h2 a {
color: #ffffff;
text-decoration: none;
}
.post-title h2 a:hover {
color: #ff00b8;
text-decoration: none;
}

.post-image {
height:200px;
}

.ratings {
	position: fixed;
	top: 0;
	right: 7px;
	z-index: 99;
	background: #3c6c92;
}
.ratings a, .ratings span {
	font-size: 11px;
	color: #eee;
	display: block;
	padding: 5px 9px;
	text-align: center;
	border: 0;
}

.ratings a:hover {
	background: #333;
	color: #fff;
}


.post-text {
padding:5px 10px 5px 10px;
color:#A5AEB6;
height:30px;
font-size:11px;
line-height:16px;
background:#394a59;
}
.post-text a {
color:#C3C7C8;
text-decoration: none;
}

.post-texts {
padding:5px 10px 5px 10px;
color:#ffffff;
font-size:11px;
line-height:16px;
}


.post-cat {
padding: 5px 0 5px 30px;
height:10px;
font-size:9px;
line-height:12px;
border-bottom:#4b5c69 solid 1px;
background-color: #51626f;
background-image: url(images/category-icon.png);
background-repeat: no-repeat;
background-position: 10px 5px;
}
.post-cat a {
color: #A5AEB6;
text-decoration: none;
}
.post-cat a:hover {
color: #ff00b8;
text-decoration: none;
}

.post-tag {
padding: 5px 0 5px 30px;
color:white;
height:10px;
font-size:9px;
vertical-align:middle;
/* border-bottom:#2f3c48 solid 1px; */
background-color:#51626f;
background-image: url(images/tag-icon.png);
background-repeat: no-repeat;
background-position: 10px 5px;
}
.post-tag a {
color: #8996A0;
text-decoration: none;
}
.post-tag a:hover {
color: #ff00b8;
text-decoration: none;
}

.comment {
padding: 5px 0 5px 30px;
color:white;
height:10px;
font-size:9px;
vertical-align:middle;
background-image: url(images/comment-icon.png);
background-repeat: no-repeat;
background-position: 10px 5px;
}
.comment a {
color: #8996A0;
text-decoration: none;
}
.comment a:hover {
color: #ff00b8;
text-decoration: none;
}



#leftcolumn {
color:  #FFFFFF;
background: #394A59;
margin: 0px 0px 30px 0px;
width: 340px;
min-height: 1335px;
float: left;
}

.navigation {
height: 30px;
background: #51626f;
margin-top: 10px;
padding: 10px 0 0px 10px;
}

.pagenavi {
height: 20px;
padding: 12px 0 0px 8px;
}



#sidebar1 {
color: #333;
background: #8996a0;
width: 270px;
float: left;
background-image: url(images/sidebar1-bottom-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}


.title-leftm {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#51626f;
}

#topics {
width: 250px;
height: 200px;
padding: 10px 5px 5px 10px;
}

.sbar1 {
width: 270px;
line-height:18px;
}
.sbar1 h2 {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#51626f;
}
.sbar1 ul {
padding: 10px 0 10px 0;
}
.sbar1 ul li {
}
.sbar1 ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.sbar1 ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.sbar1 ul li span {
display: block;
float: left;
}

.sbar2 {
width: 190px;
line-height:18px;
}
.sbar2 h2 {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#394A59;
}
.sbar2 ul {
padding: 10px 0 10px 0;
}
.sbar2 ul li {
}
.sbar2 ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.sbar2 ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.sbar2 ul li span {
display: block;
float: left;
}
.sbar2 ol {
padding: 10px 0 10px 0;
}
.sbar2 ol li {
}
.sbar2 ol li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.sbar2 ol li a:hover {
color: #000000;
background-color:#ff00b8;
}
.sbar2 ol li span {
display: block;
float: left;
}



.popular {
border-left:#606970 solid 3px;
width: 247px;
height: 200px;
line-height:18px;
}
.popular ul {
padding: 10px 0 0 0;
}
.popular ul li {
}
.popular ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.popular ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.popular ul li span {
display: block;
float: left;
height: 30px;
}



.tag-cloud {
border-left:#1b202e solid 3px;
height:250px;
line-height:18px;
}

.flickrss {
padding: 10px 0 10px 7px;
}
.flickrss h2 span {
	color: #0061D8;
}
.flickrss h2 span span {
	color: #FF1183;
}
.flickrss .wrap {
	padding-top: 5px;
	margin-left: -10px;
	position: relative;
}
.flickrss li {
	float: left;
	margin-left: 10px;
	display: inline;
	margin-bottom: 10px;
}
.flickrss img {
	float: left;
	margin-left: 2px;
	display: inline;
	margin-bottom: 2px;
	display: block;
	padding: 2px;
	background: #fff;
	border: #2F3C48 1px solid;
}


#sidebar2 {
color: #333;
background: #a5aeb6;
margin: 0px 0px 10px 0px;
width: 190px;
float: left;
background-image: url(images/sidebar2-bottom-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
.title-rightm {
padding: 5px 0 5px 10px;
color:#1a2732;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
border-left:#43494e solid 3px;
background-color:#8996a0;
}

.vimeo {
padding: 0 0 10px 0;
color:#1a2732;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
border-left:#606970 solid 3px;
}
.vimeo ul {
padding: 10px 0 0 0;
}
.vimeo ul li {
}
.vimeo ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.vimeo ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.vimeo ul li span {
display: block;
float: left;
height: 30px;
}

#sidebar3 {
color: #333;
background: #c3c7c8;
margin: 0px 0px 10px 0px;
width: 140px;
float: left;
background-image: url(images/sidebar3-bottom-bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
.title-right {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#51626f;
}
.ads {
padding: 5px 0px 10px 0px;
color:white;
}
.ad125 {
border: solid #606970 1px;
margin: 3px 4px 0 4px;
width: 125px;
height: 125px;
}


.navposts {
font-size:12px;
color:#2e3b46;
text-decoration:none;
}


#nav3 {
float: left;
width: 920px;
height:10px;
color: #fff;
padding: 10px;
margin: 10px 0px 0px 0px;
background: #151e26;
}

#seperate {
float: left;
width: 920px;
height:50px;
color: #222;
padding: 10px;
margin: 20px 0px 0px 0px;
background: #ab9d98;
}

.container {
color: #222;
background: #ab9d98;
}

#reklam728 {
float: left;
width: 780px;
height:90px;
color: #222;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #172028;
}

#nav4 {
float: left;
width: 780px;
height:20px;
color: #222;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #ab9d98;
}
#reklam120 {
float: left;
width: 120px;
color: #222;
margin: 0px 0px 0px 0px;
background: #ab9d98;
}







#footer {
background:#CCC;
clear: both;
margin-top: 30px;
padding: 10px 0 0 0;
width: 100%;
}

.bottom {
margin: 0 auto;
padding: 0 10px 0 10px;
width: 940px;
color: #fff;
}

.bbars {
  width: 940px;
  overflow: hidden;
  margin: 0 auto;
}


.copyright {
text-align: center;
display: block;
background: #51626f;
padding: 20px;
}

.bbar1 {
width: 340px;
line-height:18px;
float:left;
}
.bbar1 h2 {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#394A59;
}
.bbar1 ul {
padding: 10px 0 10px 0;
}
.bbar1 ul li {
}
.bbar1 ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar1 ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar1 ul li span {
display: block;
float: left;
}
.bbar1 ol {
padding: 10px 0 10px 0;
}
.bbar1 ol li {
}
.bbar1 ol li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar1 ol li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar1 ol li span {
display: block;
float: left;
}


.bbar2 {
width: 270px;
line-height:18px;
float:left;
}
.bbar2 h2 {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#51626f;
}
.bbar2 ul {
padding: 10px 0 10px 0;
}
.bbar2 ul li {
}
.bbar2 ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar2 ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar2 ul li span {
display: block;
float: left;
}
.bbar2 ol {
padding: 10px 0 10px 0;
}
.bbar2 ol li {
}
.bbar2 ol li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar2 ol li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar2 ol li span {
display: block;
float: left;
}


.bbar3 {
width: 330px;
line-height:18px;
float:right;
}
.bbar3 h2 {
padding: 5px 0 5px 10px;
color:white;
height:20px;
line-height:20px; /* dikey hizzalama için vertical align yerine..! */
background-color:#394A59;
}
.bbar3 ul {
padding: 10px 0 10px 0;
}
.bbar3 ul li {
color: #1c2932;
}
.bbar3 ul li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar3 ul li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar3 ul li span {
display: block;
float: left;
}
.bbar3 ol {
padding: 10px 0 10px 0;
}
.bbar3 ol li {
}
.bbar3 ol li a {
padding: 3px 3px 3px 10px;
color: #1c2932;
text-decoration: none;
}
.bbar3 ol li a:hover {
color: #000000;
background-color:#ff00b8;
}
.bbar3 ol li span {
display: block;
float: left;
}


/* ----------------------------------- floats */
.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fix {
	display: inline-block;
}

* html .fix {
	height: 1%;
}

.fix {
	display: block;
}