/*
Theme Name: Satyyri
Theme URI: http://satyyri.net/
Description: Satyr Magazine's wp-template 
Version: 4.0
Author: Janne Raikkonen
Author URI: http://http://www.lightmovement.net/
*/

/* General */

body {
		font-size: 14px;
		font-family: 'Georgia', 'Times New Roman', Serif;
		color: #333;
		background: #efefef;
		line-height: 18px;
		margin: 0;
		padding: 0;
}

h1 {
font-family: ff-dagny-web-pro,sans-serif;
font-weight: normal;
}

h2 {
font-family: ff-dagny-web-pro,sans-serif;
font-weight: normal;
}

h3 {
font-family: ff-dagny-web-pro,sans-serif;
font-weight: bold;
font-size: 18px;
margin-top:30px;
}

a, a:visited, a:active {
color:#000;
background:#eee;
text-decoration: none;
}

a:hover {
color:#000;
text-decoration: none;
background: #ddd;
}

li {
list-style-type: none;
}

ul {
margin: 0px;
padding:0px;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

noscript {
text-align: center;
padding:10px;
color:white;
}

/* */

.category-title {
margin-top:40px;
}

.alignleft {
float: left;
margin-bottom: 40px;
margin-right: 40px;
}

.alignright {
float: right;
margin-bottom: 40px;
margin-left: 40px;
}

blockquote {
	font-family: ff-dagny-web-pro,sans-serif;
    border-left: 5px solid #DDDDDD;
    float: right;
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 30px 0 30px 60px;
    padding-left: 20px;
    width: 300px;
}

blockquote p {
margin-top:0px;
margin-bottom:0px;
}

/* Toolbar */

#toolbar {
background: /*url('http://www.satyyri.net/wp-content/themes/satyyri/styles/images/logo_small_white.png')*/ no-repeat center 50px #222;
background-color: #2c2c2c;
height: 100%;
left: 0px;
position: fixed;
top: 0;
width: 205px;
margin-right:5%;
border-right:5px solid #fefefe;
font-family: ff-dagny-web-pro,sans-serif;
}

.toolbar_container {
background:#111;
height: 160px;
padding: 20px;
width: 160px;
} 

.toolbar_container h4 {
color: #EEEEEE;
font-size: 20px;
line-height: 24px;
border-bottom:5px solid #eee;
padding-bottom:10px;
font-weight: normal;
margin-top:0px;
}

#toolbar ul {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color:#eee;
}

#toolbar li {
float:left;
width:200px; 
}

#toolbar li:first-child a {
border-top:1px solid #111;
}

#toolbar li a {
color:#eee !important;
height:20px;
padding-bottom:10px;
padding-top:10px;
width:180px;
padding-left:20px;
display: block;
border-bottom:1px solid #111;
text-decoration: none;
background:#222;
}

#toolbar li a:hover {
background:#111;
color:#fefefe;
}

/* bricks */

.brick { color: #636363; float:left; width: 220px; height:340px; margin-right:20px; margin-bottom:40px; font-size: 12px; font-family: ff-dagny-web-pro,sans-serif;}
.brick .rel { position: relative; float:left; margin-bottom:30px; }
.brick .rel p { margin: 0; }
.brick img { float:left; }
.brick .img-container {width:220px;height:130px;background: #eee;float:left;}

.options {
float:left;
width:100%;
margin-bottom:10px;
font-family: ff-dagny-web-pro,sans-serif;
font-weight: bold;
}

a.switch {
	background: url("/wp-content/themes/satyyri/styles/images/switch.gif") no-repeat scroll right top transparent;
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 0 0;
    outline: medium none;
    padding: 0;
    width: 125px;
    line-height:27px;
}

a.swap {
    background-position: right bottom;
}

.brick h3 {
margin:20px 20px 10px 20px;
float:left;
width:180px;
}

.brick-wrap-anchor {
display: block;
width:100%;
height:100%;
box-shadow: 0 0 4px #CCCCCC; 
}

.brick a {
background: none; 
float:left;
background: #fafafa;
}

.brick-read a:hover {
background: #DC3525;
}

.brick .label {
opacity:0.3 !important;
}

.brick-meta {
padding:5px 7px;
background:#efefef;
font-size:10px;
float:left;
width:206px;
font-weight: bold;
color:#555;
line-height: 19px;
}

.brick-meta span {
float:right;
color:#555;
}

/* full length brick option */

.brick-full {
width:800px;
height:30px;
margin-bottom:0px !important;
}

.brick-full .brick-full-text {
display:none;
}

.brick-full .rel {
margin-bottom:0px;
}

.brick-full .img-container {
display:none;
}

.brick-full h3 {
width: 540px;
float: left;
font-size: 14px;
line-height: 29px;
margin:0;
margin-left:10px;
}

.brick-full .brick-wrap-anchor {
box-shadow: none !important;
border-bottom:1px solid #ccc; 
}

.brick-full-text {
padding:5px 20px 20px;
}

.brick-read a:hover .brick-meta, .brick-read a:hover span {
background: #c62f21;
color:black !important;
}

/* content */

#content {
width:960px;
margin:0 auto;
font-family: sirba-web,serif;
float:left;
margin-left:240px;
}

/* content_text */

#content_text { 
background: none repeat scroll 0 0 #FAFAFA;
margin-left: 210px;
padding: 50px 40px;
width: 860px;
font-family: sirba-web,serif;
line-height:1.6;
font-size: 15px;
}

