/*
Theme Name: 50/50
Theme URI: http://themes.sqrt121.com/5050/
Description: An awesome theme for creatives!
Author: Collision
Author URI: http://www.sqrt121.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/
/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
    display: block;
}

/* End hide from IE Mac */
.none {
    display: none;
}

/* End Clearfix */
/*-----------------------------------------------------------------------------------*/
/*	SETTINGS
/*-----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,
p {
    font: 12px Helvetica, Arial;
    color: #333;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.6em;

}

.sf-menu {
    font: 12px Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}

body,
input,
button,
textarea {
    font-family: Arial, Helvetica;
    border: none;

}

a:hover {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

a img {
    border: none;

}

img {
    vertical-align: bottom;
}

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {
    margin-bottom: 10px;
}

p {
    text-align: justify;
    line-height: 150%;
}

/*-----------------------------------------------------------------------------------*/
/*	HEADINGS
/*-----------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'BebasNeueRegular', Helvetica, Arial;
    /*font-family: 'Arimo', Arial;*/
    /*font-family: 'Open Sans', sans-serif;*/
    color: #000;
    line-height: 1.1em;
    text-decoration: none;
    /*font-weight: bold;*/
    font-weight: normal;
    padding-bottom: 1.1em;

}

h1 {
    word-spacing: normal;
    text-align: left;
    letter-spacing: -1px;
    font-size: 3em; /*36px*/
}

h2 {
    word-spacing: normal;
    text-align: left;
    letter-spacing: -1px;
    font-size: 2.5em;
}

h3 {
    word-spacing: 0.1em;
    text-align: left;
    letter-spacing: 0;
    font-size: 2em; /*24px*/
}

h4 {
    word-spacing: -0.05em;
    text-align: left;
    letter-spacing: 0;
    font-size: 1.6em;
}

h5 {
    word-spacing: -0.1em;
    text-align: left;
    letter-spacing: 0;
    font-size: 1.5em;
}

h6 {
    word-spacing: -0.1em;
    text-align: left;
    letter-spacing: 0;
    font-size: 1.3em;
}

/*-----------------------------------------------------------------------------------*/
/*	FORM STYLES
/*-----------------------------------------------------------------------------------*/

