/*
Theme Name: ioni2
Theme URI: http://ioni2.com/
Description: The new ioni2 theme for BB Press. Based and used together with ioni2 Wordpress theme, for consistency reasons, of course!
Version: 3.0.0.0
Author: ioni2 with design idea of sinshine.by.
Author URI: http://ioni2.com
*/
/* Imports, Resets and HTML5 */
@import url("css/reset.css");
header,section,footer,aside,nav,article,figure{display:block;}
/*Globals*/
#index{position:relative;background-color:#F5F4EF;}
.body{width:980px;min-width:980px;text-align:left;background-color:white;margin:0 auto 15px auto;padding:10px;overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;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;}
#header {width:1000px; padding:0px; background-color:inherit; /*was #F5F4EF, you can tweak it! Check 'indianRed' or 'navajoWhite'*/}
header h1{font-weight:normal;}
header h1 small {display:block; padding:5px 5px 5px 15px; font-weight:normal;}
#important {overflow: hidden; width: 500px; height: 100px;}
#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;}
#cat-1, #cat-7 {border-top:5px solid #ccc;}
#cat-1:hover, #cat-7:hover {background-color:#CCC; }
.nohome-1, .nohome-7 {background-color:#eee;}
#cat-2, #cat-8 {border-top:5px solid #036;}
#cat-2:hover, #cat-8:hover {background-color:#036; color:white; text-shadow: 1px 1px 1px #333;}
.nohome-2, .nohome-8 {background-color:#eef;}
#cat-3, #cat-9 {border-top:5px solid #f33;}
#cat-3:hover, #cat-9:hover {background-color:#f33;}
.nohome-3, .nohome-9 {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;}
/*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;}
/*Forums*/
#content {}
#content h1 {font-size:245%; color:indianRed; font-weight:normal; margin-bottom:15px; border-bottom:5px solid #bbc; line-height:1.2em}
#postlist {}
#postlist h1 {border-bottom-color:black;}
#postlist article {margin:0 0 15px 0; padding:5px 0 5px 0;border-bottom:1px dotted #bbc;}
#postlist article header {width:90px; text-align:right; padding:0 10px 0 0;}
#postlist article header address {}
#postlist article figure {width:70px;}
#postlist article footer {text-align:right; color:#99c; clear:left; margin-left:170px;}
#postform .allowed {width:160px; margin-right:10px; color:#bbc;}
#postform label, #postform textarea, #postform input,.admin {display:block;margin-left:170px;width:475px; margin-bottom:10px;}
#postform textarea, #postform input {font-size:150%; font-family:Calibri,Arial, "Sans Serif"}
#postlist article .post {width:480px;}
.post p {margin-bottom:13px; /* clear:both; this actually will make P's clearly visible and clear margins; alas! big images will break design as will not float properly...*/}
.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, .post q, .post cite {margin:5px 20px 5px 30px; border-left:5px inset; background-color:#FFF1E0; padding:10px; display:block;}
.post table {max-width:100%; width:100%;}
.post pre, .post code, .entry-content pre {overflow-x:auto; padding:10px; border:1px dotted #999; margin-bottom:10px; display:block;}
.post pre:hover{border-color:red;}
.post img, .post table, .post hr, .post div, .attachment img {max-width:100%; height:auto;}
.post object, .post dialog, .entry-content object {max-width:100%;}
.post .wp-caption-text {border: 1px solid #dde; background-color:#eef; text-align: center; position: relative; padding:5px; margin-right:10px; margin-bottom:5px;}
.post abbr, .post acronym {text-transform:uppercase; border-bottom:1px dashed #096;}
.post del {color:#900; text-decoration:line-through;}
.post h1 {font-size:180%;}
.post h2 {font-size:160%;}
.post h3 {font-size:140%;}
.post h4 {font-size:160%;}
.post h5, .post h6 {font-size:120%;}
.post ins, .post kbd, .post tt {font-family:Courier;}
.post sub, .post sup {text-stransform:lowercase; font-size:75%;}
.post dt {font-weight:bold};
.post dd, .post var {font-style:italic;}
.current {text-weight:bolder; color:indianRed;}
.page-numbers {margin:0 3px;}
.page-numbers:last-child {margin-right:0px;}
#forumlist, #postlist, #profile, .container {width:650px; padding:0 10px 0 0;}
#forumlist li {clear:left; border-bottom:1px dotted #bbc; padding:3px 0 5px 0; margin:5px 0 10px 0;}
#forumlist li:last-child {border:none;}
#forumlist article {}
#forumlist article h2 {width:550px;}
#forumlist article h2 small {display:block; font-size:92%; font-weight:normal; text-transform:none;}
#forumlist article h3 {width:550px; font-weight:normal;}
#forumlist article h3 small {display:block; font-size:92%; font-weight:normal; text-transform:none;}
#forumlist footer {font-size:82%; color:#334;}
#forumlist .idid {display:inline-block; text-align:center; width:50px; overflow:none;}
#forumlist .bb-root h2 {text-transform:uppercase;}
#forumlist .bb-child { padding-left:20px;}
#forumlist .bb-child h2 {width:500px;}
#views {font-size:90%;}
#views li {padding:2px 5px 2px 0;}
#views li:last-child {border:none;}
#views figure {margin-left:10px;}
#profile {}
#profile dt {float:left;}
#profile dd {margin-left:170px;}
#profile footer {margin: 15px 0;}
#profile p {margin-bottom:12px;}
#userinfo th, #passinfo th, #admininfo th {width:200px;}
#userinfo input, #passinfo input, #passinfo input {margin-bottom:10px;}
.required {color:red;}
#edit {width:650px;}
#edit input {width:640px; margin-bottom:15px;}
#edit textarea {width:640px;}
#edit .submit input {width:200px;height:66px;}
#edit .allowed {width:400px;}
#sidebar {width:300px; padding-left:5px; border-left:1px solid #bbc; float:left;}
#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;}
.side-item {margin-bottom:15px;}
.sidelisted {}
.sidelisted li:first-child {border-top:1px dotted #bbc;}
.sidelisted li {padding:5px 0 3px 3px; border-bottom:1px dotted #bbc;}
.sidelisted li:hover {background-color:indianRed; color:navajoWhite;}
.sidelisted li:hover a {color:white;}
.sidelisted .avatar {vertical-align:text-bottom; padding-right:3px;}
.related_topics {}
.related_topics li:first-child {border-top:1px dotted #bbc;}
.related_topics li {padding:5px 0 3px 3px; border-bottom:1px dotted #bbc;}
.related_topics li:hover {background-color:indianRed; color:navajoWhite;}
.related_topics li:hover a {color:white;}
.tags-list {}
.tags-list li {padding:5px 0 3px 3px; border-bottom:1px dotted #bbc;}
.tags-list li:hover {background-color:indianRed; color:navajoWhite;}
.tags-list li:hover a {color:white;}
.tags-list:last-child {border-bottom:none;}
#login {}
#login label {display:inline-block; margin-right:10px; font-size:87%; color:#bbc; width:40%;}
#login fieldset {margin-bottom:15px;}
#postform {display:block;}
#extras {margin: 0 auto 0 auto; overflow: hidden;background-color:inherit;}
#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);}
.social a[href*='livejournal.com'] {background-image: url(images/icons/livejournal.gif);}
.social a[href*='liveinternet.ru'] {background-image: url(images/icons/liveinternet.gif);}
.social a[href*='blogspot.com'] {background-image: url(images/icons/blogger.gif);}
.social a[href*='mail.ru'] {background-image: url(images/icons/mailru.gif);}
.social a[href*='diary.ru'] {background-image: url(images/icons/diaryru.gif);}
.social a[href*='tut.by'] {background-image: url(images/icons/tutby.gif);}
.social a[href*='myspace.com'] {background-image: url(images/icons/myspace.png);}
.social a[href*='flickr.com'] {background-image: url(images/icons/flickr.png);}
.social a[href*='stumbleupon.com'] {background-image: url(images/icons/stunbleupon.png);}
.social a[href*='deviantart.com'] {background-image: url(images/icons/deviant.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;}
.hidden {display:none;}
/* Float Properties*/
.alignright{float:right;}.alignleft{float:left;}.aligncenter{text-align:center; margin:0 auto;}.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;}