article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
audio,canvas,video{
    display:inline-block;
*display:inline;
*zoom:1
}

audio:not([controls]){
display:none
}
[hidden]{
display:none}
html{
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html,button,input,select,textarea{
font-family:sans-serif;
color:#222
}

body{
margin:0;
font-size:1em;
line-height:1.4
}
::-moz-selection{
background:#79c64f;
color:#fff;
text-shadow:none
}
::selection{
background:#79c64f;
color:#fff;
text-shadow:none
}
a{
color:#00e
}
a:hover{
color:#000
}

a:focus{
outline:thin dotted}

a:hover,a:active{
outline:0}

abbr[title]{
border-bottom:1px dotted
}

b,strong{
font-weight:bold
}

blockquote{
margin:1em 40px
}

dfn{
font-style:italic
}

hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}

ins{
background:#ff9;
color:#000;
text-decoration:none
}

mark{
background:#ff0;
color:#000;
font-style:italic;
font-weight:bold
}

pre,code,kbd,samp{
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em
}

pre{
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}

q{
quotes:none
}

q:before,q:after{
content:"";
content:none
}

small{
font-size:85%
}

sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup{
top:-0.5em
}

sub{
bottom:-0.25em
}

ul,ol{
margin:1em 0;
padding:0 0 0 40px
}

dd{
margin:0 0 0 40px
}

nav ul,nav ol{
list-style:none;
list-style-image:none;
margin:0;
padding:0
}

img{
border:0;
-ms-interpolation-mode:bicubic;
vertical-align:middle
}

svg:not(:root){
overflow:hidden
}

figure{
margin:0
}

form{
margin:0
}

fieldset{
border:0;
margin:0;
padding:0
}

label{
cursor:pointer
}

legend{
border:0;
*margin-left:-7px;
padding:0;
white-space:normal
}

button,input,select,textarea{
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle;
    /*width:100%;*/
}

button,input{
line-height:normal
}

button,input[type="button"],input[type="reset"],input[type="submit"]{
cursor:pointer;
-webkit-appearance:button;
*overflow:visible
}

button[disabled],input[disabled]{
cursor:default
}

input[type="checkbox"],input[type="radio"]{
box-sizing:border-box;
padding:0;
*width:13px;
*height:13px
}

input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}

textarea{
overflow:auto;
vertical-align:top;
resize:vertical
}

table{
border-collapse:collapse;
border-spacing:0
}

td{
vertical-align:top
}

.chromeframe{
margin:.2em 0;
background:#ccc;
color:black;
padding:.2em 0
}

@font-face{
font-family:'Kreon';
src:url('../fonts/kreon-regular-webfont.eot');
src:url('../fonts/kreon-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/kreon-regular-webfont.woff') format('woff'),
    url('../fonts/kreon-regular-webfont.ttf') format('truetype'),
    url('../fonts/kreon-regular-webfont.svg#KreonRegular') format('svg');
font-weight:normal;
font-style:normal
}

html{
min-height:100%
}

body{
min-height:100%;
background-color:#00acff;
}

a,.preview-image{
-moz-transition:all .1s ease-in-out;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
cursor:pointer
}

.more-link{
color:#b23739;
font-weight:bold;
text-decoration:none
}

.more-link:hover{
color:#b23739;
text-decoration:underline
}

h1,h2,h3,h4,h5,h6{
font-family:Kreon,Arial,sans-serif;
font-weight:normal
}

#page-header{
margin:0 auto;
width:980px;
position:relative
}

#page-header.toggleMenu #menu,#page-header.toggleMenu #search{
display:none
}

#page-header.toggleMenu.active{
margin-bottom:20px
}

#page-header.toggleMenu.active #menu,#page-header.toggleMenu.active #search{
display:inline-block
}

#page-header.toggleMenu.active #menu{
width:100%
}

#logo{
margin:9px 0 18px;
padding:16px;
display:inline-block
}

#search{
position:absolute;
right:0;
top:31px;
width:380px;
height:30px
}

#search input{
padding:6px 10px 5px 8px;
width:315px;
position:absolute;
left:0;
top:0;
z-index:10;
color:#979694;
font-size:14px;
line-height:18px;
background:0;
border:0;
background:0;
text-align:right;
outline:0;
border-right:1px solid #ccc;
-ms-box-shadow:none;
-o-box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-appearance:none
}

#search input:focus{
text-align:left
}

#search .submit{
width:33px;
height:30px;
border:1px solid #c9c9c9;
background:url(../imgs/sprite-small.png) 9px 8px no-repeat #fff;
text-indent:-600px;
overflow:hidden;
text-align:left;
position:absolute;
left:auto;
right:0;
top:0;
z-index:5;
cursor:pointer;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-o-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}

#search input:focus{
border-right:0;
font-size:14px
}

#search input:focus+.submit{
width:380px;
border:1px solid #c5c5c5;
background-position:356px 8px
}

#search .submit:focus{
border:1px solid #c5c5c5
}

#search input:focus::-webkit-input-placeholder,#search input:focus::-moz-input-placeholder,#search input:focus::-o-input-placeholder,#search input:focus::-ms-input-placeholder,#search input:focus::input-placeholder{
opacity:0
}

#btnToggleMenu{
margin:0 0 15px 0;
padding:3px 7px 2px;
display:none;
font-size:12px
}

#page-header.toggleMenu #btnToggleMenu{
display:inline-block
}

#menu{
margin:0 0 30px;
font-size:13px;
color:#999;
height:40px;
border:1px solid #c9c9c9;
border-bottom:1px solid #aaa;
border-radius:8px;
background:#f9f9f9;
background:-moz-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e9e9e9));
background:-webkit-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-o-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
-o-box-shadow:0 1px 1px rgba(0,0,0,.1);
-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,.1)
}

#menu li{
float:left;
border-right:1px solid #d6d6d6
}

#menu li.selected{
border:0
}

#menu a{
padding:11px 23px 11px;
color:#999;
display:inline-block;
text-decoration:none;
text-shadow:0 1px 0 #fff
}

#catnav{
float:left
}

#catnav li:last-child{
border-right:0
}

#catnav li:first-child a{
border-radius:8px 0 0 8px
}

#catnav a:hover{
color:#666;
background:#f2f1f0;
background:-moz-linear-gradient(top,#f2f1f0 0,#dad9d4 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f1f0),color-stop(100%,#dad9d4));
background:-webkit-linear-gradient(top,#f2f1f0 0,#dad9d4 100%);
background:-o-linear-gradient(top,#f2f1f0 0,#dad9d4 100%);
background:-ms-linear-gradient(top,#f2f1f0 0,#dad9d4 100%);
background:linear-gradient(top,#f2f1f0 0,#dad9d4 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f1f0',endColorstr='#dad9d4',GradientType=0)
}

#catnav a:active{
color:#999;
background:#dad9d4;
background:-moz-linear-gradient(top,#dad9d4 0,#f2f1f0 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dad9d4),color-stop(100%,#f2f1f0));
background:-webkit-linear-gradient(top,#dad9d4 0,#f2f1f0 100%);
background:-o-linear-gradient(top,#dad9d4 0,#f2f1f0 100%);
background:-ms-linear-gradient(top,#dad9d4 0,#f2f1f0 100%);
background:linear-gradient(top,#dad9d4 0,#f2f1f0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dad9d4',endColorstr='#f2f1f0',GradientType=0)
}

#nav{
margin:0 7px;
float:right
}

#nav li{
margin:0;
border-right:0;
font-size:11px;
text-transform:uppercase
}

#nav li:after{
content:'|';
color:#e1e1e1;
top:-1px;
position:relative
}

#nav a{
padding:14px 7px 11px
}

#nav li:last-child:after{
content:''
}

#nav li:last-child a{
border-radius:0 8px 8px 0
}

#nav .selected a,#nav .current_page_item a{
color:#666
}

#nav a:hover{
color:#666
}

