/*
Theme Name: ioni2
Theme URI: http://ioni2.com
Description: Free Premium Theme for Wordpress - an impressive hit for buzy bloggers! You can always check how it looks at <a href="http://sunshine.by">sunshine.by</a>!
Version: 3.0.0.0
Author: Cyrill N KALITA
Author URI: http://sunshine.by/
Tags: fixed-width, two-columns, white, theme-options, threaded-comments, translation-ready

Licence: http://www.opensource.org/licenses/gpl-license.php

In case you need any help - just visit ioni2.com and ask your question!
*/

/* Imports, Resets and HTML5 */
@import url("css/reset.css");
header,section,footer,aside,nav,article,figure{display:block;}

/*Links*/
a {outline:0;}
a img {border:0px;text-decoration:none;}

a:link,a:visited{color:#09F;padding:0 1px;text-decoration: none;}
a:hover, a:active {color:#4F81BD;text-decoration:none;}

/*Main Section*/
#header {width:1000px; padding:0px; background-color:#F5F4EF;}

header h1{font-weight:normal;}
header h1 small {display:block; padding:5px 5px 5px 15px; font-weight:normal;}

#featured {background-repeat:no-repeat;}
	#featured-story {width:650px;min-width:650px; float:left;}
	#featured-story figure img {width:185px; height:210px; border:3px solid white;float:left;}
	#featured-story figure a {padding:0;}
	#featured-story h1, #featured-story div, #featured-story footer {margin:0 0 15px 200px;}

#stickies{width:310px;border-left:1px solid #669; float:right; padding-left:10px;}
	#stickies ul li {margin-bottom:10px; display:block; clear:left;}
	.homesticky .figure {float:left; margin:0 8px 3px 0;}
	.homesticky .figure img {width:100px; height:65px; border:2px solid #ddf;}
	.homesticky .figure a {padding:0;}
	.homesticky h2, .homesticky .footer {margin:0 0 10px 110px;}
	.homesticky .time, .homesticky .comments {font-size:75%; float:left;}
	.homesticky .comments {border-left:1px solid #669; margin-left:3px; padding-left:3px;}

#mainmenu {}
	#mainmenu ul {margin:0 auto;}
	#mainmenu ul li {display:inline-block; float: left; display: inline; margin: 0; text-align:center; padding:2px 0 2px 0; text-transform:uppercase;font-family:'Trebuchet MS', Arial; }
	#mainmenu ul li small {font-size:90%; text-align:center; text-transform:none; display:block; font-weight:normal; padding:10px 10px 0 10px; color:#99a;}
	#mainmenu ul li:first-child {border-radius-bottomleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;border-radius-topleft:5px;-moz-border-radius-topleft:5px;-webkit-border-radius-topleft:5px;}
	#mainmenu ul li:last-child {border-radius-bottomright:5px;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottomright:5px;border-radius-topright:5px;-moz-border-radius-topright:5px;-webkit-border-radius-topright:5px;}

#archive header h1 {font-weight:normal; font-size:150%; color:#06f;}
#archive header p {margin-bottom:15px;}

#content{}
#content .headerblock {margin-bottom:20px; padding-bottom:10px; }
#content .headerblock h1 {font-size:180%; font-weight:normal; color:#09f;}
#content article{width:650px;}
#content article header h1 {color:#06f; font-weight:normal; font-size: 250%; line-height:1em; border-bottom:1px solid #000;padding-bottom:15px;}
#content article header {padding:0; margin:0 0 15px 0; border-bottom:5px solid #000; }
#content article header time, #content article address {font-size:92.3%; height:1.4em;}

.post {}
.post p {margin-bottom:13px;}
.post p:last-child{margin-bottom:0px;}

.post ol, .post ol li ol li, .post ol li ol li ol li, .post ul, .post ul ul ul {margin-left:20px; padding-left:3px; list-style:square;}
.post ul ul {list-style:circle;}
.post ol        {list-style-type:decimal;}
.post ol ol     {list-style-type:upper-alpha;}
.post ol ol ol  {list-style-type:lower-roman;}
.post ul li, .post ul li ul li, .post ul li ul li ul li, .post ol li, .post ol li ol li, .post ol li ol li ol li {margin-bottom:5px;}

.post blockquote, q, cite {margin:5px 20px 5px 30px; border-left:5px inset; background-color:#FFF1E0; padding:10px;}
.post table {}
.post pre {overflow-x:auto; padding:10px; border:1px dotted #999; margin-bottom:10px;}
.post pre:hover{border-color:red;}
.post img, .post object, .post table, .post hr, .post div, .attachment img {max-width:100%; height:auto;}
.post .wp-caption-text {border: 1px solid #dde; background-color:#eef; text-align: center; position: relative; padding:5px; margin-right:10px; margin-bottom:5px;}

#related {border:1px solid #dde; background-color:#eef;margin-top:15px; clear:both;}
	#related article {width:280px; padding:10px;}
	#related h2 a {font-weight:normal; font-size:120%;}
	#related figure {width:100px; height:100px; margin:0 5px 5px 0;padding:2px;border:1px solid #eee; overflow:hidden;}
	#related section {padding:10px; width:320px;}
	#related section h3 {}
	#related section h3 ul li {margin-bottom:5px;}
	
#postlist {width:650px;}
	#postlist article {margin-bottom:10px;padding-bottom:5px; border-bottom:1px solid #eef;}

	#postlist article figure {float:left; margin:0 10px 5px 0;}
	#postlist article figure img {border:2px solid #eef;}
	#postlist article figure a img {padding:0;}
	#postlist article header {}
	#postlist article header h2 {font-size:140%;}
	#postlist article div {}
	#postlist article footer {clear:right; color:#999; font-size:82%; margin-top:10px;}
	#postlist article footer address {font-weight:bolder;}
	#postlist article .category, #content #comments article .category, .post .category {background-color:#C74350; padding:0 3px; color:#fff;margin-right:5px;}
	#content #comments article .category a:link, #content #comments article .category a:visited {color:white;}

	#postlist article .lc {width:160px; float:right; margin-left:3px; padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #eef; background-color:#f8f8ff;}
	#postlist article .lc-auth {width:140px; float:left; min-width:140px;overflow:hidden;font-weight:bolder;}
	#postlist article .lc-img {width:16px; height:16px; float:right;overflow:hidden;}
	#postlist article .lc-img img {}
	#postlist article .lc-body {font-size:93.2%;margin:30px 0 10px 0; overflow:hidden; clear:both;}
	#postlist article .lc-more {width:150px; display:block;}
	#postlist article .avatar {width:16px; height:16px; margin-right:3px; float:left;}

	#postlist article aside .lr {}
	#postlist article aside .lr-head {margin-left:200px;padding:5px 0 15px 0;}
	#postlist article aside .lr-img {float:left; margin:0 5px 2px 0;}
	#postlist article aside .lr-body {padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #eef; background-color:#f8f8ff; width:450px;}

.entry-content{}

#page-navigation{margin:0 auto; display:block;}
#page-navigation ul li{float:left; margin-right:5px;}

#comments {clear:right; font-size:92.5%;}
	#comments h3 {color:#99a; font-size:200%; border-top:10px solid #99a; padding-top:10px; margin-top:10px;}
	#comments ul, #comments ol {list-style:none; margin:10px 0 7px 0; padding:0px;}
	#content #comments article {margin:15px 0 15px 0; border-bottom:1px dotted #eef; width:100%;}
	#content #comments article header {border-bottom:0px; padding:0px; margin:0px;}
	#content #comments article header address {font-size:110%; font-weight:normal;}
	#content #comments article header img {padding:1px; border:1px solid #eef; margin:0 5px 5px 0; float:left;}
	#content #comments article p {text-align:justify;}
	#content #comments article footer {clear:left; color:#99a; font-size:100%;}
	#content #comments article .avatar {vertical-align:text-top;}

	.bypostauthor {}
	.comment-author-admin {}
	.even {}
	#content #comments .children {margin-left:20px; margin-right:0px;}
	#content #comments .children li {padding-right:10px; padding-bottom:5px;}

	.depth-1 {}
	.depth-2 {background-color:#FAFAFE;}
	.depth-3 {background-color:#EAEAEE;}
	.depth-4 {background-color:#FFFFFF;}
	.depth-5 {background-color:#EAEAEE;}
	
	.entry form {text-align:center;}
	#comments:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#commentform {display:block; margin-bottom:15px;}
	#commentform #openid_identifier {width:466px; border:1px solid #ccc;}
	#commentform .field {margin:0 10px 15px 0; color:grey; border: solid #bbb 1px; padding:22px 2px 2px 3px; height:20px;}
	#commentform .submit {height:50px; width:200px; display:block;}
	#commentform textarea {padding:1px; margin:0 0 15px 0;width:90%; color:#069; font:90%/0.9 Arial, Helvetica, sans-serif;line-height:130%;}
	#commentform fieldset {border:0px; padding:0 10px 0 0; margin:0;}
	#commentform h2 {color:#06f; font-size:1.5em; padding:0px; margin:0px;}
	#commentform p {padding:0px; margin:0 0 2px 0;  color:grey;}
	#commentform label {font-size:80%;}

	.commentname {background:url(images/bg.name.gif) no-repeat left top; background-color:#fff;}
	.commentemail {background:url(images/bg.email.gif) no-repeat left top;background-color:#fff;}
	.commenturl {background:url(images/bg.url.gif) no-repeat left top;background-color:#fff;}
	.commentopenid {background:url(images/bg.openid.gif) no-repeat left top; width:325px;background-color:#fff;}



#sidebar {width:310px;border-left:1px solid #eef; padding-left:10px;float:right; text-align:left;}
	#sidebar ul li {margin-bottom:10px; display:block;}

	.topcommenters {width:90px; height:90px; padding:1px; border:1px solid #eef; margin:0 9px 9px 0; float:left;}
	.topcommenters img {width:90px; height:90px;}
	.topcommenters:last-child {margin:0 0 9px 0}

	#sidebar h3 {font-size:150%;  text-transform:lowercase; padding:0 3px; margin:0 0 7px 0; border-top:10px solid #eef;line-height:1.2em; color:#C74350;}
	#sidebar .cat-item {width:140px; float:left; padding:1px 5px 1px 0; border-bottom:1px dotted #dde; margin-right:10px}
	#sidebar .cat-item:hover {background-color:#C74350;color:#fff;}
	#sidebar .cat-item a:hover {color:#fff;}
	#sidebar .widget {display:block; clear:left;}

	#wp-calendar {width:100%;}
	#wp-calendar td {color:#bbc;/* Hello?! BBC! This is this Best Broadcasting Corporation!*/}


#extras {margin: 0 auto 0 auto; overflow: hidden;background-color:#F5F4EF;}

	#extras ul {list-style: none; margin: 0;}
	#extras li {border-bottom: 1px solid #fff;}
	#extras h2 {color:#C74350;font-size:1.429em;margin-bottom:.25em;padding:0 3px;text-transform:lowercase;}
	#extras a:link, #extras a:visited {color:#444;display:block;border-bottom:1px solid #F4E3E3;text-decoration:none;padding:.3em .25em;}
	#extras a:active, #extras a:hover {color:#fff; background-color:#C74350; text-shadow: 1px 1px 1px #333;}
	/* #extras li:last-child, #extras li:last-child a {border: 0} */
	#extras .linkroll {float:left;width:190px;}
	#extras .linkroll li {float:left;margin:0 15px 0 0; width:180px;}
	#extras .linkroll li img {margin:0 4px 2px 0;vertical-align:bottom;}
	#extras .social {float:right;width:190px;}
	#extras .wider {width:205px;}

#extras div[class='social'] a {background-repeat: no-repeat;background-position: 3px 6px;padding-left: 25px; }

	/* Extras Icons*/
	.social a[href*='delicious.com'] {background-image: url('images/icons/delicious.png');}
	.social a[href*='digg.com'] {background-image: url('images/icons/digg.png');}
	.social a[href*='facebook.com'] {background-image: url('images/icons/facebook.png');}
	.social a[href*='last.fm'], .social a[href*='lastfm'] {background-image: url('images/icons/lastfm.png');}
	.social a[href*='feedburner.com'] {background-image: url(images/icons/rss.png);}
	.social a[href*='twitter.com'] {background-image: url(images/icons/twitter.png);}

footer {}

	#about {font-style:normal;overflow:hidden; width:740px; float:left;}

	#about .primary {float: left; width: 200px; text-align:left;}
	#about .primary strong {color:#C64350; display:block;font-size:1.286em;}
	#about .photo {float: left; margin: 5px 20px;}
        #about .url:link, #about .url:visited {text-decoration: none;}
        #about .bio {float:right; width: 400px; text-align:left;}
	.design {display:block;}
	.design a:hover, .design a:active {color:#fff; background-color:#C74350; text-shadow: 1px 1px 1px #333;}

	#contentinfo {text-align: right;}
	#contentinfo p {clear:both;}

	#pages {padding:0; font-size:75%; width:210px; float:right;text-align:left;}
	#pages ul li {}
	#pages .first {border:none; padding:0; margin:0;}
	#counters {margin:10px auto;text-align:center; }
	#counters div {float:left; width:90px; margin-right:5px;}


/*Typography*/
.body {color:#000305;font-size:88.5%;font-family:'Segoe UI','Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;line-height:1.43;text-align:left;}
#featured-story h1 {font-size:300%;font-wieght:normal; line-height:.9em; text-shadow: 1px 1px 1px #333;}

.category a {color:#09C;}
.invert a:hover, .invert a:hover small {color:white;}
.category a small {color:#000;}

#cat-1 {border-top:5px solid #ccc;}
#cat-1:hover {background-color:#CCC; }
.nohome-1 {background-color:#eee;}

#cat-2 {border-top:5px solid #036;}
#cat-2:hover {background-color:#036; color:white; text-shadow: 1px 1px 1px #333;}
.nohome-2 {background-color:#eef;}

#cat-3 {border-top:5px solid #f33;}
#cat-3:hover {background-color:#f33;}
.nohome-3 {background-color:#fee;}

#cat-4 {border-top:5px solid #9c3;}
#cat-4:hover {background-color:#9c3;}
.nohome-4 {background-color:#ecfeec;}

#cat-5 {border-top:5px solid #09f;}
#cat-5:hover {background-color:#09f; color:#fff;}
#cat-5:hover a:link, #cat-5:hover a:hover {color:#fff;}
.nohome-5 {background-color:#eceeff;}

#cat-6 {border-top:5px solid #f0f;}
#cat-6:hover {background-color:#f0f;}
.nohome-6 {background-color:#ffecff;}

.hide {display:none;}
#meta {position:absolute;top:15;right:0px;}
	#meta ul li {float:left;}


/* Float Properties*/
.alignright{float:right;}.alignleft{float:left;}.clearleft {clear:left;}.clearright {clear:right;}.clearall {clear:both;}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfloat {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}