/*   
Theme Name: Elmira Bayrasli
Theme URI: http://www.elmirabayrasli.com
Description: Musings on social entrepreneurship, social innovation, Turkey, the Middle East and the Mets 
Author: Elif Bayrasli
Author URI: http://www.elifbayrasli.com
Template: thematic
Version: 1.0
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Global Elements
-------------------------------------------------------------- */

body {
	background: url(library/images/bg.jpg) repeat;
}

img {
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 10px;
	background: #333;
}

#buttons {
	position: relative;
	float: left;
    padding:.75em 0;
    margin: 0 0 10px 0;
}

a#buttons {
	color:#fff;
    font-size:16px;
    font-weight: bold;
    margin:0 10px 0 0;
    padding:10px 17px;    
    text-decoration:none;
    
   		/* Background */
		background: #990100;
		background: -webkit-gradient(linear, left top, left bottom, from(#B90504), to(#6B0103));
		background: -moz-linear-gradient(top,  #B90504,  #6B0103);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B90504', endColorstr='#6B0103');
		
		/* Text Shadow */
		text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
		
		/* Rounded Corners */
    	-moz-border-radius: 50px;
    	-webkit-border-radius: 50px;
    	border-radius: 50px; /* future proofing */
    	-khtml-border-radius: 50px; /* for old Konqueror browsers */
    	
    	/* Dropshadow */
    	-moz-box-shadow: 1.5px 1.5px 2.5px #777;
		-webkit-box-shadow: 1.5px 1.5px 2.5px #777;
		box-shadow: 1.5px 1.5px 2.5px #777;
		
	border: 1px solid #6B0103;
}

a#button:hover,
a#button:active {

	/* Background */
		background: #6B0103;
		background: -webkit-gradient(linear, left top, left bottom, from(#6B0103), to(#B90504));
		background: -moz-linear-gradient(top,  #6B0103,  #B90504);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B0103', endColorstr='#B90504');
		
	/* Text Shadow */
		text-shadow: rgba(0,0,0,0.5) 1px 0, rgba(0,0,0,0.3) 0 1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) 1px 2px;
		
	/* Dropshadow */
	-moz-box-shadow:inset 2px 2px 6px #333;
	-webkit-box-shadow:inset 2px 2px 6px #333;
	box-shadow:inset 2px 2px 6px #333;
}



a.button {
    color:#fff;
    font-size:16px;
    font-weight: bold;
    margin:0 10px 0 0;
    padding:10px 17px;    
    text-decoration:none;
    
   		/* Background */
		background: #990100;
		background: -webkit-gradient(linear, left top, left bottom, from(#B90504), to(#6B0103));
		background: -moz-linear-gradient(top,  #B90504,  #6B0103);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B90504', endColorstr='#6B0103');
		
		/* Text Shadow */
		text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
		
		/* Rounded Corners */
    	-moz-border-radius: 50px;
    	-webkit-border-radius: 50px;
    	border-radius: 50px; /* future proofing */
    	-khtml-border-radius: 50px; /* for old Konqueror browsers */
    	
    	/* Dropshadow */
    	-moz-box-shadow: 1.5px 1.5px 2.5px #777;
		-webkit-box-shadow: 1.5px 1.5px 2.5px #777;
		box-shadow: 1.5px 1.5px 2.5px #777;
		
	border: 1px solid #6B0103;

}
 
a.button:hover,
a.button:active {

	/* Background */
		background: #6B0103;
		background: -webkit-gradient(linear, left top, left bottom, from(#6B0103), to(#B90504));
		background: -moz-linear-gradient(top,  #6B0103,  #B90504);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B0103', endColorstr='#B90504');
		
	/* Text Shadow */
		text-shadow: rgba(0,0,0,0.5) 1px 0, rgba(0,0,0,0.3) 0 1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) 1px 2px;
		
	/* Dropshadow */
	-moz-box-shadow:inset 2px 2px 6px #333;
	-webkit-box-shadow:inset 2px 2px 6px #333;
	box-shadow:inset 2px 2px 6px #333;
}


/* =Header
-------------------------------------------------------------- */

#branding {
    position:relative;
}
#blog-title {
	position: relative;
	float: left;
    width:122px;
    height: 142px;
    background: url(library/images/logo.png) no-repeat bottom left;
}
#blog-description {
	float: left;
    width:280px;
    margin: -10px 0 0 5px;
    font: georgia, serif;
}

#blog-title2 {
	position: relative;
	float: left;
    width:470px;
    height: 150px;
    text-align: left;
    margin: 25px 0 0 20px;
    color:#000;
    font-size:65px;
    font: 65px georgia, serif;
}

#branding #searchform {
    position:absolute;
    top:97px;
    right:0;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* =Menu
-------------------------------------------------------------- */

#nav {
    float:right;
}


/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding:63px 0 42px 0;
    background: url(library/images/bg_trans.png) repeat;
}
#leader-container {
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:988px;
}
#leader .entry-title {
    font-size:40px;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
    color: #333;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
    color: #333;
}
.single #leader .entry-title {
    width:652px;
}