.current_page_item a{
color:#666
}

#catnav .selected a,#catnav .current-cat a,#catnav .current_page_item a,#page-header.toggleMenu.active #btnToggleMenu{
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
background:#54b537;
background:-moz-linear-gradient(top,#54b537 0,#82ca55 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#54b537),color-stop(100%,#82ca55));
background:-webkit-linear-gradient(top,#54b537 0,#82ca55 100%);
background:-o-linear-gradient(top,#54b537 0,#82ca55 100%);
background:-ms-linear-gradient(top,#54b537 0,#82ca55 100%);
background:linear-gradient(top,#54b537 0,#82ca55 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54b537',endColorstr='#82ca55',GradientType=0);
border:1px solid rgba(0,0,0,0.1);
margin-left:-1px;
margin-top:-1px
}

#page-header.toggleMenu.active #btnToggleMenu{
border:0
}

#main{
margin:30px auto 20px;
width:980px;
background:#fff;
border-radius:8px;
-o-box-shadow:0 0 3px rgba(153,153,153,.4);
-ms-box-shadow:0 0 3px rgba(153,153,153,.4);
-webkit-box-shadow:0 0 3px rgba(153,153,153,.4);
-moz-box-shadow:0 0 3px rgba(153,153,153,.4);
box-shadow:0 0 3px rgba(153,153,153,.4);
min-height:400px;
position:relative;
z-index:10
}

#main>section{
float:left
}

.preview-image{
padding:2px;
border-radius:4px;
border:1px solid #ccc;
display:inline-block
}

.preview-image:hover{
border-color:#b2b2b2
}

.preview-image img{
width:138px;
height:138px
}

.info-tag{
padding:2px 7px;
display:inline-block;
font-size:11px;
position:relative;
top:-4px;
background:#79c64f;
color:#fff;
border-radius:3px;
text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}

.author{
margin:13px 0 0;
color:#999;
font-size:13px;
display:inline-block;
clear:both
}

.ie7 .author{
clear:none
}

.author a{
color:#999;
text-decoration:none
}

.author a:hover,.author a:visited{
color:#333
}

.articles-intro{
padding:0 0 20px;
width:633px
}

.article-intro{
margin:22px;
padding:0 0 25px;
overflow:hidden;
border-bottom:1px solid #e5e5e5
}

.article-intro p:last-child{
margin-bottom:0
}

.article-intro h1{
margin:0 10px 5px 0;
font-size:28px;
display:inline
}

.article-intro h1 a,.article-intro h1 a:visited{
color:#444;
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,0)
}

.article-intro h1 a:hover{
color:#79c64f
}

.article-intro header{
margin:0 0 17px;
position: relative;
top:0px;
left:0px;

}

.article-intro.featured header{
margin:0
}

.article-intro figure{
margin:0 20px 0 0;
display:inline-block;
float:left;
    width:138px;
}

section.articles-intro .article-intro p{
margin:12px 0 0;
float:right;
width:72%;
display:inline-block;
color:#666;
font-size:13px;
line-height:140%
}

.entry-text p:first-child{
margin:0
}