input,
textarea {
    outline: 0;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition: box-shadow 0.25s ease-out;
    -moz-transition: box-shadow 0.25s ease-out;
    transition: box-shadow 0.25s ease-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=submit], button[type=submit] {
    border: none;
    cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	CONTENT STYLES
/*-----------------------------------------------------------------------------------*/

address {
    font-style: italic;
}

abbr[title],
acronym[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px dotted #666;
    font-weight: bold;
}

blockquote p {
    border-top: 1px solid #DFDFDF;
    border-width: 1px 0;
    display: block;
    width: 100%;
    padding: 10px;
    clear: both;
    color: #999;
    font-family: Georgia;
    font-style: italic;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 1.5em;
    text-align: center;
}

q {
    font-family: "Droid Serif", Georgia, Times, serif;
    font-style: italic;
    font-size: 16px;
    line-height: 150%;
}

strong {
    font-weight: bold;
}

em,
dfn {
    font-style: italic;
}

cite {

}

dfn {
    font-weight: bold;
}

sup {
    font-size: 11px;
    vertical-align: top;
}

sub {
    font-size: 11px;
    vertical-align: bottom;
}

small {
    font-size: 11px;
}

del {
    text-decoration: line-through;
}

ins {
    text-decoration: underline;
}

code,
pre {
    line-height: 100%;
}

var,
kbd,
samp,
code,
pre {
    font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
}

kbd {
    font-weight: bold;
}

samp,
var {
    font-style: italic;
}

pre {
    white-space: pre;
    overflow: auto;
    padding: 5px;
    clear: both;
    line-height: 19px;

}

code {
    padding: 3px;
    line-height: 20px;
}

ul,
ol,
dl {
    line-height: 160%;
    list-style: none;
}

ol {
    list-style: inside decimal;
}

.numbers {
    list-style: inside decimal;
}

.circle {
    list-style: inside disc;
}

.square {
    list-style: inside square;
}

table {
    line-height: 18px;
    margin: 0 0 22px 0;
    text-align: left;
    padding: 0 5px;
}

caption {
    font-size: 11px;
    margin-bottom: 10px;
    text-align: left;
}

th,
td {
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

img.alignleft {
    float: left;
    margin: 10px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 10px 0 25px 20px;
    clear: both;
}

img.size-large {
    margin: 10px 0 20px -180px;
}

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	DOCUMENT SETUP
/*-----------------------------------------------------------------------------------*/
.page-title {
    width: 978px;
    margin: auto;
}

.page-title .container {
    padding: 50px 0 15px 0;
    /*font-family: Georgia, times;*/
    /*font-weight: normal;*/
}
.page-title .info {
    padding: 10px 0 0px 0;
}


.divider-top,
.footer,
.resize-scroll {
    display: none;
}

.top .content {

}

.resize-scroll {
    position: relative;
    width: 100%;
}

.resize-scroll .top {
    position: relative;
    width: 978px;
    margin: auto;
}

div.full-width.resize-scroll .top {
    width: 90%;
}

.resize-scroll .top .content {
    position: absolute;
    width: 100%;
    padding: 50px 0 80px 0;
    bottom: 0px;
}

.resize-scroll .top .info {
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 40px;
}

.resize-scroll .bottom {
    width: 100%;
}

.resize-scroll .bottom .content {
    width: 978px;
    margin-left: auto;
    margin-right: auto;
    /*padding: 0 0 50px 0;*/
}

.content .preloader {
    padding: 150px 0 150px 480px;

}

ul.entry-meta {
    line-height: 100%;
    margin-top: 10px;
    overflow: auto;
}

.single .format-video {
    width: 978px;
}

/* first time message*/
.first-time {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;

}

.first-time .container {
    padding: 10px;
    width: 450px;
    margin: auto;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.first-time .container p {
    margin: 0 0 0 10px;
    width: 410px;

}

div.first-time .icon-big {
    background-position: -10px -339px;
}

/*-----------------------------------------------------------------------------------*/
/*	logo
/*-----------------------------------------------------------------------------------*/

.divider-top{
    position: relative;
    width: 100%;
    height:9px;
    background: url(images/divider.png) repeat;
    z-index: 985;
    margin-bottom: -9px;
}
.divider-bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:9px;
    background: url(images/divider.png) repeat;
}


.site-top {
    position: relative;
}
.site-top .container {

    width: 978px;
    margin: auto;

}

.site-id {
    padding-top: 10px;
    /*margin-left: 20px;*/
}

.site-id .logo {
    padding-bottom: 20px;
    float: left;
}

.site-id .tagline {
    float: left;
    margin-top: 28px;
    margin-left: 20px;
    font-size: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	Main Menu
/*-----------------------------------------------------------------------------------*/
#mainmenu {
    float: right;
    margin-right: 20px;
    margin-top: 22px;
}

/* superfish */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 150px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

/* skin */
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
}

.sf-menu li {
    font-size: 12px;
    font-weight: bold;
}

.sf-menu li li {
    line-height: 35px;
    font-weight: normal;
}

.sf-menu li li:first-child {
    border-top: none;
}

.sf-menu li li a {
    padding: 0px 0px 0px 2px;
}

.sf-menu li li li {
    font-weight: normal;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    padding: 3px 10px 3px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*	Home
/*-----------------------------------------------------------------------------------*/
.home-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-wrapper .content {
    position: absolute;
    bottom: 0px;
    height: 300px;
    padding: 50px 0 0 0;
}

.home-wrapper .content .hentry {
    /*float: left;*/
    position: absolute;
    /*width: 222px;*/
    height: 235px;
    padding: 5px;

}

.home-wrapper .content .hentry img {
    padding: 0 0 5px 0;

}

.home-wrapper .content .hentry span {
    position: absolute;
    background-position: -11px -296px;
}

.home-wrapper .content .hentry .description .title {
    padding: 5px 10px 0 10px;
}

.home-wrapper .content .hentry .description p {
    padding: 5px 10px 10px 10px;
    text-align: left;
}

.home-wrapper .description p {
    margin-bottom: 0;
}

.home-wrapper .categories {
    position: absolute;
    bottom: 0px;
    height: 30px;
    width: 100%;
}

.home-wrapper .categories .container {
    width: 978px;
    margin: auto;
    font-size: 11px;
}

.home-wrapper .categories .container a {
    margin-left: 3px;
    padding: 1px 6px 3px 6px;
}

.category-item-selected {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*	Blog
/*-----------------------------------------------------------------------------------*/
.blog-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.blog-wrapper .content {
    position: absolute;
    bottom: 0px;
    height: 380px;
    padding: 50px 0 0 0;
}

.blog-wrapper .new-content .hentry,
.blog-wrapper .content .hentry {
    position: absolute;
    width: 500px;
    height: 274px;
    padding: 5px;
}

.blog-wrapper .content .hentry .meta-container {
    float: left;
    width: 100px;
    height: 264px;
    padding: 10px 20px 0 0;
}

.blog-wrapper .content .hentry .meta-container ul.entry-meta {
    position: relative;
    text-align: right;
    border: none;
    line-height: 100%;
    margin: 0px;

}


.blog-wrapper .entry-meta li {
    padding: 0px 0px 14px 0px;
    font-size: 11px;

}

.blog-wrapper ul.entry-meta li span {
    display: inline-block;
}

.blog-wrapper .entry-meta li.permalink span {
    width: 34px;
    height: 36px;
}

.blog-wrapper .entry-meta li.date {
    font-size: 12px;
    color: #484848;
}

.blog-wrapper .entry-meta li.categories a {
  /*display: block;*/
}
.blog-wrapper .content .hentry .meta-container ul.post-categories {
    margin: 0;
}
.blog-wrapper .content .hentry .meta-container ul.post-categories li {
    padding: 0;
}
.blog-wrapper .entry-meta li.comment-count {
    font-style: italic;
}

.blog-wrapper .format-standard .entry-meta .permalink .icon-big {
    background-position: -44px -249px;
}

.blog-wrapper .format-aside .entry-meta .permalink .icon-big {
    background-position: -43px -86px;
}

.blog-wrapper .format-quote .entry-meta .permalink .icon-big {
    background-position: -43px -126px;
}

.blog-wrapper .format-link .entry-meta .permalink .icon-big {
    background-position: -43px -167px;
}

.blog-wrapper .format-gallery .entry-meta .permalink .icon-big {
    background-position: -44px -208px;
}

.blog-wrapper .format-video .entry-meta .permalink .icon-big {
    background-position: -44px -2px;
}

.blog-wrapper .format-audio .entry-meta .permalink .icon-big {
    background-position: -44px -43px;
}

.blog-wrapper .format-image .entry-meta .permalink .icon-big {
    background-position: -44px -208px;
}

.blog-wrapper .entry-meta .date .icon {
    background-position: 0px -88px;
}

.blog-wrapper .entry-meta .date a:hover .icon {
    background-position: -26px -88px;
}

.blog-wrapper .entry-meta .comment-count .icon {
    background-position: 0px -195px;
}

.blog-wrapper .entry-meta .comment-count a:hover .icon {
    background-position: -26px -195px;
}

.blog-wrapper .content .hentry .content-container {
    float: left;
    padding: 10px 0px 0px 20px;
    width: 350px;
}

.blog-wrapper .content .hentry .entry-title {
    padding: 0px 0px 20px 0px;
    font-weight: normal;
    /*font-family: 'BebasNeue', helvetica;*/
}

.blog-wrapper .content .hentry p {
    font-size: 12px;
    text-align: left;
}

/* gallery style*/
.blog-wrapper .content .hentry .gallery {
    position: relative;
}

.blog-wrapper .content .hentry .gallery .navigation {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.blog-wrapper .content .hentry .gallery .navigation .icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.blog-wrapper .content .hentry .gallery .navigation .prev {
    margin-right: 1px;
    background-position: -3px -165px;
}

.blog-wrapper .content .hentry .gallery .navigation .next {
    background-position: -2px -138px;
}

.blog-wrapper .new-content {
    display: none;
}

.blog-wrapper .info {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 30px;
}

.blog-wrapper .info .container {
    width: 978px;
    margin: auto;
    font-size: 11px;
}

/* search box */
.blog-wrapper .info .container .search {
    margin-top: -8px;
}

#searchform input.text {
    display: none;
    width: 200px;
    font-size: 11px;
}

#searchform div.submit {
    margin: 4px 10px 0 0;
}

#searchform .icon-big {
    background-position: -10px -380px;
}

/*************
style formats
**************/

.blog-wrapper .content .format-quote .entry-title,
.blog-wrapper .content .format-link .entry-title {
    padding: 0;
}

.blog-wrapper .format-quote .entry-title-small,
.blog-wrapper .format-link .entry-title-small {
    /*font-style: italic;*/
    font-weight: normal;
    /*font-family: 'District', helvetica;*/
    padding: 0px 0 20px 0;
}

/*-----------------------------------------------------------------------------------*/
/*	Portfolio Post
/*-----------------------------------------------------------------------------------*/
.single-portfolio .top .content .slider {
    display: inline-block;
}

.single-portfolio .top .content .slider  .navigation {
    position: relative;
}

.single-portfolio .top .content .slider .prev {
    position: absolute;
    left: -50px;
}

.single-portfolio .top .content .slider .next {
    position: absolute;
    background-position: 0px -27px;
    right: -50px;
}

.single-portfolio .top  .info li {
    margin-right: 10px;
}

.single-portfolio .top  .info a {
    padding: 0px 5px 1px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.single-portfolio .top  .info span {
    margin-top: -4px;
}

.single-portfolio .top  .info li.prev {
    margin-right: 2px;
}

.single-portfolio .top .info .client span {
    background-position: -26px -54px;

}

.single-portfolio .top .info .date span {
    background-position: -26px -81px;
}

.single-portfolio .top .info .tags span {
    background-position: -26px -108px;
}

.single-portfolio .top  .info .tags a {
    margin-right: 2px;
}

.single-portfolio .bottom {
    width: 100%;
}

.single-portfolio .bottom .content {
    width: 978px;
    margin-left: auto;
    margin-right: auto;
}

.single-portfolio .bottom .info {
    padding: 20px 0;

}

/*-----------------------------------------------------------------------------------*/
/*	Blog Post
/*-----------------------------------------------------------------------------------*/

.blog-post-wrapper .top .content .assets {
    display: inline-block;
}

.blog-post-wrapper .top .content .entry-title {
    /*padding: 10px 10px 0px 10px;*/
    padding: 20px 0 0 0;
}

.blog-post-wrapper .top .content .entry-title-small {
    /*padding: 3px 10px 0 10px;*/
    padding: 10px 0px;
}

.blog-post-wrapper .top .content .entry-content {
    /*padding: 10px 10px 20px 10px;*/
    padding: 20px 0 0 0;
    text-align: justify;
}

.blog-post-wrapper ul.entry-meta {
    line-height: 160%;
    margin: 0;
    overflow: visible;
}

.blog-post-wrapper .top  .info li {
    margin-right: 10px;
    float: left;
}

.blog-post-wrapper .top  .info a {
    padding: 1px 5px 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.blog-post-wrapper .top  .info span {
    margin-top: 3px;
}

.blog-post-wrapper .top .info .author span {
    background-position: -26px -61px;
}

.blog-post-wrapper .top .info .date span {
    background-position: -26px -88px;
}

.blog-post-wrapper .top .info .categories span {
    background-position: -26px -115px;
}

.blog-post-wrapper .bottom {
    width: 100%;
}

.blog-post-wrapper .bottom .content {
    width: 978px;
    margin-left: auto;
    margin-right: auto;
}

/* post formats*/

/* aside */
.blog-post-wrapper .format-aside .text {
    /*font-weight: normal;*/
    padding: 0;
}

/* gallery*/
.format-gallery .assets  .navigation {
    position: relative;
}

.format-gallery .assets .navigation .prev {
    position: absolute;
    left: -50px;
}

.format-gallery .assets .navigation .next {
    position: absolute;
    background-position: 0px -27px;
    right: -50px;
}

/* quote */
.blog-post-wrapper .format-quote .entry-title {
    /*font-weight: normal;*/
}

.blog-post-wrapper .format-quote .entry-title-small {
    font-weight: normal;
}

/* link */
.blog-post-wrapper .format-link .entry-title {
    /*font-weight: normal;*/
}

.blog-post-wrapper .format-link .entry-title-small {
    font-weight: normal;
}

/*-----------------------------------------------------------------------------------*/
/*	Comments
/*-----------------------------------------------------------------------------------*/
.comments {
    padding: 20px 0 0 0;
}

ol.comment-list, ol.ping-list {
    list-style: none;
    padding-bottom: 50px;
    margin: 0;
}

ol.comment-list #respond {
    padding: 20px 0 0 0;
    margin: 30px 0 0 0;

}

.comments .navigation {
    padding: 0 0 20px 0;
}

.comments .navigation a {
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px 3px 5px;
}

li.comment {
    padding-top: 50px;
}

li.depth-1:first-child {
    padding: 0;
}

li.comment ul {
    margin-left: 84px;
}

.comment-meta {
    width: 138px;
    line-height: 120%;
}

.comment-meta label {
    display: block;
    font-weight: bold;
}

.comment-meta small {
    display: block;
    font-size: 11px;
}

.comment-body {
    margin-left: 168px;
}

.comment-body p {
    font-size: 12px;
    text-align: justify;
}

p.nocomments {
    padding: 20px 0 35px 0;
    margin: 0;
}

li.ping {
    padding: 5px 0 0 10px;
}

#respond {
    padding: 20px 0 40px 0;
}

#respond .cancel-comment-reply {
    margin-left: 20px;
}

