/*
Theme Name: IO Theme
Theme URI: http://io.9elements.com/
Description: Dubaku says so
Author: Eray san, Saido san, Ule Metobo
Author URI: http://www.9elements.com/
*/



body { 
	margin:0; padding:0;
	font-family: Verdana, "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 12px;
	color:#454547;
	font-weight:lighter;
	line-height:18px;	
	background:#f6f6f6;
}

em {
	color: #CCC;
}

textarea {
	width: 560px;
	font: Normal 12px Verdana, "Lucida Grande", arial, helvetica, sans-serif;
	background-color: #f9f9f9;
	border: 1px solid #c3c3c3;
	padding-left:4px;
	padding-top:2px;
}

input[type=text], input[type=password] {
	background-color: #f9f9f9;
	border: 1px solid #c3c3c3;
	color:#333;
	height:23px;
	margin-bottom:5px;
	padding-left:4px;
	padding-top:2px;
	font: Normal 13px Verdana, "Lucida Grande", arial, helvetica, sans-serif;
}

input#submit {
	margin-top: 10px;
}

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

a:hover, a:hover span {
	text-decoration:none;
	/*color:#00c6ff ;*/
	color:#4a89be;
}

strong {
	font-weight:bold;
}

/**
  * @section Clearfix
  *
  */

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

.hide {
	display:none;
}

#header {
	height: 72px;
	background: #222;
	margin-bottom:10px;
	border-top: 15px solid #f6f6f6;

}

#header #logo a {
	padding-top:27px;
	padding: 0 0 0 1;
	font-family: Georgia;
	font-size: 110px;
	font-weight: bold;
	color: #f6f6f6;
	height:47px;
	float:left;
}

#header h1 {
	float:left;
	margin: 13px 0 0 14px;
	font-family: helvetica,arial,sans-serif;
	font-size: 9px;
	color: #ccc;
	width: 225px;
	display:block;
	letter-spacing: 1px;
	font-weight:lighter;
	text-transform: uppercase;
	line-height: 11px;	
}

#header #header-content {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

#navigation {
	padding: 5px 0 3px 7px;
	margin-left:10px;
	width:900px;
	height: 23px;
}

#navigation .item {
	padding: 0px 13px 1px 14px;
	background: transparent url(images/forward.png) no-repeat center left; 
	float:left;
	font-weight: bold;
	font-size:9px;
	margin: 0px 5px 0 3px;
}

#navigation .item a {
	color: #454547;
}

#content {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}

#main-content-container {
	float: left;
	width: 600px;
	background: #fbfbfb url(images/main_content_bg.png) no-repeat; 
	padding-top: 20px; 
} 

#main-content {
	font-size:13px;
	background: #fff;
	border: #dee1e4 solid 1px;
	border-top:none;
	border-bottom:none;
	padding: 0px 18px 15px 18px;
}

#main-content-bottom {
	width: 600px;
	background: #fbfbfb url(images/main_content_bg_bottom.png) no-repeat;
}

#main-content h2 {
	font-family: helvetica,arial,sans-serif;

	font-size: 11px;
	color: #333;
	padding:0px;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.headline {
	padding-bottom: 5px;
}

#main-content h3 {
	color:black;
	font-family: helvetica,arial,sans-serif;
	font-size: 24px;
	line-height:1.3em;
	display: inline;
	/*	background-color:#f9f7ec;
		padding: 5px 0px 3px 0px;
		margin-right: 5px;*/
	
}

#main-content h4 {
  font-size: 14px;
}


#main-content .date {
	font-family: helvetica,arial,sans-serif;
	font-size: 13px;
	color: #666;
	padding-left:2px;
	float:left;
	padding-bottom: 5px;
	white-space: nowrap;
}

#main-content .entry a {
	text-decoration: none;
	color: #4a89be;
}

#main-content .entry a:hover {
	text-decoration: underline;
}

#main-content a.more-link {
	text-decoration: none;
}

#main-content p, .entry ol, .entry ul {
    color: #222;
    font-family: palatino, georgia, serif;
    font-size: 16px;
    line-height: 1.5;
	padding:2px 0 0 0;
	margin: 10px 0px 10px 0px;
}

.entry li{
    list-style: outside;
    margin-left: 20px;
}

.entry ol li {
    list-style-type: decimal;
}

.entry ul li {
    list-style-type: disc;
}

.top-article {
	width: 550px;
	padding: 22px 0px 15px 5px;
	background: #fff;
	border-bottom: 1px #f2f3f4 solid;
}

.single-article {
	padding: 22px 0px 0px 5px;
	border-bottom: none;
}

.post img, .post img.article_image {
	margin-bottom: 7px;
	padding:1px;
}

.article-image img, img.article_image {
	float:left;
	border:1px solid #666666;
	margin-bottom: 7px;
	padding:1px;
}

.small-image img {
	border:1px solid #666666;
	display:block;
	float:left;
	margin:0 10px 4px 0;
	padding:1px;
}
/* comments could be a h4 */
.comments {
	font-weight: bold;
	font-family: helvetica,arial,sans-serif;
	font-size:12px;
	float: right;
}

