/*
Theme Name: EBS in English
Theme URI: http://www.rahmetli.info/
Description: English theme for my own website
Version: 1.0
Author: Emin Bugra Saral
Author URI: http://rahmetli.info/
*/



/* The entrance and settings */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Tahoma', Arial, Sans-Serif;
	background: #FFFFFF;
	color: #000000;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border-top: solid 4px #ff9600;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}
	
img {
	border: none;
}

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

ul li {
	padding: 0;
	display: block;
}

a:hover {
	color:#000;
	text-decoration: underline;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.alignjustify {
	text-align: justify;
}

.left {
	float: left;
}

.right {
	float: right;
}

.mauto {
	margin: 0 auto;
}

.fix {
	clear: both;
}

.list-none li {
	list-style: none;
}

#container {
	text-align: center;
	margin: 0 auto;
	width: 950px;
	clear: both;
}

.divider {
	width: 100%;
	border-bottom: dashed 1px #007575;
	margin:0 0 10px 0;
	clear: both;
}

small {
font-size:12px;
}

/* header */
#header {
	width: 950px;
	height: 32px;
	text-align: center;
	margin: 0 auto 50px auto;
	padding: 50px 0 0 0;
	clear:both;
	
}

/* turkce icon */

.turkce {
	position: fixed;
	top: 50px;
	right: 10px;
	width: 30px;
	height: 30px;
}

/* page links */
.pages p {
	padding: 0 0 15px 0;
}


.pagelink {
	font-size: 3em;
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
}

.sociallinks {
	font-size: 3em;
	letter-spacing: 0.1em;
	color: #ff7f00;
	text-decoration: none;
}

.pagedesc {
	font-size:1.4em !important;
	color: #848484;
}

/* sidebar */
#sidebar {
	width:240px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}


/*sidebar social bookmarks */

.social {
	border-top:solid 2px #007575;
	padding: 10px 0 10px 0;
	border-bottom:solid 2px #007575;
	height: 116px;
	text-align: center;
	margin: 0;
}

.social a {
	padding: 6px;
	display: block;
	float: left;
	opacity:0.5;
}


/* content */
#content {
	width: 680px;
	padding: 10px 0 0 10px;
	text-align: justify;
	float: right;
}

.entry {
	font-size: 1.4em;
}

.post h2 {
	font-size: 3em;
	text-align: left;
}

.post h3 {
	font-weight: normal;
	font-size: 1.4em;
	padding: 0 0 15px 0;
	text-align: left;
	color: #848484;
}

.post h4 {
	font-weight: normal;
	font-size: 1.4em;
	padding: 0;
	text-align: left;
	color: #000;
}


.post img, .post a img {
	opacity: 0.7;
	border:solid 2px #007575;
	padding: 5px;
	background: #fff;
	float:left;
	margin: auto 15px 15px auto;
	max-width: 300px;
	width: expression(this.width > 300 ? 300: true);
}

.post img:hover, .post a img:hover {
	opacity: 1;
}

#about-me ul {
	padding: 0;
	list-style: none;
}

#about-me ul li {
	padding: 5px;
	letter-spacing: 0.01em;
}


/* navigation */
.navigation-top {
	margin: 0 0 15px 0 ;
	font-size:1.4em;
	height: 30px;
	border-bottom: solid 1px #1a1a1a;
}

/* footer - search*/
#footer {
	margin: 15px 0 15px 0;
	text-align: center;
	width: 950px;	
}


.copyright {
	float: right;
	padding: 10px;
	font-size: 1.2em;
	margin: 0;
	text-align: right;
	border: dashed 1px #007575;
}

 
#searchform {
	float: left;
}

#s {
	background: url(./img/searchbox.png) no-repeat;
	border: none;
	width: 189px;
	height: 33px;
	padding: 5px;
	font-size: 1.4em;
	color: #007575;
	outline: none;
}

#searchsubmit {
	position: relative;
	top:5px;
	left: -20px;
	
}


/* twitter */

#tweet {
	width: 540px;
	height: 79px;
	padding: 20px 20px 20px 120px;
	background: url(./img/twitter-front.png) no-repeat;
	margin: 10px 0 20px 0;
}

#tweet ul {
	list-style: none;
	padding: 0;	
}

.tweetlink {
	position: relative;
	left:600px;
	top:-30px;
}

/* formspring */
#formspring {
	width: 680px;
	height: 60px;
	background: url(./img/formspring.png) no-repeat;
	margin: 0 0 40px 0;
	display: block;
	padding: 0;
}

/* page category plug-in */
.p2c_catlist {
	list-style: none;
	padding: 0;
}

/* contact form */
.c-name {
	width: 215px;
	height: 20px;
	padding: 10px 10px 10px 75px; 
	background: url(./img/yourname.png) no-repeat;
	outline: none;
	border: none;
	font-size: 1.2em;
}

.c-mail {
	width: 215px;
	height: 20px;
	padding: 10px 10px 10px 75px; 
	background: url(./img/yourmail.png) no-repeat;
	outline: none;
	border: none;
	font-size: 1.2em;
}

.c-subject {
	width: 215px;
	height: 20px;
	padding: 10px 10px 10px 75px; 
	background: url(./img/subject.png) no-repeat;
	outline: none;
	border: none;
	font-size: 1.2em;
}

.c-message {
	width: 330px;
	height: 240px;
	padding: 50px 10px 10px 10px; 
	background: url(./img/message.png) no-repeat;
	outline: none;
	border: none;
	font-weight: bold;
	font-size: 1.2em;
}

.wpcf7 {
	width: 350px;
}

.wpcf7 [type=submit] {
	width: 100px;
	height: 30px;
	text-align: center;
	background: #007575;
	color: #fff;
	border: none;
	float: right;
	font-size: 1.2em;
}

.c-name:hover, .c-mail:hover, .c-message:hover, .c-subject:hover {
	opacity: 0.8;
}

.wpcf7-response-output{
	position: relative;
	top:20px;
}

/* works */
.workpage {
	float: left;
	margin: 10px;
	font-size: 8px !important;
	text-align: center;
}

.workpage img {
	opacity: 0.7;
	border:solid 2px #007575;
	padding: 5px;
	background: #fff;
	margin: 5px;
}

.workpage img:hover {
	opacity: 1;
}

/* work buttos */

#workbuttons {
	width: 680px;;
}

#websitebutton {
	width: 200px;
	height: 200px;
	border: none;
	background: url(./img/workicons.png) no-repeat 0px 0px;
	margin: 10px;
	float: left;
	clear: both;
}

#scriptbutton {
	width: 200px;
	height: 200px;
	border: none;
	background: url(./img/workicons.png) no-repeat 0px -200px;
	margin: 10px;
	float: left;
	clear: both;
}

#printbutton {
	width: 200px;
	height: 200px;
	border: none;
	background: url(./img/workicons.png) no-repeat -200px -200px;
	margin: 10px;
	float: left;
	clear: both;
}

#translationbutton {
	width: 200px;
	height: 200px;
	border: none;
	background: url(./img/workicons.png) no-repeat -200px 0;
	margin: 10px;
	float: left;
	clear: both;
}

.lastpost {
	float: left;
	width: 250px;	
	margin: 0 10px 0 0;
}

.p2c_catlist li {
	padding: 0 0 10px 0;
}

/* flick badge */
#flickr_badge_uber_wrapper {text-align:left; width:400px;display: inline;float:left;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0;float:left;}
.flickr_badge_image img {opacity: 0.7; border:solid 2px #007575; padding: 5px; background: #fff; margin: auto 5px 5px auto;
}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}