/*

Theme name: Nailed

Description: Custom Theme

*/



/******* Nailed WordPress CSS *******/



/* Common elements styling */

/*

.post .entry h1 { font-size: 20px; line-height: 30px}

.post .entry h2 { font-size: 18px; line-height: 27px}

.post .entry h3 { font-size: 16px; line-height: 24px}

.post .entry h4 { line-height: 21px}

.post .entry h5 { font-size: 12px; line-height: 18px}

.post .entry h6 { font-size: 10px; line-height: 15px}

*/



.post .entry ul { margin-left: 25px; }

.post .entry ol { margin-left: 25px; }

.post .entry a img { border: 0 }



p img { padding: 0;	max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin: 2px 0 2px 7px; display: inline; }

img.alignleft { margin: 2px 7px 2px 0; display: inline; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

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



/* Calendar widget */

#wp-calendar { empty-cells: show; margin: 10px auto 0; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }

.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }

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

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



/* Big images in rich text editor should not break page layout */

.post .entry { overflow: hidden; } 



/******* /Nailed WordPress CSS *******/



/* font face */

@font-face {

    font-family: 'grotesque_mt_extra_condenseRg';

    src: url('fonts/grotesquemt-extracondensed-webfont.eot');

    src: url('fonts/grotesquemt-extracondensed-webfont.eot?#iefix') format('embedded-opentype'),

    	 url('fonts/grotesquemt-extracondensed-webfont.svg#grotesque_mt_extra_condenseRg') format('svg'),

         url('fonts/grotesquemt-extracondensed-webfont.woff') format('woff'),

         url('fonts/grotesquemt-extracondensed-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'grotesque_mt_light_condenseRg';

    src: url('fonts/grotesquemt-lightcondensed-webfont.eot');

    src: url('fonts/grotesquemt-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),

    	 url('fonts/grotesquemt-lightcondensed-webfont.svg#grotesque_mt_light_condenseRg') format('svg'),

         url('fonts/grotesquemt-lightcondensed-webfont.woff') format('woff'),

         url('fonts/grotesquemt-lightcondensed-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'grotesquebold';

    src: url('fonts/grotesque-bold-webfont.eot');

    src: url('fonts/grotesque-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/grotesque-bold-webfont.svg#grotesquebold') format('svg'),

         url('fonts/grotesque-bold-webfont.woff') format('woff'),

         url('fonts/grotesque-bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'grotesqueitalic';

    src: url('fonts/grotesque-italic-webfont.eot');

    src: url('fonts/grotesque-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/grotesque-italic-webfont.svg#grotesqueitalic') format('svg'),

         url('fonts/grotesque-italic-webfont.woff') format('woff'),

         url('fonts/grotesque-italic-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

/* END font face */

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.25;
    /* font-family: 'brandon-grotesque', 'grotesque_mt_light_condenseRg', arial, sans-serif; */
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300; 
    color: #333;
    background: #fff;
    min-width: 960px;
    text-transform: none; 
}



a { color: #999999; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }



input, textarea, select { font-size: 12px; font-family: 'brandon-grotesque', 'grotesque_mt_light_condenseRg', arial, sans-serif; font-weight: 300; }

textarea { overflow: auto; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



h1#logo { float: left; width: 220px; font-size: 0; line-height: 0; padding: 0 0 0 0; }

h1#logo a { display: block; height: 93px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }



.shell { width: 960px; padding: 0 10px; margin: 0 auto; }



#header { width: 100%; background: url(images/header.png) repeat 0 0; padding: 12px 0 0; }

#header .right-side { float: right; width: 540px; }



#navigation { margin: 6px 0;}

#navigation ul li { list-style: none; display: inline; font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; text-transform: uppercase; } 

#navigation ul li ~ li { padding: 0 0 0 18px; }

#navigation ul li a { font-size: 34px; line-height: 44px; color: #000; }

#navigation ul li a:hover,

#navigation ul li.current_page_item a { text-decoration: none; color: #999999; }



#main { width: 100%; padding: 12px 0 100px 0;  } 



#content { width: 640px; } 

#sidebar { width: 300px; } 



/* slider */

#slider { position: relative; width: 640px; padding: 0 0 30px 0; }

#slider a { color: #000; }

#slider ul { padding: 0; }

#slider ul li { list-style: none; width: 640px; height: 372px; position: relative; float: left; }

#slider ul li h2 { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; text-transform: uppercase; }

#slider ul li .wrap-top { position: absolute; top: 8px;  }

#slider ul li .wrap-top h2 { font-size: 36px; line-height: 38px; padding: 5px 14px; background: #f3f3f3; background: rgba(255,255,255,.7); }

#slider ul li .wrap-bottom { position: absolute; bottom: 25px; }

#slider ul li .wrap-bottom.top { bottom: 45px; }

#slider ul li .wrap-bottom h2 { font-size: 22px; line-height: 30px; padding: 5px; background: #f3f3f3; background: rgba(255,255,255,.7); }

#slider ul.pagination { position: absolute; bottom: 16px; right: 15px; z-index: 10; }

#slider ul.pagination li { height: auto; width: auto; }

#slider ul.pagination li a { color: #fff; background: #000; font-weight: bold; text-decoration: none; width: 16px; height: 16px; line-height: 16px; }

#slider ul.pagination li a { padding: 2px 4px; width: 11px; display: block; margin: 0 3px; text-align: center; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

#slider ul.pagination li.current a { color: #000; background: #fff; }

#slider .prev,
#slider .next { 
    position: absolute;
    bottom: 6px;
    height: 20px;
    width: 50px;
    z-index: 100;
    overflow: hidden;
    display: block;
    text-indent: -5150em;
}

#slider .prev { left: 0; background: url(images/arrow-left.png) 0 0; }
#slider .next { right: 0; background: url(images/arrow-right.png) 0 0; }

/* END slider */



#footer { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 100; background: #cfcfcf; padding: 17px 0 17px 0; color: #fff; line-height: 16px; letter-spacing: 1px; }

#footer { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; text-transform: uppercase; }

#footer ul li { list-style: none; padding: 0 15px 0 0; display: inline; }

#footer ul li a { font-size: 24px; line-height: 30px; color: #fff; }

#footer ul li a:hover,

#footer ul li.current_page_item a { text-decoration: none; color: #000; }

.post h1,
.post h2,
.post h3 { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; letter-spacing: 1px }

.post h1 { font-size: 24px; line-height: 26px; font-weight: normal; text-transform: uppercase; }

.post h2 { font-size: 22px; line-height: 24px; font-weight: normal; text-transform: uppercase; }

.post h3 { font-size: 20px; line-height: 22px; font-weight: normal; text-transform: uppercase; }

.post h4 { font-size: 18px; line-height: 20px; font-weight: normal; text-transform: uppercase; }

.post h5 { font-size: 16px; line-height: 18px; font-weight: normal; text-transform: uppercase; }

.post h6 { font-size: 14px; line-height: 16px; font-weight: normal; text-transform: uppercase; }

.post p { padding: 0 0 12px 0; }

.post ul, .post ol { padding: 0 0 12px 20px; }



.entry h1, h1.pagetitle { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; font-size: 46px; line-height: 50px; text-transform: uppercase; }

.entry h2 { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; margin: 0 0 9px 0; text-transform: uppercase; }

.entry h2 { }

.entry h3 { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; font-size: 22px; line-height: 23px; padding: 10px 0 5px 0; background: url(images/border-line.png) repeat-x 0 top; text-transform: uppercase; }

.entry p { line-height: 20px; padding: 0 0 21px 0; }

.entry .feature-image { background: url(images/border-line.png) repeat-x 0 0; padding: 3px 0 1px 0; border-bottom: 1px solid #000; margin: 0 0 12px 0; }

.entry .feature-image img { display: block; max-width: 100%; }



.entry em, .entry i { font-style: italic; }

.entry strong, .entry b { font-weight: bold; }



.widget { width: 100%; padding: 10px 0 7px 0; background: url(images/border-line.png) repeat-x 0 top; }

.widget a { color: #000; }

.widget h2 { background: url(images/border-line.png) repeat-x 0 bottom; padding: 0 0 5px 0; margin-bottom: 10px; font-size: 27px; line-height: 27px; color: #000; font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; text-align: center; text-transform: uppercase; }

.widget .yks-mc-label-email-address { display: none; }

.widget .ykfmc-submit { padding: 3px 8px; }


.banner { border: 1px solid #9eabbb; border-left: 2px solid #9eabbb; border-right: 2px solid #9eabbb; position: relative; width: 296px; margin: 0 0 0 -8px; }

.banner img { display: block; width: 100%; }



.article { width: 100%; background: url(images/border-line.png) repeat-x 0 0; padding: 16px 0 12px 0; }

.article h2 { font-size: 24px; line-height: 26px; padding: 0 0 8px 0; }

.article h2 a { color: #000; }

.article p { padding: 0; }

.article.not-found p { padding-bottom: 8px; }

.article p ~ p { padding: 10px 0 0 0; }

.article p a { color: #999999; }

.article .image { width: 220px; }

.article .image img { display: block; width: 100%; }

.article .text { margin: 0 0 0 230px; }

.article .text.no-image { margin: 0; }



#wrapper .author { background: url(images/border-line.png) repeat-x 0 0; width: 100%; padding: 12px 0 0 0; }

#wrapper .author img { float: left; }

#wrapper .author .text { margin: 0 0 0 110px; }

#wrapper .author .text h4 { font-size: 30px; line-height: 30px; }

#wrapper .author .text h4 a { color: #000; }

#wrapper .author .text p { line-height: 20px; }

#wrapper .author .text p a { line-height: 20px; }

#wrapper .author .text p.links a + a { margin: 0 0 0 19px; }

#wrapper .author .text p a:hover { text-decoration: none; color: #000; }



.social { float: right; }

.social a { width: 32px; height: 32px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/sprite.png) no-repeat 0 0; }

.social a.facebook { background-position: -31px 0; }



#wrapper .search { width: 220px; height: 28px; position: relative; padding: 0 60px 0 0; background: #fff; float: right; }

#wrapper .search .field { width: 210px; border: 0; background: none; font-size: 13px; line-height: 18px; padding: 5px 5px 5px 5px; }

#wrapper .search .button-holder { position: absolute; right: 0; top: 0; width: 60px; height: 28px; background: #000; }

#wrapper .search .button-holder input { background: none; border: 0; width: 60px; height: 28px; cursor: pointer; color: #fff; font-size: 18px; padding: 0 0 2px 0; }

#wrapper .search .button-holder input { font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; text-transform: uppercase; }

#sidebar .search, #main .search { float: none; border: 1px solid #000;}



.post-sortable { }

.post-sortable ul { padding: 0; }

.post-sortable .top { text-align: center; width: 100%; padding: 0 0 6px 0; }

.post-sortable .top .bottom-border { background: url(images/border-line.png) repeat-x 0 bottom; padding: 0 0 5px 0; }

.post-sortable .top ul li { list-style: none; display: inline; padding: 0 7px; font-family: 'brandon-grotesque', 'grotesque_mt_extra_condenseRg', Arial, sans-serif; }

.post-sortable .top ul li a { font-size: 27px; line-height: 27px; color: #999999; }

.post-sortable .top ul li a:hover,

.post-sortable .top ul li a.active { text-decoration: none; color: #000; }

.post-sortable .bottom { padding: 0 0 3px 0; }

.post-sortable .bottom ul li { list-style: none; width: 100%; padding: 0; }

.post-sortable .bottom ul li ~ li { padding: 10px 0 0 0; }

.post-sortable .bottom h3 { font-size: 16px; line-height: 16px; }

.post-sortable .bottom h3 a { color: #000; }

.post-sortable .bottom p { padding: 0; }

.post-sortable .bottom img { float: left; margin: 2px 0 0 0; }

.post-sortable .bottom .text { margin: 0 0 0 69px; }

.post-sortable .bottom .text.no-image { margin: 0; }

.post-sortable .bottom .view { display: none; }

.post-sortable .bottom .active { display: block !important; }

.slidesjs-navigation {
    display: none;
    }