.comments a {
	padding:3px 0 0 22px;
	background:transparent url(images/comments.png) no-repeat;
}


.top-article .author {
	font-family: helvetica,arial,sans-serif;
	font-style:italic;
}

.continue {
	color:#4a89be;
	font-weight: bold;
	font-family: helvetica,arial,sans-serif;
}

.continue:hover {

}

#sidebar-container {
	float:right;
	width:322px;
	background: #fbfbfb url(images/sidebar_bg.png) no-repeat; 
	padding-top:17px;
	margin-top:10px;
}


#sidebar {
	background: #fafafa;
	border: #f2f3f4 solid 1px;
	border-top:none;
}

#sidebar h5 {
	color: #000;
	padding: 0px 12px 2px 2px;
	background: transparent url(images/forward.png) no-repeat;
	background-position: right 50%;
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
}

#sidebar .container {
	padding:15px 0 15px 15px;
	border-bottom: #f2f3f4 solid 1px;
	background-color: #fff;
}

#sidebar #suscribe {
	padding:1px 0 15px 15px;
	background: #fff;
}

#sidebar #rss-suscribe {
	margin-left:18px;
	padding-left:18px;

	background: transparent url(images/rss.png) no-repeat;
}

#sidebar #twitter-suscribe {
	margin-left:10px;
	padding-left:18px;
	
	background: transparent url(images/twitter.png) no-repeat;
}

#sidebar #facebook-suscribe {
	margin-left:10px;
	padding-left:18px;
	
	background: transparent url(images/facebook-icon.png) no-repeat;
}

#sidebar #twitters {
	background-color: #fff;
}

#sidebar #twitters ul, #sidebar #twitters li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar .tweet {
	background-color:#f9f7ec;
	padding: 15px 0px 15px 15px;
	margin: 15px 15px 0 0;
	border: #ede9d5 solid 1px;
	border-bottom: none;
}

#sidebar .tweetist {
	background: transparent url(images/tweetarrow.png) no-repeat; 
	margin: 0 11px 0 0; 
	padding: 12px 15px 0px 20px;
	height:15px; 
	color: #4a89be;
}

#sidebar #authors {
	background-color:#fff;
}

#sidebar .io-title {


}

#footer-container {
	width: 940px;
	margin: auto;
}

#footer {
	width: 600px;
	float: left;
	padding: 10px;
	text-align: center;
}

#footer, #footer #footerlinks a {
	color: #AAAAAA;
	font: Normal 11px Verdana;
}


#selectedoutputs {
	padding-bottom: 0px !important;
}


/*  -----------------------  ARTICLE -------------------------------------*/


.syntax_hilite {
	background: #221e1e;
	padding: 5px;
}

#main-content p.author {

}

ol.commentlist { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	padding-top: 15px;
	width: 560px;

	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
	zoom: 1;
}

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

ol.commentlist li .avatar {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 5px;
}





ol.commentlist li cite a {
	font-weight: Bold;
	font-size: 15px;
	font-family: 'Trebuchet',Sans-Serif;
	font-style: normal;
	color: #454547;
	line-height: 18px;
	padding-top: 5px;
	display: block;
}

a.commentdate, a.comment-edit-link {
	font-weight: Bold;
	font-style: Normal;
	font-size: 10px;
	line-height: 10px;
	font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;
	padding: 0px;
}

a.commentdate {
	color: #999;
	display: block;
	padding-top: 2px;
}

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

div.vcard {
	zoom: 1;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	float: left;
	width: 560px;
}

div.comment-text {
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color:#f9f7ec;
	border: #ede9d5 solid 1px;
	padding: 3px 0px 5px 8px;
	font-size: 12px;
	font-family: helvetica,arial,sans-serif;
	margin-bottom: 15px;
	color: #454547;
	width: 552px;
	float: left;
	zoom: 1;
}

li.byuser div.comment-text {	
	border: #a4bfd6 solid 1px;
	background-color: #daeaf7;
}


div.vcard div.vcard-nav {
	float: right;
	margin-right: 10px;
}

div.vcard div.vcard-nav img {
	border: 0;
}

div#respond {
	margin-top: 15px;
	padding-top: 15px;
}

h5#comments {
	padding-top: 15px;
	margin: 0px;
}

h5#newcomment {
	padding-top: 0px;
	margin: 0px;
}

h5 span {
	color: #000;
	padding: 0px 12px 0px 2px;
	background: transparent url(images/forward.png) no-repeat;
	background-position: right 50%;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
}

img.output {
	margin-bottom: 5px;
	padding:1px;
}

div.output {
	color: #555;
	font-size: 10px;
	margin-bottom: 15px;
}

span.author {
	font-style: italic;
}

img.wp-smiley {
	margin:0;
	padding:0;
	border:0;
}

#socialmedia-links {
	overflow:hidden;
}

#socialmedia-links li {
	float:left;
}

#socialmedia-links li img {
	border:0px;
}