#read .first_word {
font-weight: 600;
text-transform: uppercase;
}

/* content_text elements */

#content_text h2 {
font-family: ff-dagny-web-pro,sans-serif;
font-weight: normal;
margin-top:0px;
margin-bottom:10px;
font-size: 32px;
}

#content_text img {
margin-bottom:20px;
}

.sub_title {
  background: url("http://www.satyyri.net/wp-content/themes/satyyri/styles/images/border_5.png") repeat-x scroll 0pt 50% transparent;
  margin: 0pt 0pt 0px;
}

.sub_title span {
  font-family: ff-dagny-web-pro,sans-serif;
  background: #fafafa;
  color: #222;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0pt 10px 0pt 0pt;
}

ul.post_meta {
  display: block;
  float: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}

ul.post_meta li {
  float: left;
  margin: 10px 10px 10px 0px;
  font-family: ff-dagny-web-pro,sans-serif;
  text-transform: uppercase;
}

#ingress {
    background: none repeat scroll 0 0 #EFEFEF;
    font-size: 14px;
    margin-top: 0;
    padding: 10px;
}

#review_info {
    background: none repeat scroll 0 0 #EFEFEF;
    border-top: 5px solid #DC3525;
    display: block;
    float: right;
    font-family: ff-dagny-web-pro,sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-top: 0px;
    padding: 10px;
    width: 380px;
}

.wp-caption {
	font-family: ff-dagny-web-pro,sans-serif;
    font-size: 12px;
    margin-top: -10px;
    text-align: right;
}

/* Labels */

.label {
background: url(http://www.satyyri.net/wp-content/themes/satyyri/styles/images/label_background.png) no-repeat;
height:40px;
padding-right:10px;
line-height:29px;
color:white;
text-align:right;
font-family: ff-dagny-web-pro,sans-serif;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

/* Index */

#cover {
float:left;
margin-top:20px;
margin-bottom:20px;
}

#cover .label {
position: relative;
}

.index_row_wrap {
float:left;
clear:both;
margin-top:0px;
width:945px;
}

	.latest_content {
	float:left;
	width:225px;
	margin-left:40px;
	background: #222;
	color:#eee;
	}
	
	.latest_content_first {
	margin-left:0px;	
	}
	
	.latest_content_text {
	padding:0px 20px 20px 20px;
	}

	.feature_content {
	width: 320px;
	float:left;
	margin-left:40px;
	background: #222;
	color:#eee;
	}

	#past_issues {
	float:left;
	margin-bottom:60px;
	}
	
	#past_issues img {
	width:220px;
	height:220px;
	}
	
	#past_issues ul {
		margin:0 auto;
		margin:20px 0px;
		width:220px;
	}
	
	#past_issues li {
		background: #efefef;
		display:block;
		float:left;
		height:220px;
		margin:0;
		border-bottom:4px solid #eee;
		width:220px;
	}
	
	#past_issues li:last-child {
		margin-right:0px;
	}
	
	#past_issues a, .featured_material a, .featured_issue a {
		background:url(http://www.satyyri.net/wp-content/themes/satyyri/styles/images/1px_black_25percent.png);
		color:#FFFFFF;
		display:block;
		font-family:"Georgia","Times New Roman",serif;
		font-size:28px;
		height:120px;
		padding-top:100px;
		position:absolute;
		text-align:center;
		text-decoration:none;
		width:220px;
	}
	
	#past_issues a:hover, .featured_material a:hover, .featured_issue a:hover {
		background: none;
	}
	
	#past_issues small, .featured_material small, .featured_issue small {
		font-family:"Georgia","Times New Roman",serif;
		font-size:12px;
		width:215px;
		padding:5px;
		background: black;
		margin-top:30px;
		display: block;
	}
	
	.fb_feed {
	float:left;
	width:220px;
	margin-left:20px;
	}
	
		.fb_feed img {
		width:12px;
		height:12px;
		margin-right:3px;
		margin-bottom:-2px;
		display: none;
		}
	
		.fb_feed a {
		text-decoration: none;
		font-weight: normal;
		background:#c0e9ff;
		line-height: 17px;
		}
		
		.fb_feed a:hover {
		background: #45AEE8;
		}
	
	.news {
	width: 460px;
	float:left;
	margin-left:20px;
	}
	
	#contact {
	float:left;
	margin-top:40px;
	}
	
	#contact li {
	margin-bottom:5px;
	}