@import "css/reset.css";
/*
Theme Name: Eksir
Theme URI: http://www.toptut.com
Description: Trimass is a colorful blog theme based on a 12 column grid-system. The style is inspired by Helvetica, the main font used in this theme, known for its neutrality and harmony.
Author: Lorelei
Author URI: http://www.toptut.com
Tags: blue, fixed-width, red, two-columns
 */


body {
background:#43477a ;
font:79% Segoe UI,Arial,Verdana,Helvetica,sans-serif;
color:#b7cdd9;
text-shadow:0 1px 0 #272115;
margin:0;
}

#header {
background:#BD9649 url(images/wood.jpg) top repeat-x;
color:#e6e6e5;
border-bottom:1px dotted #6c5c84;
margin-bottom:5px;
padding:10px;
}

#header .left {
width:50%;
}

#header .right {
width:50%;
padding-top:40px;
}

#header .nav li {
float:left;
margin:0 0 20px 20px;
}

#header .nav li ul li {
display:none;
}

#page {
padding-top:40px;
background:#3f2f56 url(images/metal.jpg) ;
padding-bottom:40px;
border-top:1px dotted #6c5c84;
}

.box {
width:940px;
margin:0 auto;
color:#D7DAE5;
}

#toggleArchives {
position:absolute;
display:inline;
left:50%;
margin-top:-15px;
margin-left:-45px;
background:#43477a ;
text-align:center;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
cursor:pointer;
padding:10px 15px 10px 15px;
border:1px solid #576d6b;
}

#archives {
background:#382347 url(images/black.png) top repeat-x;
}

#archives .box {
padding:35px 0 40px;
}

.col {
float:left;
width:220px;
margin-left:20px;
}

.col:first-child {
margin-left:0;
}

#content {
width:600px;
float:left;
}

#content .nav li {
float:left;
margin:0 20px 10px 0;
}

.bubble {
background:#99aebe;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:6px 5px 0;
}

.bubble p {
margin-bottom:6px;
}

#sidebar {
float:right;
margin-left:40px;
width:270px;
}

.widget {
margin-top:20px;
}

.widget:first-child {
margin-top:0;
}

#sidebar li.linkcat {
list-style:none;
}

#footer {
background:#49605E url(images/wood.jpg) top repeat-x;
padding:20px 0 30px;
border-top:1px solid #56456f;
}

#footer .right {
text-align:right;
}

.left {
float:left;
}

.clear:after,.box:after,.nav:after,.nav ul:after,#page:after,.navigation:after,#footer:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

h1 {
font-size:4em;
font-weight:700;
letter-spacing:-3px;
}

h2 {
font-size:2.4em;
line-height:1em;
font-weight:700;
font-style:italic;
letter-spacing:-1px;
margin-bottom:10px;
}

h3 {
font-size:1.2em;
font-weight:700;
text-transform:uppercase;
margin-bottom:5px;
}

#sidebar h3 {
border-left:15px solid #99aebe;
padding-left:12px;
line-height:.9em;
}

h4 {
font-weight:700;

margin-bottom:4px;
}

h5 {
font-weight:700;
margin-bottom:3px;
}

h6 {
font-size:.9em;
font-weight:700;
margin-bottom:2px;
}

p {
line-height:1.8em;
margin-bottom:10px;
}

/*
####################################################################
LINKS
#################################################################### */
a,a:link,a:visited,a:active,a:hover {
color:#d7dae5;
text-decoration:none;
outline:none;
cursor:pointer;
}

a:active {
text-shadow:0 -1px 0 rgba(0,0,0,.5);
}

a:hover {
border-bottom:1px solid #747c61;
}

#header a.home:hover {
padding-right:60px;
background:url(images/home.png) no-repeat center right;
}

.nav a:link,.nav a:visited,.nav a:active {
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow:0 1px 0 rgba(0,0,0,.5);
text-shadow:0 1px 0 #fff;
padding:5px 10px;
}

.nav a:hover {
border:0;
text-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3);
-moz-box-shadow:0 1px 0 rgba(0,0,0,.3);
}

.nav a:active {
-webkit-box-shadow:0 -1px 0 #fff;
-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3);
}

#header .nav a:link,#header .nav a:visited,#header .nav a:active {
color:#45497c;
background:#b8ced9;
}

#header .nav a:hover {
color:#c3c7b8;
background:#6f8a98;
}

#content .nav a:link,#content .nav a:visited,#content .nav a:active {
color:#9BBDFF;
background:#99aebe;
}

#content .nav a:hover {
color:#c2c5a9;
background:#3f7281;
}

.post p a,.post p a:link,.post p a:visited,.post p a:active {
background:#3f7281;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:3px 5px;
}

.post p a:hover {
border-bottom:0;
background:#99aebe;
}

div.post-infos a,div.post-infos a:link,div.post-infos a:visited,div.post-infos a:active {
color:#99aebe;
text-shadow:0 1px 0 #1f1c15;

}

.rss a,.rss a:link,.rss a:active,.rss a:visited {
background:url(images/rss.png) no-repeat 5px 6px;
text-shadow:none;
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:2px 5px 2px 19px;
}

.rss a:hover {
background-color:#F93;
border-bottom:none;
}

a.arrow,a.arrow:link,a.arrow:active,a.arrow:visited {
background:url(images/arrow-up.png) no-repeat 5px 6px;
text-shadow:none;
font-weight:700;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:2px 5px 2px 19px;
}

a.arrow:hover {
background-color:#3f7281;
border-bottom:none;
}

#sidebar a,#sidebar a:link,#sidebar a:visited,#sidebar a:active {
color:#acb295;
}