.article-intro.featured,.resources article{
background:#fff;
background:-moz-linear-gradient(top,#fff 0,#f4f4f4 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f4f4f4));
background:-webkit-linear-gradient(top,#fff 0,#f4f4f4 100%);
background:-o-linear-gradient(top,#fff 0,#f4f4f4 100%);
background:-ms-linear-gradient(top,#fff 0,#f4f4f4 100%);
background:linear-gradient(top,#fff 0,#f4f4f4 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0);
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
border-radius:8px 0 5px 0;
padding:22px;
margin:0
}

.featured .entry-text p:first-child{
margin:12px 0 0
}

.comments-nr{
margin:5px 0 0;
padding:4px 10px 6px 19px;
height:11px;
font-size:11px;
color:#666;
display:inline-block;
text-decoration:none;
vertical-align:5px;
border-radius:10px;
border:1px solid #dcdcdc;
text-shadow:0 1px 0 #fff;
background:url(../imgs/sprite-small.png) 8px -20px no-repeat #f9f9f9;
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,-moz-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f9f9f9),color-stop(100%,#e9e9e9));
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,-webkit-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,-o-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,-ms-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite-small.png) 8px -20px no-repeat,linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%)
}

.comments-nr:hover{
border:1px solid #c7c7c7
}

.author-avatar{
border:1px solid #ccc;
border-radius:4px 4px 4px 4px;
display:inline-block;
float:left;
margin-right:10px;
padding:2px
}

.post-details{

float:left;
margin-bottom:10px
}

.post-details .author{
margin:0 0 2px!important
}

.post-details .tags{
display:block;
padding:0
}

.clear{
clear:both
}

.tags{
margin:-1px 0 0;
padding:0 0 0 10px
}

.tags a,.tagcloud a{
margin:0;
padding:5px 8px 7px;
height:11px;
line-height:13px;
font-size:11px;
color:#999;
display:inline-block;
text-decoration:none;
vertical-align:1px;
border-radius:6px;
border:1px solid #dcdcdc;
background:#f9f9f9;
background:-moz-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f9f9f9),color-stop(100%,#e9e9e9));
background:-webkit-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:-o-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
text-shadow:0 1px 0 #fff
}

.tags a:hover,.tagcloud a:hover{
color:#666;
border:1px solid #ddd
}

.tagcloud a{
margin:1px 0;
padding:2px 4px;
height:auto;
line-height:normal;
vertical-align:middle;
font-size:11px!important
}

.section-title{
margin:0;
padding:0;
color:#444
}

.pagination{
margin:20px 0;
text-align:center
}

.pagination li{
margin:5px 0;
display:inline-block
}

.ie7 .pagination li{
display:inline;
zoom:1
}

.pagination a{
display:block;
padding:3px 9px;
color:#979797;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:#f9f9f9;
background:-moz-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e9e9e9));
background:-webkit-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-o-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e9e9e9',GradientType=0);
border:1px solid #dcdcdc;
border-radius:3px;
text-shadow:0 1px 0 #fff
}

.pagination a:hover{
background:#fff
}

.pagination .selected a{
padding:4px 10px;
border:0;
color:#fff;
background:#65c241;
background:-moz-linear-gradient(top,#65c241 0,#5dbc3c 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#65c241),color-stop(100%,#5dbc3c));
background:-webkit-linear-gradient(top,#65c241 0,#5dbc3c 100%);
background:-o-linear-gradient(top,#65c241 0,#5dbc3c 100%);
background:-ms-linear-gradient(top,#65c241 0,#5dbc3c 100%);
background:linear-gradient(top,#65c241 0,#5dbc3c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65c241',endColorstr='#5dbc3c',GradientType=0);
-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.4);
-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.4);
-ms-box-shadow:inset 0 1px 5px rgba(0,0,0,.4);
-o-box-shadow:inset 0 1px 5px rgba(0,0,0,.4);
box-shadow:inset 0 1px 5px rgba(0,0,0,.4)
}

.details{
        position:relative;
    top:0px;
    left:0px;
margin:22px;
padding:0 0 25px;
width:589px;
float:left
}

.details p:last-child{
margin-bottom:0
}

.details h1{
margin:0 10px 5px 0;
font-size:36px;
display:inline
}

.details h1 a,.details h1 a:visited,.details h2 a,.details h2 a:visited,.details h3 a,.details h3 a:visited,.details h4 a,.details h4 a:visited,.details h5 a,.details h5 a:visited,.details h6 a,.details h6 a:visited{
color:#333;
text-decoration:none
}

.details h2{
margin:30px 0 20px;
font-size:24px
}

.details h3{
margin:30px 0 20px;
font-size:20px
}

.details h4{
margin:30px 0 20px;
font-size:18px
}

.details h5{
margin:30px 0 20px;
font-size:16px
}

.details h6{
margin:30px 0 20px;
font-size:14px
}

.details p a{
color:#b23739;
text-decoration:none
}

.details p a:hover,.details p a:active{
color:#d5151b
}

.details header{
margin:0 0 17px
}

.details figure{
margin:0 20px 0 0;
display:inline-block
}

.details p{
margin:20px 0;
display:block;
color:#333;
font-size:14px;
line-height:150%
}

.details .author{
margin:0 0 10px 0
}

.details .comments-nr{
vertical-align:7px
}

.details .preview-image{
margin:3px 0 20px 20px;
float:right;
display:inline-block;
display:inline
}

.details .preview-image img{
max-width:138px
}

.ie7 .details .preview-image img{
display:inline
}

.details figure{
margin:25px auto;
text-align:center;
display:block
}

.details figcaption{
margin:7px auto;
font-size:14px;
font-style:italic;
color:#777
}

.details img{
margin:0 auto;
display:block;
max-width:100%;
height:auto;
border-radius:3px;
/*-webkit-box-shadow:0 0 5px rgba(51,51,51,.15);
-moz-box-shadow:0 0 5px rgba(51,51,51,.15);
-ms-box-shadow:0 0 5px rgba(51,51,51,.15);
-o-box-shadow:0 0 5px rgba(51,51,51,.15);*/
/*box-shadow:0 0 5px rgba(51,51,51,.15)*/
}

.details>img{
margin:25px auto
}

.details .wp-smiley{
display:inline
}

.details ul,.details ol{
margin:20px 0;
padding:0 20px;
font-size:14px
}

.details ul{
list-style:circle
}

.details ol{
/*list-style:'';*/
}

.details li{
margin:5px 0
}

.details li a{
text-decoration:none
}

.details ul ul,.details ol ol,.details ul ol,.details ol ul{
font-size:13px;
margin:0 0 10px 0;
padding:0 15px;
list-style:disc
}

.details ul.pings{
margin:0;
padding:0;
font-size:11px
}

.details table{
margin:25px 0;
font-size:13px
}

.details th,.details td{
padding:7px 11px;
text-align:left;
border-top:1px solid rgba(0,0,0,.05);
border-left:1px solid rgba(0,0,0,.05)
}

.details th{
font-size:13px;
font-weight:bold;
background:#f9f9f9;
background:-moz-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e9e9e9));
background:-webkit-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-o-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e9e9e9',GradientType=0);
border-bottom:1px solid #ccc
}

.details table>tr:first-child td,.details table tr:first-child th{
border-top:0
}

.details table tr td:first-child,.details table tr th:first-child{
border-left:none
}

ins{
background:#79c64f;
padding:1px 5px;
border-radius:3px;
color:#fff
}

del{
color:#999
}

.details blockquote{
margin:30px 20px 25px 30px;
font-style:italic;
color:#888!important;
font-size:16px!important;
position:relative
}

.details blockquote:before{
content:"“";
font-size:60px;
color:#999;
position:absolute;
top:-13px;
left:-34px;
font-family:sans-serif
}

.details blockquote p{
margin:0
}

dl{
margin:25px 0;
padding:0 20px;
border-left:1px solid rgba(0,0,0,.08);
font-size:14px;
line-height:150%
}

dt{
font-weight:bold
}

dd{
margin:0 0 20px;
font-size:12px
}

mark{
padding:1px 5px;
border-radius:3px
}

.sharing-bar{
margin:0 0 25px;
padding:12px 16px 6px;
font-size:14px;
background:#f2f2f2;
background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-o-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:-ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
background:linear-gradient(top,#fff 0,#f2f2f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f2f2f2',GradientType=0);
border:1px solid #e5e5e5;
border-radius:5px
}

.twitter-bar,.fb-bar,.gplus-bar{
display:inline-block
}

.twitter-bar{
width:100px
}

.fb-bar{
width:150px;
position:relative;
top:-2px
}

.gplus-bar{
width:200px;
position:relative
}

.btn,.details p .demo,.details p .source_files,.details .demo,.details .source_files,.details p .btn,#comment-form .btn{
margin:0 15px 15px 0;
padding:10px 20px 8px;
display:inline-block;
width:auto;
height:auto;
line-height:16px;
font-size:13px;
color:#666;
border-radius:4px;
background:#eee;
background:-moz-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(1%,#f9f9f9),color-stop(100%,#e8e8e8));
background:-webkit-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:-o-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:-ms-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e8e8e8',GradientType=0);
border:1px solid #c9c9c9;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
-ms-box-shadow:0 1px 1px rgba(0,0,0,.1);
-o-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0,0,0,.1)
}

.btn:hover,.details p .btn:hover,#comment-form .btn:hover{
color:#333;
background:#e1e1e1;
background:-moz-linear-gradient(top,#fff 0,#efefef 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);
background:-o-linear-gradient(top,#fff 0,#efefef 100%);
background:-ms-linear-gradient(top,#fff 0,#efefef 100%);
background:linear-gradient(top,#fff 0,#efefef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#EFEFEF',GradientType=0)
}

.btn:active,.btn:focus{
border:1px solid #ccc
}

.btn-demo,.details p .btn-demo,.demo,.details .demo,.details p .demo{
padding:9px 20px 8px 46px;
background:url(../imgs/sprite-small.png) 15px -326px no-repeat #eee;
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-moz-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(1%,#f9f9f9),color-stop(100%,#e8e8e8));
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-webkit-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-o-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-ms-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
filter:none
}

.btn-demo:hover,.details p .btn-demo:hover,.demo:hover,.details .demo:hover,.details p .demo:hover{
color:#333;
background:url(../imgs/sprite-small.png) 15px -326px no-repeat #f5f5f5;
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-moz-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-webkit-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-o-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,-ms-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 15px -326px no-repeat,linear-gradient(top,#fff 0,#efefef 100%);
filter:none
}

.btn-files,.details p .btn-files,.source_files,.details .source_files,.details p .source_files{
padding:9px 20px 8px 46px;
border:1px solid #4ba031;
color:#fff;
background:url(../imgs/sprite-small.png) 15px -281px no-repeat #4aa031;
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-moz-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4aa031),color-stop(100%,#7dc051));
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-webkit-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-o-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-ms-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,linear-gradient(top,#4aa031 0,#7dc051 100%);
filter:none
}

.btn-files:hover,.details p .btn-files:hover .source_files:hover,.details .source_files:hover,.details p .source_files:hover{
background:url(../imgs/sprite-small.png) 15px -281px no-repeat #3db61a;
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-moz-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#236a18),color-stop(100%,#4aa031));
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-webkit-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-o-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,-ms-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite-small.png) 15px -281px no-repeat,linear-gradient(top,#236a18 0,#4aa031 100%);
color:#fff;
border:1px solid #307a20;
filter:none
}

.btn.gplus{
margin:0 0 15px;
text-decoration:none;
padding:10px 10px 8px 35px;
text-decoration:none;
display:inline-block;
background:url(../imgs/sprite-small.png) 10px -374px no-repeat #eee;
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-moz-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(1%,#f9f9f9),color-stop(100%,#e8e8e8));
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-webkit-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-o-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-ms-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%)
}

.btn.gplus:hover{
background:url(../imgs/sprite-small.png) 10px -374px no-repeat #f5f5f5;
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-moz-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-webkit-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-o-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,-ms-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite-small.png) 10px -374px no-repeat,linear-gradient(top,#fff 0,#efefef 100%);
filter:none
}

.author-bio{
margin:30px auto;
min-height:95px;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9
}

.author-bio figure{
margin:15px 15px 15px 0;
padding:2px;
display:inline-block;
float:left;
border-radius:4px;
border:1px solid #CCC
}

.ie7 .details .author-bio img{
display:inline
}

.details .author-bio h1,.details .author-bio h2,.details .author-bio h3,.details .author-bio h4{
margin:11px 0 0;
color:#666;
font-size:15px
}

.details .author-bio h1 a,.details .author-bio h2 a,.details .author-bio h3 a,.details .author-bio h4 a{
color:#666
}

.details .author-bio p{
margin:10px 0;
font-size:12px;
overflow:hidden
}

.details .related_posts{
margin:20px 0 10px;
font-size:20px;
font-family:Kreon,Arial,sans-serif
}

.details .related_posts+ul{
margin:10px 0
}

.commententry,.details .commententry{
margin:30px 0;
padding:0
}

.commententry ol,.commententry ul{
margin:0;
padding:0;
list-style:none
}

.commententry li{
list-style:none;
margin-bottom:30px
}

.pings li{
list-style:none
}

.comments h1,.commententry h1,.comments h2,.commententry h2,.comments h3,.commententry h3 .comments h4,.commententry h4{
color:#666;
font-size:24px
}

.comments h1 small,.comments h2 small,.comments h3 small,.comments h4 small{
color:#ccc;
font-size:24px
}

.comments figure,.commententry .gravatar{
margin:0 15px 15px 0;
padding:2px;
display:inline-block;
float:left;
text-align:center
}

.comments figure,.commententry .gravatar img{
padding:2px;
border-radius:4px;
border:1px solid #CCC;
background:#fff;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}

.commententry .gravatar img{
width:40px;
height:auto
}

.comments figure:hover{
border:1px solid #aaa
}

.ie8 .details .comments img{
max-width:48px
}

.ie7 .details .comments img{
display:inline
}

.comment{
margin:20px 0 30px
}

.article-author,.comment-author,.comment-author:hover,.author_name,.author_name a{
font-size:12px;
color:#333;
font-weight:bold;
font-style:normal;
text-decoration:none
}

.comment-author em,.author_name a{
font-style:normal
}

.comment_content .says{
font-size:12px;
color:#666
}

.details .comment-meta,.details .comment-meta a{
margin:3px 0 0;
font-size:10px;
color:#999;
text-decoration:none
}

.comment-body p,.comment_text p{
margin:10px 0;
font-size:12px;
color:#333
}

.comment footer{
margin:10px 0 10px 60px;
padding:0;
width:auto;
font-size:11px;
color:#999;
text-align:left
}

.comment .reply,.commententry .comment-reply-link{
font-size:11px;
color:#b23739;
text-decoration:none
}

.comment-children,.details .children{
margin:0 0 0 65px;
padding:0
}

.comment-children .comment,.children .comment{
margin:10px 0;
padding:10px;
border:1px solid #e6e6e6;
border-radius:5px
}

#comment-form{
overflow:hidden
}

#comment-form h1,#comment-form h2,#comment-form h3,#comment-form h4{
margin:20px 0 10px;
color:#666
}

#comment-form p{
margin:10px 0 0 10px;
float:right;
width:240px;
display:block
}

#comment-form .comment-field{
margin:10px 0;
float:left;
width:336px
}

#comment-form input,#comment-form textarea{
padding:8px 10px 7px;
font-size:12px;
color:#333;
border:1px solid #c9c9c9;
border-radius:3px;
background:#fbfbfb;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
-o-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}

#comment-form textarea{
width:314px;
height:180px
}

#comment-form input{
width:218px
}

#comment-form .subscribe-to-comments{
font-size:11px
}

#comment-form .subscribe-to-comments input{
margin:0 5px 0 0;
padding:0;
width:auto;
position:relative;
top:2px
}

