﻿/*
Theme Name: Futuristika
Theme URI: http://www.futuristika.org
Description: Dergi
Author: kemaletin tuğcu
Author URI: http://futuristika.org
Template: modularity
Version: 2.2
License:  GPL
*/
	
@import url("../modularity/style.css");

body {color:#000;background: #fafafa;}
.container-inner {width:950px; margin:0 auto;padding:0;background: #fafafa;}
.container {margin:10px auto;background: #fafafa;}
h1,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#000}
h2 {color:#000; font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 32px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: -1px; line-height: 1.2em;}

a {color:#999988;text-decoration:none;}
a:hover, a:focus {color:#cccccc;}


/* Masthead */
#masthead {float:none;margin:0;padding:0;height: 120px;border-top:5px solid #000;border-bottom:5px solid #000;}
#masthead #logo {f1oat:left;}
#masthead #logo h1.sitename { margin:9px 0 0; padding:0; font-weight: bold; letter-spacing: -1px;font-size:3.4em; text-transform: uppercase; float: left;line-height:0}
#masthead #logo h1.sitename a { color: #000; text-decoration: none;}
#masthead #logo h1.sitename a:hover {color:#222;}
#masthead #logo div.description {margin:5px 1px 0;font-size:1em; padding:0; color:#000;float:left;}
#masthead ul {margin:5px 0 0;padding:0;list-style: none;}
#masthead #logo img {margin-bottom: 1px;}

.postmetadata {background:#111;border-top:1px solid #444;border-bottom:1px solid #444;padding:1em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.postmetadata a {color:#fff;}
.postmetadata a:hover {color:#fff; text-decoration:underline}

.prev a, .next a {background-color:#000;color:#eee;text-decoration:none;padding:4px 10px 6px 10px; font-size:14px;display:block;}
.byline {font-size:11px;margin:0;color:#444}
.byline a {color:#444}
.byline a:hover {color:#000;text-decoration:underline;}
hr {background:#444}
div.colborder {width: 700px; border-right:1px solid #000; font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em;}
h2.sub {border-bottom:1px solid #000;color:#000}
h3.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.1em;font-weight: bold;line-height: 1em;text-transform: normal;letter-spacing: 2px;color: #515151;border-bottom: 1px solid #eee;}
h3.sub a:hover {color: #3d3d3d;}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #000;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background: #111;}
#sidebar ul li a,ul.txt li{color:#333;}
#sidebar a:hover {color:#000}
#footer a:hover {color:#fff}
#footer-wrap {background:#000;border-top:1px solid #444}
#footer ul{list-style:none;margin:0;padding:0;border-top:1px solid #444}
#footer ul li a{color:#eee;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;}
#footer ul li a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
#inside-wrap {margin:0 auto;padding:0;}
* html #inside-wrap {margin-top: 10px}
.pusher {text-align:right;background:#fff url(images/pusher.png) no-repeat bottom right;padding:8px 15px 0px 0px;font-size:12px}
.pusher a {color:#ccc;text-decoration:none}
.pusher a:hover {color:#fff;text-decoration:underline;cursor:pointer}
.mover {color:#000;display:none;}
.mover a .more {color:#000; text-decoration:none;}
.move a:hover {color:#ffffff;}
.feed {margin-left: 3px;padding: 0 0 0 19px;background: url(images/rss.png) no-repeat 0 50%;color:#eee;}

/* NAVIGATION */
#nav-wrap {height:46px;background:#000;margin:0 0 2em 0}
.home #nav-wrap {margin:1em 0;}
.sf-menu {margin:0 0 15px 0;padding:0;display:block;position:relative;top:0;font-size:12px;width:950px;height:46px;float:none;clear:both;z-index:110;}
.sf-menu li {margin-right:0; width:120px}
.sf-menu li a {padding:10px 10px 24px 12px;}
.sf-menu li a:hover {color:#fff;}
.sf-menu li.sfHover ul {top:3.8em;}
.sf-menu li {border-right: 1px solid #ccc;margin-left:0}
.sf-menu li.right {border:none; float:left; position:absolute;top:10px; right:10px}
.sf-menu li li {border:none;}
.sf-menu li li li {border:none;}
.sf-menu a {padding:9px;text-decoration:none;}

/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;color:#eee;border-color:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#000;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h2 {color:#fff}
.welcomebox h3.sub {color:#bbb;border-bottom:1px solid #bbb;}

/* SLIDER */
.sliderGallery {width: 3260px}
.slider-item span.slider-title {width:302px}
.slider-item .attachment-thumbnail {width:310px}

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:none;background: #000; padding:2px 5px 5px; top: 128px; left: 0;bottom: 0; height: 15px; width:300px; overflow:hidden; position: absolute; max-width: 300px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff}
.thumbnail, .attachment-thumbnail {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left}
.gallery-caption {font-style:italic;text-align:center}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em 0}
.byline {font-size:.9em;margin:5px;color:#444}
.byline a {color:#bbb}
.more {margin:0 0 1em 0;background:#000}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#eee;height:1%;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}


h6.sub {font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 14px; font-weight: bold; line-height: 1em; text-transform: normal; letter-spacing: normal; color: #000000;}

h6.sub a:hover {color: #3d3d3d;}


.postauthor {
    background-color: #fafafa;
    border: 3px solid #f3f3f3;
    padding: 10px;
    margin: 10px 0;
    font-family: Helvetica, Arial, Cambria, Lucida Grande, Trebuchet MS, Georgia;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.2em;
}
.postauthor h4 {
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 10px 0;
    }
.postauthor img {
    float: left;
    margin: 0 15px 8px 0;
    }

div.blockquote1 {margin:1.5em;padding:1em;font-style:italic;font-size:1em;color:silver;font-family:Arial,Helvetica,Georgia;}
div.blockquote2 {margin:1.5em;padding:1em;font-size:.9em;border:1px solid #bbbbbb;background:#dddddd none repeat scroll 0% 0%;color: #777777;opacity: 0.7;font-family:Verdana,Arial,Helvetica;}
div.blockquote3 {margin:1.5em;padding:1em;background:#b0aeae none repeat scroll 0% 0%;color:#252525;font-size:.8em;opacity: 0.7;font-family:Georgia,Verdana,Arial,Helvetica;silver;font-weight:bold;}
div.blockquote4 {margin:1.5em;padding:1em;border:1px solid #000000;background-color:#e4e4e4;font-family:Arial,Georgia;font-weight:bold;color:#777777;font-size:1em;}
div.giris {background-color: whitesmoke; margin: 20px; width: 95%; font-size: 0.9em; border: black 1px solid; padding: 10px;}



.pullquote {
width: 165px;
background: #d8d8d8;
color: #666666;
float: right;
border:1px solid black;
font-weight:normal;
line-height:140%;
padding:5px;
margin-top:2px;
margin-left:5px;
}


#uckolon {width:950px;}
.ustsol {width:300px;padding:5px 5px 5px 5px;float:left;color:#999;font-size:.9em;margin-bottom:1.875em;line-height:1.875em;}
.ustorta {width:300px;padding:5px 15px 5px 15px;float:left;color:#999;font-size:.9em;margin-bottom:1.875em;line-height:1.875em;}
.ustsag {width:300px;padding:5px 5px 5px 5px;float:right;color:#999;font-size:.9em;margin-bottom:1.875em;line-height:1.875em;}
.ustsol a {color:#7b7b7b} 
.ustorta a {color:#7b7b7b} 
.ustsag a {color:#7b7b7b}
.ustsol a:hover {color:#999}
.ustorta a:hover {color:#999}
.ustsag a:hover {color:#999}
.ustsol h3 {color:#333}
.ustorta h3 {color:#333}
.ustsag h3 {color:#333}
.ustsol p {color:#555}
.ustorta p {color:#555}
.ustsag p {color:#555}


hr.border {border:5px solid black;}


h2.multi {text-align: center}
h3.multi {text-align: center}
.multi-yazi {background: #000;color:#fff;font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em; padding-top: 1em;padding-bottom: 1em;}
.multi-yazi p {color:#fff;margin-left:1em;margin-right:1em;}
div.multi-24 {width:950px;margin:0;}

h2.kurgu {text-align: center}
h3.kurgu {text-align: center}
.kurgu-yazi {font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em;}


.blackpage {background: #000;color:#fff;font-family: Lucida Grande, Trebuchet MS, Helvetica, Lucida Sans Unicode, Georgia; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em;padding-top: 1em;padding-bottom: 1em;}
.blackpage p {color:#fff;margin-left:1em;margin-right:1em;}
.blackpage h1 {color:#fff;margin-left:4px;}


span.cap {
float:left;
font-size:500%;
font-weight:bold;
line-height:1em;
margin-bottom:-0.1em;
margin-right:0.05em;
position:relative;
font-family:Times,Verdana,Lucida Grande,Trebuchet MS,Helvetica,Lucida Sans Unicode,Georgia;
color:#aaa;
}



#masthead div.social {float:right;margin-top: 5px;}

div.column-sect {
  clear: both;
  display: inline-block;
  overflow: auto;
}

div.post-column {
  display: inline;
  float: left;
  margin-right: 18px;
  text-align: justify;
  width: 45%;
}