.single #leader .entry-date {
	top:0;
	left: 0;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	background: none;
	border: none;
	margin: 0; padding: 0;
	
		/* Text Shadow */
		text-shadow: none;
	
		/* Rounded Corners */
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	border-radius: 0; /* future proofing */
    	-khtml-border-radius: 0; /* for old Konqueror browsers */
    	
    	/* Dropshadow */
    	-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
}

#leader .entry-meta {
    position:absolute;
    top:15px;
    left:690px;
}

.entry-date {
	position: relative;
	top:-20px;
	left: -40px;
	width:125px;
	height: 70px;
	margin: 0 10px 20px 0;
	
		/* Background */
		background: url(library/images/ribbon_date.png) no-repeat;
		
		/* Text Shadow */
		text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;

		
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 35px 40px 27px;
	overflow: hidden;
}

.ribbon {
	position: absolute;
	top:-13px;
	left: 0;
}

.ribbon img {
	border: none;
	outline: none;
	background: none;
}

.page-template-front-page-php #feature {
		float:left;
}
.page-template-front-page-php #feature img {
float:left;
margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
		margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-family:Arial,sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
}
.page-template-front-page-php #container,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:988px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
    font-size: 14px;
    line-height: 1.6em;
    color: #444;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:25px;
    padding:0 0 20px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:460px;
    font-size: 14px;
    margin: 10px 0 40px 0;
}
#front-block-1 {
    margin-right:50px;
}

.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}

.page-template-front-page-php .block img {
    float:left;
    margin:.25em 10px 0 0;
}

.page-template-front-page-php .block ul {
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li h3 a {
	background: none;
    display:block;
    text-decoration:none;
    color:#333;
    font-weight:normal;
    padding:0;
    margin:0;
}
.page-template-front-page-php .block ul li a {
	background: #990100;
    color:#fff;
    font-weight: bold;
    display:block;
    padding:7px 10px;
    margin: 0 0 5px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#6B0103;
}
.page-template-front-page-php .block ul li h3 a:hover,
.page-template-front-page-php .block ul li h3 a:active {
	background: none;
}

.page-template-front-page-php .twitter-frontpage ul li a {
	background: none;
    color:#333;
    font-weight: normal;
    display:block;
    padding:0;
    margin: 0;
    text-decoration:none;
}
.page-template-front-page-php .twitter-frontpage ul li a:hover,
.page-template-front-page-php .twitter-frontpage ul li a:active {
    background:none;
}
.page-template-front-page-php .twitter-frontpage ul li h3 a:hover,
.page-template-front-page-php .twitter-frontpage ul li h3 a:active {
	background: none;
}


.page .entry-content,
.single .entry-content {
    padding-top:0;
}