#comment-form .btn{
padding:8px 15px 7px
}

#comment-form.contact .comment-field{
margin:10px 0;
float:none;
width:auto;
max-width:358px
}

.sidebar{
padding:15px 23px 80px;
float:right;
width:300px;
color:#666
}

.sidebar>div{
margin:25px 0
}

.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4{
margin:0 0 10px 0;
font-size:20px;
font-weight:normal
}

.sidebar>div:first-child{
margin:0 0 15px;
padding:5px;
}

.social-media{
margin:15px 0;
width:300px;
overflow:hidden;
background:#f8f8f8;
border:1px solid #eee;
border-radius:5px
}

.social-media a{
padding:4px 0 8px 37px;
display:block;
float:left;
font-size:11px;
color:#c1c1c1;
background:url(../imgs/sprite-small.png) no-repeat;
text-shadow:0 1px 0 #fff;
text-decoration:none
}

.social-media a:hover{
background-color:#f0f0f0
}

.social-media .twitter{
width:62px;
background-position:12px -36px
}

.social-media .facebook{
width:62px;
border-left:1px solid #eee;
border-right:1px solid #eee;
background-position:12px -72px
}

.social-media .rss{
width:63px;
background-position:12px -108px
}

.social-media .nr{
font-size:16px;
line-height:20px;
color:#666;
display:block;
font-family:Georgia,serif
}

.ads{
width:300px;
overflow:hidden
}

.ie7 .ads{
margin-top:-15px
}

.ads>div{
display:inline-block;
width:auto!important
}

.ads a,.ad{
margin:0 0 15px 0!important;
padding:6px;
width:125px;
height:125px;
display:inline-block;
vertical-align:top;
background:#eaeaea;
border-radius:5px
}

.ie7 .ads a,.ie7 .ad{
display:inline;
zoom:1;
float:left;
margin:15px 10px 15px 0
}

.ads .bsap{
display:inline!important
}

.ie7 .ads div{
display:inline;
zoom:1
}

.ads .even{
float:right
}

.ads .odd{
float:left
}

.ads.uneven-number-before-bsa .bsap .even{
float:left
}

.ads.uneven-number-before-bsa .bsap .odd{
float:right
}

.ie7 .ads .even{
margin:15px 0 15px 10px
}

.advertise-here,.adhere,.bsap{
line-height:115px;
vertical-align:top;
text-align:center !important;

text-decoration:none;
font-size:13px;
font-weight:normal!important;
color:#a8a8a8!important;
display:block
}

.advertise-here:hover,.adhere:hover{
background:#e7e7e7!important;
border:1px solid #ccc!important;
color:#666!important
}

.newsletter{
margin:0 0 15px;
overflow:hidden
}

.newsletter label{
display:none
}

.newsletter input{
margin:0;
padding:7px 5px 5px;
width:203px;
float:left;
color:#999;
font-size:12px;
background:#fbfbfb;
border:1px solid #c9c9c9;
border-right:0;
border-radius:5px 0 0 5px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.105);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.105);
-ms-box-shadow:inset 0 1px 2px rgba(0,0,0,.105);
-o-box-shadow:inset 0 1px 2px rgba(0,0,0,.105);
box-shadow:inset 0 1px 2px rgba(0,0,0,.105)
}