/*
####################################################################
POSTS / PAGES
#################################################################### */
.post,.search .page,.navigation,#comments {
margin-top:40px;
padding-top:40px;

}

.page .post {
margin-top:20px;
padding-top:20px;
}

.post:first-child,.search .page:first-child {
margin-top:0;
padding-top:0;
border:0;
}

div.post-infos {
color:#99aebe;
text-shadow:none;
margin-top:10px;

font-weight:700;
}

div.post-infos:first-child {
margin:0 0 5px;
}

ul.post-infos {
width:220px;
position:fixed;
}

#sidebar ul.post-infos li {
list-style:none;
line-height:1.3em;
border-top:1px dotted #3f7281;
padding:10px 0;
}

#sidebar ul.post-infos li:first-child {
border-top:none;
padding-top:0;
}

ul.post-infos li span {
color:#99aebe;
text-shadow:none;

font-weight:700;
}

.post ul,.post ol {
margin-bottom:10px;
}

.post ol li {
list-style:outside lower-latin;
}

.post pre,.post blockquote,.post code,.post img,.attachment img,.wp-caption,#respond,.avatar {
background:#99aebe;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
}

.post pre {
margin:10px 0;
padding:20px;
}

.post blockquote {
font-family:Georgia, Cambria, Times, Times New Roman, serif;
font-style:italic;
margin:10px 0;
padding:15px 20px 5px;
}

.post code {
padding:3px 5px;
}

.post img,.attachment img,.avatar {
padding:5px;
}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

img.alignnone,img.alignleft,img.alignright,div.alignnone img,div.alignleft img,div.alignright img {
display:inline;
}

.alignleft {
float:left;
margin:5px 10px 5px 0;
}

.alignright {
float:right;
margin:5px 0 5px 10px;
}

.wp-caption {
text-align:center;
padding-top:5px;
}

.wp-caption img {
border:0 none;
background:none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:.8em;
margin:0;
padding:5px;
}

/*
####################################################################
COMMENTS / TRACKBACKS / PINGBACKS
#################################################################### */
#comments .title .right {
margin-top:10px;
}

.comment,.pingback,.trackback {
min-height:70px;
margin-top:20px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
background:#614a23;
padding:10px 10px 0;
}

.comment .left,.pingback .left,.trackback .left {
width:130px;
text-align:right;
}

.comment .right,.pingback .right,.trackback .right {
width:430px;
margin-left:20px;
}

.depth-2 {
margin-right:20px;
}

.depth-2 .right {
width:410px;
}

.depth-3 {
margin-right:40px;
}

.depth-3 .right {
width:390px;
}

.depth-4 {
margin-right:60px;
}

.depth-4 .right {
width:370px;
}

.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10 {
margin-right:80px;
}

.depth-5 .right,.depth-6 .right,.depth-7 .right,.depth-8 .right,.depth-9 .right,.depth-10 .right {
width:350px;
}

.avatar {
float:right;
margin-left:10px;
}

#commentlist .comment-author-admin,#commentlist .bypostauthor {
background:#CB1921;
color:#FFC4BE;
}

#commentlist .comment-author-admin .avatar,#commentlist .bypostauthor .avatar {
background:#7F0F14;
}

#respond {
margin-top:40px;
padding:20px 20px 10px;
}

/*
####################################################################
FORM
#################################################################### */
input,textarea {
font:1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-shadow:0 1px 0 rgba(0,0,0,.7);
background:#425654;
color:#9BBDFF;
border:1px solid #3f7281;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-khtml-border-radius:16px;
outline:none;
padding:6px 8px;
}

input {
width:202px;
}

textarea {
width:542px;
resize:vertical;
}

input:hover,textarea:hover {
border-color:#9BBDFF;
}

input:focus,textarea:focus {
color:#c2c5a9;
border-color:#9BBDFF;
}

input.submit,input[type=submit] {
width:auto !important;
padding-left:10px;
padding-right:10px;
font-weight:700;
color:#c2c5a9;
background:#818a6c url(images/gradient.png) repeat-x top center;
cursor:pointer;
border-color:#747c61;
}

input.submit:hover,input[type=submit]:hover,input.submit:focus,input[type=submit]:focus {
background-color:#747c61;
}

input.submit:active,input[type=submit]:active {
background-color:#747c61;
text-shadow:0 -1px 0 rgba(0,0,0,.7);
}

label {
font-weight:700;
color:#41679A;
margin-left:5px;
}

.s {
float:left;
width:125px;
height:18px;
border-top-right-radius:0;
border-bottom-right-radius:0;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:0;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-khtml-border-top-right-radius:0;
-khtml-border-bottom-right-radius:0;
border-right:0;
}

.searchSubmit {
height:32px;
border-top-left-radius:0;
border-bottom-left-radius:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
-khtml-border-top-left-radius:0;
-khtml-border-bottom-left-radius:0;
border-left:0;
}

#header .nav,.right {
float:right;
}

#toggleArchives:hover,h1,h2,h3,h4,h5,h6,#sidebar a:hover,.post strong {
color:#c2c5a9;
}

.textwidget,#archives li,#page li {
line-height:1.8em;
}

#sidebar li,.post ul li {
list-style:none;
}

#header a:hover,div.post-infos a:hover,.wp-caption a:hover {
border-bottom:0;
}

.post a:hover img,.attachment a:hover img,#commentlist .even {

}


.thumbnail {float:left; margin:0 8px 0 0; padding:3px 3px 0px 3px; }
.thumbnail img{width:200px; height:200px;}	
.thumbnail img a{border:none;}