#respond form {
    /*margin-top: 20px;*/
}

#respond form input[type=text], #respond form textarea {
    font-size: 11px;
    width: 178px;
}

#respond form textarea {
    width: 400px;
    max-width: 400px;
}

#respond form p {
    margin: 0 0 5px 0;
}

#respond input:focus,
#respond textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#respond .submit {
    /*height: 26px;*/
    /*width: 120px;*/
    /*background-position: 90px -27px;*/
    /*text-align: left;*/

    font-size: 11px;
}

#respond form label {
    margin: 0 0 0 10px;
    font-size: 11px;
}

/*-----------------------------------------------------------------------------------*/
/*	Contact
/*-----------------------------------------------------------------------------------*/

.contact .top .content {
    /*left: 125px;*/
    width: 726px;
}

.contact .top .content .thanks {
    width: 500px;
    height: 100px;
    margin: auto;

}

.contact .top .content .form {
    width: 474px;
}

.contact .error:not(input) {
    padding: 10px 0;
}

/* form*/
.contactform input {
    width: 276px;

}

.contactform textarea {
    width: 474px;
    resize: none;
}

.contactform input,
.contactform textarea {
    margin-bottom: 10px;
}

.contactform label {

    margin: 0 0 0 10px;
    font-size: 11px;
}