.newsletter .submit{
padding:7px 6px 5px 4px;
width:85px;
font-size:12px;
font-weight:bold;
border:1px solid #b23739;
color:#fff;
background:#b3383a;
background:-moz-linear-gradient(top,#b3383a 0,#c84d50 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b3383a),color-stop(100%,#c84d50));
background:-webkit-linear-gradient(top,#b3383a 0,#c84d50 100%);
background:-o-linear-gradient(top,#b3383a 0,#c84d50 100%);
background:-ms-linear-gradient(top,#b3383a 0,#c84d50 100%);
background:linear-gradient(top,#b3383a 0,#c84d50 100%);
border-radius:0 5px 5px 0;
text-shadow:0 -1px 1px rgba(0,0,0,.25)
}

.ie7 .newsletter .submit{
padding:6px 6px 3px 4px
}

.newsletter .submit:hover{
background:#c63b3d;
background:-moz-linear-gradient(top,#c63b3d 95%,#b22323 97%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(95%,#c63b3d),color-stop(97%,#b22323));
background:-webkit-linear-gradient(top,#c63b3d 95%,#b22323 97%);
background:-o-linear-gradient(top,#c63b3d 95%,#b22323 97%);
background:-ms-linear-gradient(top,#c63b3d 95%,#b22323 97%);
background:linear-gradient(top,#c63b3d 95%,#b22323 97%)
}

.newsletter .submit:active{
background:#b22323;
background:-moz-linear-gradient(top,#b22323 0,#c63b3d 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b22323),color-stop(100%,#c63b3d));
background:-webkit-linear-gradient(top,#b22323 0,#c63b3d 100%);
background:-o-linear-gradient(top,#b22323 0,#c63b3d 100%);
background:-ms-linear-gradient(top,#b22323 0,#c63b3d 100%);
background:linear-gradient(top,#b22323 0,#c63b3d 100%)
}

.newsletter input:focus{
outline:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none
}

.widget-posts{
font-size:11px
}

.ie7 .widget-posts{
margin:15px 15px 15px 0
}

.widget-posts ul{
margin:20px 0;
padding:0;
list-style:none
}

.widget-posts a{
color:#999;
text-decoration:none
}

.widget-posts .post-title{
font-size:13px;
font-weight:bold;
color:#666;
line-height:120%
}

.widget-posts .post-title:visited{
color:#8a8a8a
}

.widget-posts .post-title:hover,.widget-posts a:hover{
color:#b23739
}

.widget-posts li{
margin:0 0 16px
}

.widget-posts .author{
margin:0;
font-size:11px;
font-weight:normal;
text-decoration:none
}

.widget-posts .comments{
font-size:13px
}

.widget-posts .comments a{
color:#666
}

.widget-posts .comments a:hover{
color:#b23739
}

.widget-posts .comment-author{
font-weight:bold
}

.widget-posts .comments time{
display:block;
font-size:11px;
color:#999
}

.widget-tabs{
padding:40px 0 0;
position:relative
}

.widget-tabs h3{
padding:10px 0 10px;
position:absolute;
top:0;
right:0;
font-size:12px!important;
width:48%;
text-align:center;
font-weight:normal;
line-height:16px;
font-size:13px;
color:#666;
border-radius:4px;
border:1px solid #e2e2e2;
font-family:sans-serif;
cursor:pointer
}

.widget-tabs h3:hover{
color:#b23739
}

.widget-tabs section:first-child h3{
left:0
}

.ie7 .widget-tabs{
margin:0 15px
}

.ie7 .widget-tabs section h3{
display:inline;
zoom:1;
width:45%
}

.widget-tabs section.active h3{
color:#b23739;
background:#fefefe;
background:-moz-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fefefe),color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
background:-o-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
background:-ms-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
background:linear-gradient(top,#fefefe 0,#f2f2f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f2f2f2',GradientType=0);
cursor:default
}

.widget-tabs section ul{
display:none
}

.widget-tabs section.active ul{
display:block
}

.friends{
font-size:13px
}

.friends ul{
padding:0;
list-style:none
}

.friends li{
margin:0 0 10px;
padding:0 0 0 13px;
background:url(../imgs/sprite-small.png) 0 -243px no-repeat
}

.friends a{
color:#666;
text-decoration:none
}

.friends a:hover{
color:#b23739
}

.themescripts{
font-size:13px;
color:#666
}

.ie7 .themescripts{
margin:15px 10px 15px 0
}

.themescripts ul{
padding:0;
list-style:none
}

.themescripts li{
margin:10px 0;
overflow:hidden
}

.themescripts img{
margin:0 10px 0 0;
padding:2px;
float:left;
display:inline-block;
border:1px solid #ccc;
border-radius:4px
}

.themescripts img+br{
display:none
}

.themescripts a{
text-decoration:none;
color:#666
}

.themescripts strong{
color:#666;
font-weight:bold
}

.themescripts strong:hover,.themescripts li:hover strong{
color:#b23739
}

footer{
margin:20px auto 30px;
padding:0 20px;
width:940px;
position:relative;
text-align:right
}

footer p{
margin:5px 0;
font-size:12px;
color:#666
}

footer .powered-by{
color:#999
}

#back-to-top{
position:absolute;
top:-110px;
right:-30px;
z-index:100;
padding:15px 13px;
width:34px;
height:30px;
display:block;
border-radius:30px;
color:#8f8f8f;
font-size:11px;
line-height:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
background:#eee;
background:-moz-linear-gradient(top,rgba(255,255,255,0.73) 0,rgba(255,255,255,0.33) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.73)),color-stop(100%,rgba(255,255,255,0.33)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0.73) 0,rgba(255,255,255,0.33) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,0.73) 0,rgba(255,255,255,0.33) 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,0.73) 0,rgba(255,255,255,0.33) 100%);
background:linear-gradient(top,rgba(255,255,255,0.73) 0,rgba(255,255,255,0.33) 100%);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.23),inset 0 1px 1px #fff;
-moz-box-shadow:0 1px 2px rgba(0,0,0,.23),inset 0 1px 1px #fff;
-o-box-shadow:0 1px 2px rgba(0,0,0,.23),inset 0 1px 1px #fff;
-ms-box-shadow:0 1px 2px rgba(0,0,0,.23),inset 0 1px 1px #fff;
box-shadow:0 1px 2px rgba(0,0,0,.23),inset 0 1px 1px #fff
}

#back-to-top:hover{
color:#666;
background:#e1e1e1;
background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,0.63) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0.63)));
background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,0.63) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,0.63) 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,0.63) 100%);
background:linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,0.63) 100%)
}

#recomended-for-you{
background:#fff;
background:rgba(255,255,255,.9);
margin:0 0 0 -220px;
padding:20px;
position:fixed;
bottom:20px;
right:20px;
width:280px;
width:400px;
z-index:1000;
border:1px solid #ccc;
border-radius:3px;
-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
-o-box-shadow:0 0 3px rgba(0,0,0,.2);
-ms-box-shadow:0 0 3px rgba(0,0,0,.2);
box-shadow:0 0 3px rgba(0,0,0,.2);
-moz-transition:opacity 1s ease-in-out;
-o-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
-webkit-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
display:none
}

#recomended-for-you hgroup{
float:right;
width:75%
}

#recomended-for-you .title{
margin:0;
font-size:16px
}

#recomended-for-you .title a{
color:#333;
text-decoration:none
}

#recomended-for-you .subtitle{
margin:0;
font-size:12px;
text-transform:uppercase
}

#recomended-for-you figure{
float:left;
width:20%;
border:0;
padding:0
}

#recomended-for-you figure img{
width:75px;
height:auto;
padding:3px;
border:1px solid #ccc;
border-radius:3px
}

#recomended-for-you .close{
position:absolute;
top:0;
right:5px;
font-size:14px;
padding:10px;
cursor:pointer
}

.syntaxhighlighter{
padding:10px 0
}

.shareaholic-show-on-load{
margin-left:0!important
}

.resources{
padding:22px;
font-size:13px
}

.resources article{
margin:0 10px;
padding:20px;
margin-bottom:20px;
width:230px;
float:left;
position:relative;
border-radius:5px;
border:1px solid #ccc;
border-radius:5px
}

.resources .thumb{
margin:0 0 20px 0
}

.resources header h1,.resources header h2,.resources header h3,.resources header h4,.resources header h5,.resources header h6{
font-size:28px
}

.resources h1,.resources h2,.resources h3,.resources h4,.resources h5,.resources h6{
margin-top:0
}

.resources article h1 a,.resources article h2 a,.resources article h3 a,.resources article h4 a,.resources article h5 a,.resources article h6 a{
color:#222;
text-decoration:none
}

.resources article h1 a:hover,.resources article h2 a:hover,.resources article h3 a:hover,.resources article h4 a:hover,.resources article h5 a:hover,.resources article h6 a:hover{
color:#79c64f
}

#resourcesItems{
margin:30px 0
}

@media only screen and (min-width:1300px){
#menu{
position:absolute;
top:124px;
left:-150px;
width:150px;
height:auto;
border-radius:8px 0 0 8px;
border-right:0;
border-bottom:0;
-o-box-shadow:inset -2px 0 5px rgba(0,0,0,.05);
-ms-box-shadow:inset -2px 0 5px rgba(0,0,0,.05);
-webkit-box-shadow:inset -2px 0 5px rgba(0,0,0,.05);
-ms-box-shadow:inset -2px 0 5px rgba(0,0,0,.05);
box-shadow:inset -2px 0 5px rgba(0,0,0,.05);
background:#eee
}

#menu li{
float:none;
border-bottom:1px solid #d6d6d6;
border-right:0;
text-align:right
}

#menu li:hover{
border-bottom:1px solid #c9c9c9
}

#menu li.selected:hover,#nav li:hover{
border-bottom:0
}

#nav,#catnav{
margin:0;
float:none;
border-right:1px solid #ddd
}

#catnav a,#nav a{
padding:14px 20px 11px;
display:block
}

#catnav li:first-child a{
border-radius:8px 0 0 0
}

#nav{
background-color:#f6f6f6;
border-bottom:1px solid #d6d6d6;
border-right:1px solid #eee;
border-radius:0 0 0 8px;
padding:10px 0
}

#nav li{
border:0
}

#nav li:after{
content:none
}

#nav a{
background:#f6f6f6;
padding:4px 20px
}

#nav li:last-child a{
border-radius:0 0 0 8px
}

#main{
margin-top:0
}

.sidebar{
border-radius:0 8px 8px 0;
position:relative
}

.ads{
width:160px;
position:absolute;
right:-160px;
top:-15px;
top:-5px;
text-align:center
}

.ads .even,.ads .odd{
float:none!important
}

.ads .bsap a{
display:inline-block
}

.ad,.ads a{
border:1px solid #ccc
}

.ie7 .ads .even,.ie7 .ads a,.ie7 .ads .ad{
margin:10px 0 0 10px!important;
display:inline-block!important;
float:none!important
}

.ie7 .sidebar div:first-child{
margin-top:30px
}
}

@media only screen and (max-width:1050px){
#back-to-top{
top:-53px;
right:30px
}

footer{
padding:10px 20px 0
}
}

@media only screen and (max-width:980px){
.adsense{
display:none
}

#page-header{
width:90%
}

#main{
width:90%
}

.sidebar{
padding:15px 0 80px;
width:175px;
width:25%
}

.ie7 .sidebar{
text-align:center
}

.sidebar>div:first-child{
margin:0 auto 25px
}

.sidebar>div{
margin:25px auto;
width:150px
}

.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4{
font-size:18px
}

.ads{
width:auto;
text-align:center
}

.ads .even,.ads .odd,.ads.uneven-number-before-bsa .bsap .odd,.ads.uneven-number-before-bsa .bsap .even,.ads .bsap .even,.ads .bsap .odd{
float:none;
margin:0 0 10px 0;
display:inline-block
}

.ie7 .ads{
margin:15px auto
}

.ie7 .ads .even{
margin:15px 0
}

.ie7 .ads a,.ie7 .ad,.ie7 .even{
float:none;
text-align:center;
margin:0 auto;
display:inline
}

.social-media{
width:137px;
border:0
}

.ie7 .social-media{
text-align:left
}

.social-media a{
padding:4px 35px 8px 40px;
width:73px;
margin:0 auto;
float:none
}

.social-media .twitter,.social-media .facebook,.social-media .rss,.social-media .rss{
width:73px
}

.social-media .facebook{
border-left:none;
border-right:0
}

.newsletter{
margin:0 auto 15px;
width:150px
}

.newsletter input{
margin:0 0 5px;
width:137px;
float:none;
font-size:11px;
border-radius:5px
}

.newsletter .submit{
border-radius:5px
}

.widget-posts .post-title{
font-size:12px
}

.widget-posts .author{
font-size:10px
}

.widget-posts .comments{
font-size:12px
}

.widget-posts .comments time{
font-size:10px
}

.friends{
font-size:12px
}

.themescripts img{
margin:0 10px 5px 0;
float:none;
display:block
}

.widget-tabs{
padding:50px 0 0
}

.ie7 .widget-tabs{
padding:70px 0 0
}

.ie7 .widget-posts,.ie7 .newsletter,.ie7 .friends,.ie7 .themescripts{
text-align:left
}

.articles-intro{
width:75%
}

.article-intro p{
width:75%;
margin:12px 0 0 0
}

.article-intro figure{
margin:0;
width:20%;
height:auto
}

.article-intro img{
height:auto;
width:100%
}

.article-intro.featured header{
width:75%;
float:right
}

.info-tag{
margin-left:4%
}

.details{
margin:22px 0 0 22px;
width:70%
}

#comment-form .comment-field{
width:50%
}

#comment-form p{
width:40%;
float:left
}

#comment-form textarea{
width:90%;
height:186px
}

#comment-form input{
width:90%
}

footer{
width:90%
}
}

@media only screen and (max-width:980px){
#menu a{
padding:11px 15px 11px
}

#nav a{
padding:13px 15px 11px
}
}

@media only screen and (max-width:850px){
.adsense{
display:none
}

#main{
overflow:hidden
}

#main>section,.sidebar,.details{
float:none
}

.articles-intro{
width:100%
}

.details{
width:90%;
margin:20px auto
}

.article-intro.featured{
border-radius:8px 8px 0 0
}

#menu{
height:37px;
font-size:12px
}

#menu a{
padding:10px
}

#nav a{
padding:11px
}

.sidebar{
width:auto;
padding:15px 0 30px
}

.sidebar>div{
width:auto
}

.social-media{
width:auto;
text-align:center
}

.ie7 .social-media{
text-align:center
}

.social-media a{
display:inline-block;
text-align:left
}

.social-media .twitter,.social-media .facebook,.social-media .rss,.social-media .rss{
width:60px
}

.sidebar .ads{
margin:0 10px
}

.ads>div{
width:auto!important
}

.ads a,.ad,.ie7 .ads a,.ie7 .ad,.ie7 .ads .even{
margin:0 5px 15px 5px
}

.newsletter{
width:auto;
text-align:center
}

.ie7 .newsletter{
text-align:center
}

.newsletter input{
margin:0 0 5px;
width:200px;
float:none;
font-size:12px;
border-radius:5px 0 0 5px
}

.newsletter .submit{
border-radius:0 5px 5px 0
}