.contactform  .submit {
    /*height: 26px;*/
    /*width: 90px;*/
    /*background-position: 60px -27px;*/
    /*text-align: left;*/
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px;
}

.contactform  span {
    font-size: 11px;
}

.contact .top .content .text {
    width: 222px;
}

/*-----------------------------------------------------------------------------------*/
/*	Archives
/*-----------------------------------------------------------------------------------*/
.archives .content {
    width: 978px;
    padding: 0 0 50px 0;
}

.archives a {
    padding: 0 3px;
}

.archives .lists {
    margin: 60px 0 0 0;
}

.archives .lists ul {
    margin: 0;

}

.archives .lists a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 1px 5px 2px 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	404 page
/*-----------------------------------------------------------------------------------*/
.error404 .resize-scroll .content {
    width: 978px;
}

.error404 .resize-scroll .content .container {
    /*margin: auto;*/
    height: 200px;
}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
.footer {
    font-size: 11px;
    position: relative;
    width: 100%;
}

.footer .widgets {
    width: 978px;
    margin: auto;
    padding: 10px;
}

.footer .widgets .widget {
    width: 231px;
    float: left;
    padding: 0 0 0 18px;

}

/* fix 4th widget padding*/
.footer .widgets .widget:first-child {
    padding: 0 0 0 0;
}