.widget-posts{
text-align:center
}

.ie7 .widget-posts{
text-align:center
}

.widget-posts section{
margin:0 20px;
width:45%;
max-width:250px;
display:inline-block;
vertical-align:top;
text-align:left
}

.sidebar .friends{
margin:25px 20px;
text-align:center
}

.sidebar .friends li{
padding:0 10px;
display:inline-block;
background:0;
margin:5px 0 5px -1px;
border-left:1px solid #ccc;
border-right:1px solid #ccc
}

.ie7 .sidebar .friends li{
display:inline;
zoom:1
}

.sidebar .themescripts{
margin:25px 20px 0;
text-align:center
}

.themescripts li{
margin:10px;
width:40%;
display:inline-block;
vertical-align:top;
text-align:left
}

.themescripts img{
margin:0 10px 0 0;
padding:2px;
float:left;
display:inline-block
}

.widget{
margin:20px;
text-align:center
}

.widgettitle,.tagcloud{
margin:0 20px 10px;
text-align:center
}
}

@media only screen and (max-width:767px){
.adsense{
display:none
}

table .gutter{
display:none!important
}

table th{
font-weight:bold
}

table td,table th{
padding:9px 10px;
text-align:left
}

table.responsive{
margin-bottom:0
}

.pinned{
position:absolute;
left:0;
top:0;
background:#fff;
width:35%;
overflow:hidden;
overflow-x:scroll;
border-right:1px solid #ccc;
border-left:1px solid #ccc
}

.pinned table{
border-right:0;
border-left:none;
width:100%
}

.pinned table th,.pinned table td{
white-space:nowrap
}

.pinned td:last-child{
border-bottom:0
}

div.table-wrapper{
position:relative;
margin-bottom:20px;
overflow:hidden;
border-right:1px solid #ccc
}

div.table-wrapper div.scrollable table{
margin-left:35%
}

div.table-wrapper div.scrollable{
overflow:scroll;
overflow-y:hidden
}

table.responsive td,table.responsive th{
position:relative;
white-space:nowrap;
overflow:hidden
}

table.responsive th:first-child,table.responsive td:first-child,table.responsive td:first-child,table.responsive.pinned td{
display:none
}
}

@media only screen and (max-width:740px){
.adsense{
display:none
}

#menu{
height:37px;
font-size:11px
}

#menu a{
padding:11px
}

#search input{
font-size:12px;
width:235px;
padding:8px 10px 4px 8px
}

#search input:focus{
padding:5px 10px 5px 8px
}

#search{
width:300px
}

#search input:focus+.submit{
width:300px;
background-position:276px 8px
}
}

@media only screen and (max-width:680px){
.adsense{
display:none
}

#menu a{
padding:11px 7px 11px
}

#recomended-for-you{
display:none!important
}
}

@media only screen and (max-width:600px){
.adsense{
display:none
}

#logo{
margin:9px 0 0
}

#main{
margin:0 auto 20px
}

.details{
margin:20px auto 0;
padding:0 0 5px
}

#page-header{
margin:0 auto 10px;
text-align:center
}

#menu{
margin:0 0 10px;
height:auto;
text-align:center;
background:0;
border:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none
}

#menu li{
float:none;
display:inline-block;
border-right:0;
margin:5px 0 5px 5px
}

.ie7 #menu li{
display:inline;
zoom:1
}

#catnav,#nav{
float:none;
display:inline;
margin:0
}

#catnav li:first-child a,#nav li:last-child a{
border-radius:3px
}

#menu a{
padding:5px 5px 4px;
border-radius:3px;
background:#f9f9f9;
background:-moz-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e9e9e9));
background:-webkit-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-o-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:-ms-linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
background:linear-gradient(top,#f9f9f9 0,#e9e9e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#e9e9e9',GradientType=0);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.12);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.12);
-ms-box-shadow:0 1px 1px rgba(0,0,0,.12);
-o-box-shadow:0 1px 1px rgba(0,0,0,.12);
box-shadow:0 1px 1px rgba(0,0,0,.12);
text-transform:capitalize
}

#search{
position:relative;
top:auto;
right:auto;
width:100%
}

#search input{
width:80%;
text-align:left;
border-right:0
}

#search input+.submit,#search input:focus+.submit{
width:100%;
background-position:99% 8px
}

.details table{
margin:25px 0
}

.themescripts li{
width:90%
}

.widget-posts section{
width:70%
}

.details table td,.details table th{
display:block;
border-top:1px solid rgba(0,0,0,.05)
}

.details table tr:first-child th{
border-top:1px solid rgba(0,0,0,.05)
}

.details table th td{
border:1px solid rgba(0,0,0,.05)
}

.details table tr,.details table thead tr:last-child{
border-bottom:1px solid #ccc
}

.details table tr:last-child{
border-bottom:0
}

.pagination{
margin:20px auto;
text-align:center;
width:90%
}
}

@media only screen and (max-width:490px){
.adsense{
display:none
}

.social-media{
border:0
}

.social-media a{
padding:4px 5px 8px 37px;
width:60px;
margin:0 auto;
float:none
}

.social-media .facebook{
width:45px
}

.social-media .facebook{
border-left:none;
border-right:0
}

footer{
padding:10px 10px 0
}
}

@media only screen and (max-width:420px){
.adsense{
display:none
}

#comment-form .comment-field{
float:none;
width:90%
}

#comment-form p{
width:90%;
float:none;
margin:10px 0
}

#comment-form input,#comment-form textarea{
width:95%
}

#comment-form.contact .comment-field{
width:90%
}

.newsletter{
margin:15px auto
}

.newsletter input{
width:55%
}

.newsletter .submit{
width:30%
}

.pagination li{
display:none
}

.pagination .next-page,.pagination .previous-page{
display:inline-block
}

.articles-intro{
padding:0
}
}

@media only screen and (max-width:355px){
.adsense{
display:none
}

.ads>div{
width:100%;
height:auto
}

.ads a,.ad{
width:40%;
height:auto
}

.ads a img,.ad img{
width:100%;
height:auto
}

.advertise-here{
line-height:90%
}

.ads a.adhere{
display:block!important;
margin:0 auto!important
}
}

@media only screen and (max-width:340px){
.adsense{
display:none
}

#main{
width:95%
}

.details .preview-image{
width:30%;
height:auto
}

.details .preview-image img{
width:100%;
height:auto
}

.comments figure,.commententry .gravatar{
margin:0 0 5px;
padding:0;
display:block;
width:100%;
text-align:left;
border:0
}

.commententry .gravatar img{
margin:0;
display:inline
}

.comment .reply,.commententry .comment-reply-link{
padding:0 0 0 2px;
position:relative;
top:14px
}

.comments figure:hover{
border:0
}

.article-author figure{
background:#ebebeb
}

.comments figure img{
margin:0;
padding:2px;
border:1px solid #CCC
}

.comment-body,.comment_text{
margin:0
}

.comment footer{
margin:10px 0
}

.comment-children,.details .children{
margin:0 0 0 10px
}

.themescripts li{
text-align:center;
width:40%;
font-size:11px
}

.themescripts img{
margin:0 auto 5px;
float:none;
display:block
}

.article-intro figure{
margin:0 0 10px 10px;
float:right;
display:inline-block;
width:35%
}

.article-intro .entry-text p:first-child{
display:inline;
width:auto;
float:none
}

.info-tag{
margin:0
}

.article-intro.featured header{
width:100%;
float:none
}

.article-intro p{
width:100%
}

.tags{
padding:0
}

.article-intro h1,.details h1{
font-size:24px
}

.details .comments-nr{
vertical-align:5px
}

.featured .preview-image{
display:none
}

.tags{
display:none
}

.widget-posts,.friends{
display:none
}
}

@media only screen and (max-width:300px){
#page-header{
width:90%
}

#logo{
margin:9px 3px 0 0;
padding:10px 0
}

#logo img{
width:150px;
height:auto
}

.adsense{
display:none
}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){
.backgroundsize #search .submit{
background-image:url(../imgs/sprite.png);
background-size:16px 310px
}

.backgroundsize .comments-nr{
background-size:16px 310px,100px 100px;
background:url(../imgs/sprite.png) 8px -20px no-repeat #f9f9f9;
background:url(../imgs/sprite.png) 8px -20px no-repeat,-moz-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite.png) 8px -20px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(1%,#f9f9f9),color-stop(100%,#e9e9e9));
background:url(../imgs/sprite.png) 8px -20px no-repeat,-webkit-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite.png) 8px -20px no-repeat,-o-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite.png) 8px -20px no-repeat,-ms-linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background:url(../imgs/sprite.png) 8px -20px no-repeat,linear-gradient(top,#f9f9f9 1%,#e9e9e9 100%);
background-size:16px 310px,100% 100%
}

.backgroundsize .btn-demo,.backgroundsize .demo,.backgroundsize .details p .btn-demo,.backgroundsize .details .demo,.backgroundsize .details p .demo{
background:url(../imgs/sprite.png) 15px -239px no-repeat #eee;
background:url(../imgs/sprite.png) 15px -239px no-repeat,-moz-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(1%,#f9f9f9),color-stop(100%,#e8e8e8));
background:url(../imgs/sprite.png) 15px -239px no-repeat,-webkit-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-o-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-ms-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
filter:none;
background-size:16px 310px,100%,100%
}

.backgroundsize .btn-demo:hover,.backgroundsize .details p .btn-demo:hover,.backgroundsize .demo:hover,.backgroundsize .details .demo:hover,.backgroundsize .details p .demo:hover{
color:#333;
background:url(../imgs/sprite.png) 15px -239px no-repeat #f5f5f5;
background:url(../imgs/sprite.png) 15px -239px no-repeat,-moz-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
background:url(../imgs/sprite.png) 15px -239px no-repeat,-webkit-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-o-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,-ms-linear-gradient(top,#fff 0,#efefef 100%);
background:url(../imgs/sprite.png) 15px -239px no-repeat,linear-gradient(top,#fff 0,#efefef 100%);
filter:none;
background-size:16px 310px,100%,100%
}

.backgroundsize .btn-files,.backgroundsize .details p .btn-files,.backgroundsize .source_files,.backgroundsize .details p .source_files,.backgroundsize .details .source_files{
background:url(../imgs/sprite.png) 15px -201px no-repeat #4aa031;
background:url(../imgs/sprite.png) 15px -201px no-repeat,-moz-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4aa031),color-stop(100%,#7dc051));
background:url(../imgs/sprite.png) 15px -201px no-repeat,-webkit-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-o-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-ms-linear-gradient(top,#4aa031 0,#7dc051 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,linear-gradient(top,#4aa031 0,#7dc051 100%);
filter:none;
background-size:16px 310px,100%,100%
}

.backgroundsize .btn-files:hover,.backgroundsize .details p .btn-files:hover,.backgroundsize .source_files:hover,.backgroundsize .details p .source_files:hover,.backgroundsize .details .source_files:hover{
background:url(../imgs/sprite.png) 15px -201px no-repeat #3db61a;
background:url(../imgs/sprite.png) 15px -201px no-repeat,-moz-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#236a18),color-stop(100%,#4aa031));
background:url(../imgs/sprite.png) 15px -201px no-repeat,-webkit-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-o-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,-ms-linear-gradient(top,#236a18 0,#4aa031 100%);
background:url(../imgs/sprite.png) 15px -201px no-repeat,linear-gradient(top,#236a18 0,#4aa031 100%);
filter:none;
background-size:16px 310px,100%,100%
}

.backgroundsize .social-media a{
background:url(../imgs/sprite.png) no-repeat;
background-size:16px 310px
}

.backgroundsize .social-media .facebook{
background-position:12px -69px
}

.backgroundsize .social-media .rss{
background-position:12px -102px
}

.backgroundsize .social-media .twitter{
background-position:12px -36px
}

.backgroundsize .friends li{
background:url(../imgs/sprite.png) 2px -153px no-repeat;
background-size:16px 310px
}

.backgroundsize .sidebar .widget .btn.gplus{
background:url(../imgs/sprite.png) 10px -284px no-repeat #eee;
background:url(../imgs/sprite.png) 10px -284px no-repeat,-moz-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 10px -284px no-repeat,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(1%,#f9f9f9),color-stop(100%,#e8e8e8));
background:url(../imgs/sprite.png) 10px -284px no-repeat,-webkit-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 10px -284px no-repeat,-o-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 10px -284px no-repeat,-ms-linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background:url(../imgs/sprite.png) 10px -284px no-repeat,linear-gradient(top,#fff 0,#f9f9f9 1%,#e8e8e8 100%);
background-size:16px 310px,100% 100%
}
}

.ir{
display:block;
border:0;
text-indent:-999em;
overflow:hidden;
background-color:transparent;
background-repeat:no-repeat;
text-align:left;
direction:ltr;
*line-height:0
}

.ir br{
display:none
}

.hidden{
display:none!important;
visibility:hidden
}

.visuallyhidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto
}

.invisible{
visibility:hidden
}

.clearfix:before,.clearfix:after{
content:"";
display:table
}

.clearfix:after{
clear:both
}

.clearfix{
*zoom:1
}

@media print{
*{
background:transparent!important;
color:black!important;
text-shadow:none!important;
filter:none!important;
-ms-filter:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
-o-box-shadow:none!important;
-ms-box-shadow:none!important;
box-shadow:none!important
}

a,a:visited{
text-decoration:underline
}

a[href]:after{
content:" (" attr(href) ")"
}

abbr[title]:after{
content:" (" attr(title) ")"
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
content:""
}

pre,blockquote{
border:1px solid #999;
page-break-inside:avoid
}

thead{
display:table-header-group
}

tr,img{
page-break-inside:avoid
}

img{
max-width:100%!important
}

@page{
margin:.5cm
}

p,h2,h3{
orphans:3;
widows:3
}

h2,h3{
page-break-after:avoid
}

#menu,#search,.sidebar,#back-to-top,.pagination,#comment-form{
display:none
}

.details{
width:100%
}

h1,h2,h3,h4{
font-family:sans-serif
}

footer{
border-top:1px solid #ccc;
text-align:left
}
}

a{
color:#666
}

.sidebar ul li{
list-style-type:none
}

.syntaxer{
font-size:10px!important
}

.comment_text{
overflow:hidden
}
.edit-post{
    display: block;
    font-size: 90%;
    position: absolute;
    right: 5px;
    top: 2px;
    z-index: 999;
    background-color: #fff;
    /*background-image: url('../imgs/edit.png');*/
    width:25px;
    height:25px;
    border:1px solid #fff;
    border-radius: 3px;
}
.post-edit{
    display: none;
    font-size: 90%;
    position: absolute;
    right: 5px;
    top: 2px;
    z-index: 999;
    background-color: #fff;
    /*background-image: url('../imgs/edit.png');*/
    width:25px;
    height:25px;
    border:1px solid #fff;
    border-radius: 3px;
    
}
.post-edit:hover,.edit-post:hover{
    border-color: #CCC;
    /*-webkit-filter: invert(100%);*/  
    
}