.footer .widgets h6 {
    padding: 20px 0px 20px 0px;
}

.footer .widgets .twitter li {
    margin-bottom: 10px;
}

.footer .widgets .twitter span {
    display: block;
}

.footer .widgets .twitter span>a {
    font-style: italic;
}

.footer .widgets .twitter li>a {

}

.subfooter{
    position: absolute;
    width: 100%;
    bottom:20px;

}
.subfooter .container {
    width:978px;
    margin: auto;
}
.subfooter  .social {
    float: left;
    /*margin-left: 20px;*/
}

.footer .social li {
    margin-left: 4px;
}

.footer .social li a {
    opacity: 0.5;
}

.footer .social li a:hover {
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    opacity: 1;
}

.subfooter .text {
    float: right;
    font-size: 11px;
    /*margin-right: 20px;*/

}

.footer ul a {
    font-size: 11px;
}

/*-----------------------------------------------------------------------------------*/
/*	widgets
/*-----------------------------------------------------------------------------------*/
.widgets .col_flickr_widget .container div {
    float: left;
    margin: 0 5px 5px 0;

}

.widgets .col_flickr_widget .container img {
    width: 43px;
    height: 43px;
    /*border: solid 2px #d7d6d6;*/
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.widgets .col_flickr_widget .container img:hover {
    /*border: solid 2px #fff;*/
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

/* custom latest blog posts*/
.widget_col_widget_posts li {
    padding-bottom: 10px;
    overflow: auto;
}

.widget_col_widget_posts li label {
    width: 190px;
    margin-left: 10px;
    float: left;
}

.widget_col_widget_posts small {
    display: block;
    margin-left: 30px;
    float: left;
    clear:both;
}

.widget_col_widget_posts li.standard .icon-big {
    background-position: -11px -257px
}

.widget_col_widget_posts li.aside .icon-big {
    background-position: -11px -92px
}

.widget_col_widget_posts li.audio .icon-big {
    background-position: -11px -51px
}

.widget_col_widget_posts li.video .icon-big {
    background-position: -11px -10px
}

.widget_col_widget_posts li.gallery .icon-big {
    background-position: -11px -215px
}

.widget_col_widget_posts li.image .icon-big {
    background-position: -11px -215px
}

.widget_col_widget_posts li.quote .icon-big {
    background-position: -11px -133px
}

.widget_col_widget_posts li.link .icon-big {
    background-position: -11px -174px
}

/* widget portfolio latest posts*/

.widget_col_widget_portfolio_posts .container div.item {

    margin-bottom: 10px;
}

.widget_col_widget_portfolio_posts img {
    width: 60px;
    height: 45px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.widget_col_widget_portfolio_posts img:hover {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.widget_col_widget_portfolio_posts div.title {
    width: 150px;
    margin-left: 10px;
}

.widget_col_widget_portfolio_posts small {
    display: block;
}

/* widget ads*/
.widget_col_widget_ads .container div {
    margin: 0 10px 10px 0;
}

.widget_col_widget_ads img {
    width: 104px;
    height: 65px;
}

/*-----------------------------------------------------------------------------------*/
/*	Utils
/*-----------------------------------------------------------------------------------*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

/*	jplayer styling
/*-----------------------------------------------------------------------------------*/
div.jp-audio,
div.jp-video {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 1.6;
}

div.jp-interface {
    position: relative;
    width: 100%;
    background: #e7e7e7;
    background: url(images/jplayer-black-and-yellow.png) 0 -210px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f1f1', endColorstr = '#e7e7e7'); /* for IE */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e7e7e7), color-stop(1, #f1f1f1));
    background: -moz-linear-gradient(center bottom, #e7e7e7 0%, #f1f1f1 100%);

    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

div.jp-type-single div.jp-interface {
    height: 30px;
}

div.jp-interface ul.jp-controls {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.jp-interface ul.jp-controls li {
    display: inline;
}

div.jp-interface ul.jp-controls a {
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
    width: 33px;
    height: 30px;
    z-index: 1;
    outline: none;
}

div.jp-type-single a.jp-play,
div.jp-type-single a.jp-pause {
    top: 0;
    left: 0;
    border-right: 1px solid #dcdcdc;
}

a.jp-play {
    background: url("images/jplayer-black-and-yellow.png") 0 0 no-repeat;
}

a.jp-play:hover {
    background: url("images/jplayer-black-and-yellow.png") -33px 0 no-repeat;
}

a.jp-pause {
    background: url("images/jplayer-black-and-yellow.png") 0 -30px no-repeat;
    display: none;
}

a.jp-pause:hover {
    background: url("images/jplayer-black-and-yellow.png") -33px -30px no-repeat;
}

div.jp-progress-container {
    position: absolute;
    top: 0;
    left: 34px;
    height: 6px;
    padding: 12px 10px;
}

div.jp-progress {
    position: absolute;
    overflow: hidden;
}

div.jp-type-single div.jp-progress {
    height: 7px;
    padding: 1px;
    background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
}

div.jp-seek-bar {
    width: 0px;
    height: 5px;
    cursor: pointer;
    background: url("images/jplayer-black-and-yellow.png") 0 -163px repeat-x;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

div.jp-play-bar {
    width: 0px;
    height: 5px;
    background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* The seeking class is added/removed inside jPlayer
div.jp-seeking-bg {
	background: url("pbar-ani.gif");
}
*/

div.jp-volume-bar-container {
    position: absolute;
    top: 0;
    width: 40px;
    height: 6px;
    padding: 12px 10px;
    border-left: 1px solid #dcdcdc;
}

div.jp-volume-bar {
    position: relative;
    overflow: hidden;
    background: url("images/jplayer-black-and-yellow.png") 0 -192px repeat-x;
    width: 40px;
    height: 9px;
    cursor: pointer;
}

div.jp-type-single div.jp-volume-bar {
    top: 0;
    left: 18px;
}

div.jp-volume-bar-value {
    width: 0px;
    height: 5px;
    margin: 1px;
    background: url("images/jplayer-black-and-yellow.png") 0 -133px repeat-x;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
    width: 17px;
    height: 13px;
    z-index: 1;
    outline: none;
}

div.jp-type-single a.jp-mute,
div.jp-type-single a.jp-unmute {
    top: 9px;
}

.single div.jp-type-single a.jp-mute,
.single div.jp-type-single a.jp-unmute {
    top: 9px;
}

/*.seperator-first,*/
/*.seperator-second {*/
/*background: url(images/seperator.png) no-repeat left;*/
/*height: 30px;*/
/*width: 2px;*/
/*position: absolute;*/
/*left: 32px;*/
/*}*/

a.jp-mute {
    background: url("images/jplayer-black-and-yellow.png") -10px -68px no-repeat;
}

a.jp-mute:hover {
    background: url("images/jplayer-black-and-yellow.png") -43px -68px no-repeat;
}

a.jp-unmute {
    background: url("images/jplayer-black-and-yellow.png") -10px -98px no-repeat;
    display: none;
}

a.jp-unmute:hover {
    background: url("images/jplayer-black-and-yellow.png") -43px -98px no-repeat;
}

div.jp-jplayer {
    width: 0px;
    height: 0px;
}

div.jp-jplayer {
    background-color: #292a2b;
}

/*-----------------------------------------------------------------------------------*/
/*	COLUMN GRID
/*-----------------------------------------------------------------------------------*/

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.33%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.one_fifth {
    width: 16.8%;
}

.two_fifth {
    width: 37.6%;
}

.three_fifth {
    width: 58.4%;
}

.four_fifth {
    width: 67.2%;
}

.one_sixth {
    width: 13.33%;
}

.five_sixth {
    width: 82.67%;
}

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}

.column-last {
    margin-right: 0 !important;
    clear: right;
}

/*-----------------------------------------------------------------------------------*/
/*	ALERTS
/*-----------------------------------------------------------------------------------*/

.alert {
    padding: 12px 5% 12px 5%;
    text-align: center;
    margin: 0 0 20px 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.alert.blue {
    background: #e7eef6;
    color: #334455;
}

.alert.red {
    background: #f6d2d2;
    color: #660000;
}

.alert.yellow {
    background: #fbf8c1;
    color: #83381f;
}

.alert.green {
    background: #d7de90;
    color: #324d00;
}

/*-----------------------------------------------------------------------------------*/
/*	BUTTONS
/*-----------------------------------------------------------------------------------*/

.demo-button span {
    margin: 4px 4px 0 0;
}

.button {
    display: inline-block;
    text-decoration: none;
    font: bold 10px/12px Georgia, HelveticaNeue, Arial;
    text-transform: uppercase;
    padding: 6px 11px;
    margin: 0 5px 5px 0;
    color: #555;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0px rgba(255, 255, 255, 0.4);
}

.button:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 0 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 0 1px rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 1px 0px rgba(255, 255, 255, 0.4);
}

.button.white {
    background: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#f0f0f0'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
    background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
}

.button.white:hover {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#efefef', endColorstr = '#f8f8f8'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /*  WebKit */
    background: -moz-linear-gradient(top, #efefef, #f8f8f8);
    border-color: #c7c7c7 #c3c3c3 #bebebe;
}

.button.white a {
    color: #555;
}

.button.gray {
    background: #cacaca;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cacaca', endColorstr = '#aeaeae'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /*  WebKit */
    background: -moz-linear-gradient(top, #cacaca, #aeaeae);
    border-color: #b5b5b5 #a1a1a1 #8f8f8f;
    color: #555;
}

.button.gray:hover {
    background: #bcbcbc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bcbcbc', endColorstr = '#c2c2c2'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /*  WebKit */
    background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);
    border-color: #989898 #8e8e8e #878787;
}

.button.gray a {
    color: #555;
}

.button.red {
    background: #f78297;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f78297', endColorstr = '#f56778'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778)); /*  WebKit */
    background: -moz-linear-gradient(top, #f78297, #f56778);
    border-color: #df6f8b #da5f75 #d55061;
    color: #913944;
}

.button.red:hover {
    background: #f56c7e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f56c7e', endColorstr = '#f78297'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f56c7e), to(#f78297)); /*  WebKit */
    background: -moz-linear-gradient(top, #f56c7e, #f78297);
    border-color: #c36079 #c25669 #c14e5c;
}

.button.red a {
    color: #913944;
}

.button.orange {
    background: #feda71;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#feda71', endColorstr = '#febb4a'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /*  WebKit */
    background: -moz-linear-gradient(top, #feda71, #febb4a);
    border-color: #f5b74e #e5a73e #d6982f;
    color: #996633;
}

.button.orange:hover {
    background: #fecb5e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fec354', endColorstr = '#fecd61'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /*  WebKit */
    background: -moz-linear-gradient(top, #fec354, #fecd61);
    border-color: #d29a3a #cc9436 #c89133;
}

.button.orange a {
    color: #996633;
}

.button.green {
    background: #cae285;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cae285', endColorstr = '#9fcb57'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /*  WebKit */
    background: -moz-linear-gradient(top, #cae285, #9fcb57);
    border-color: #adc671 #98b65b #87aa4a;
    color: #5d7731;
}

.button.green:hover {
    background: #b8d872;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b8d872', endColorstr = '#b9d972'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /*  WebKit */
    background: -moz-linear-gradient(top, #b8d872, #b9d972);
    border-color: #8bb14d #83a648 #7d9e45;
}

.button.green a {
    color: #5d7731;
}

.button.blue {
    background: #abe4f8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#abe4f8', endColorstr = '#6fcef3'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /*  WebKit */
    background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
    border-color: #8dc5da #76b7cf #63abc7;
    color: #42788e;
}

.button.blue:hover {
    background: #92dbf6;
    border-color: #7caec0 #68a3ba #5a9cb5;
}

.button.blue a {
    color: #42788e;
}

.button.purple {
    background: #e8c4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e8c4e4', endColorstr = '#d494ce'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e8c4e4), to(#d494ce)); /*  WebKit */
    background: -moz-linear-gradient(top, #e8c4e4, #d494ce);
    border-color: #bc9db9 #ad89aa #a1799d;
    color: #7b5777;
}

.button.purple:hover {
    background: #deabd9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#deabd9', endColorstr = '#e0b1db'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#deabd9), to(#e0b1db)); /*  WebKit */
    background: -moz-linear-gradient(top, #deabd9, #e0b1db);
    border-color: #a482a0 #9b7897 #947090;
}

.button.purple a {
    color: #7b5777;
}

.button.black {
    background: #5e5e5e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5e5e5e', endColorstr = '#434343'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /*  WebKit */
    background: -moz-linear-gradient(top, #5e5e5e, #434343);
    border-color: #4c4c4c #313131 #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}

.button.black:hover {
    background: #5a5a5a;
    border-color: #2c2c2c #1c1c1c #101010;
}

.button.black a {
    color: #fff;
}

.divider {
    margin-top: 20px;
    padding-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	WP DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

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

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

.bypostauthor {
}

.gallery-caption {
}

.sticky {
}

/* End Wp Default styles */