/*

    Theme Name: Skyd Magazine
    Theme URI: http://www.skydmagazine.com/
    Author: Andrew Lovseth
    Author URI: http://www.andrewlovseth.com/
    Description: 
    Version: 1.0

    TABLE OF CONTENTS
    
    01  Defaults
    02  Typography
    03  Basic Layout
    04  Header
    05  Footer
    06  Home
    07  Work
    08  About
    09  Contact
    10  Blog/Archive
    
    XX  Media Queries
        - 600 up
        - 900 up
        - 1200 up
        - 1500 up

*/








/*

    ----------------------------------------------------------------------
                                01 Defaults
    ----------------------------------------------------------------------

*/


/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary  { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }


/* HTML & BODY */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }


/* Links */
a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 600; }
i, em { font-style: italic; }
blockquote { margin: 0; }
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; }
p, pre { margin: 1em 0; }
code, kbd, pre, 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: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; -webkit-margin-before: 0; -webkit-margin-after: 0; }


/* Lists */
dd { margin: 0 0 0 40px; }
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* Embedded Content */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* Figure */
figure { margin: 0; }


/* Forms */
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; }
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; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* Absolute Positioning */
div, article, section, header, footer, nav, figure, li { position: relative; }


/* Selection  */
::-moz-selection { background: #77cce9; color: #fff; text-shadow: none; }
::selection { background: #77cce9; text-shadow: none; }


/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Border-Box */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }





/*

    ----------------------------------------------------------------------
                                02 Typography
    ----------------------------------------------------------------------

    14 / 16 =     0.875em     (14px equivalent)
    16 / 16 =     1em         (16px equivalent)
    18 / 16 =     1.125em     (18px equivalent)
    21 / 16 =     1.3125em    (21px equivalent)
    24 / 16 =     1.5em       (24px equivalent)
    30 / 16 =     1.875em     (30px equivalent)
    72 / 16 =     4.5em       (72px equivalent)

*/


/* Rendering & Ligatures */
html, input, textarea { -webkit-font-smoothing: antialiased; }
body { text-rendering: optimizeLegibility; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; }


/* Fonts */
body, input, textarea { color: #3a3a3a; font: 400 90%/1.875em 'Lora', serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', Arial, sans-serif;  }
a { color: #3f98c2; }
a:hover, a.active { color: #3f98c2; }




/*

    ----------------------------------------------------------------------
                                03 Layout
    ----------------------------------------------------------------------

*/
html { background: url(img/html_bg.png) repeat 0 0; height: 100%; }
body { height: 100%; font-size: 16px; }
#page { background: url(img/body_bg.png) repeat 0 0;; min-height: 100%; float: left; width: 100%; }
header, footer, #sidebar { float: left; width: 100%;}
section img, article img { max-width: 100%; display: block; }

.overlay.blue {
    background-image: -webkit-gradient(radial, 100% 100%,0,100% 100%,200, from(rgb(68, 153, 192)), to(rgb(183, 226, 224)));
    background-image: -webkit-radial-gradient(100% 100%, rgb(183, 226, 224), rgb(68, 153, 192));
    background-image: -moz-radial-gradient(100% 100%, rgb(183, 226, 224), rgb(68, 153, 192));
    background-image: -o-radial-gradient(100% 100%, rgb(183, 226, 224), rgb(68, 153, 192));
    background-image: -ms-radial-gradient(100% 100%, rgb(183, 226, 224), rgb(68, 153, 192));
    background-image: radial-gradient(100% 100%, rgb(183, 226, 224), rgb(68, 153, 192));
    opacity: 0.8;
}
.overlay.green {
    background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(126, 154, 107)), to(rgb(166, 192, 145)));
    background-image: -webkit-radial-gradient(50% 50%, rgb(166, 192, 145), rgb(126, 154, 107));
    background-image: -moz-radial-gradient(50% 50%, rgb(166, 192, 145), rgb(126, 154, 107));
    background-image: -o-radial-gradient(50% 50%, rgb(166, 192, 145), rgb(126, 154, 107));
    background-image: -ms-radial-gradient(50% 50%, rgb(166, 192, 145), rgb(126, 154, 107));
    background-image: radial-gradient(50% 50%, rgb(166, 192, 145), rgb(126, 154, 107));
    opacity: 0.8;
}
.overlay.yellow {
	background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(156, 129, 0)), to(rgb(227, 231, 0)));
	background-image: -webkit-radial-gradient(50% 50%, rgb(227, 231, 0), rgb(156, 129, 0));
	background-image: -moz-radial-gradient(50% 50%, rgb(227, 231, 0), rgb(156, 129, 0));
	background-image: -o-radial-gradient(50% 50%, rgb(227, 231, 0), rgb(156, 129, 0));
	background-image: -ms-radial-gradient(50% 50%, rgb(227, 231, 0), rgb(156, 129, 0));
	background-image: radial-gradient(50% 50%, rgb(227, 231, 0), rgb(156, 129, 0));
    opacity: 0.7;
}

/*

    ----------------------------------------------------------------------
                                04 Header
    ----------------------------------------------------------------------

*/

nav { border-top: 10px solid #3f98c2; padding: 40px 5%; display: block; width: 100%; float: left; }
nav h1 { float: left;; width: 134px; margin: 0 0 40px 0; }
nav h1 a { display: block; background: url(img/skyd_logo_blue.png); width: 134px; height: 96px;}

nav #mobile_nav { color: #2a2a2a; font-size: 32px; display: block; float: right; margin: 40px 0 0 0; font-family: Arial, sans-serif; }

nav ul { float: left; width: 100%; background: #d5d5d5; margin: 0 0 30px 0; display: none; }
nav ul li { text-align: center; }
nav ul li a { color: #2a2a2a; text-transform: uppercase; letter-spacing: 1px; display: block; padding: 12px 0; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 0.75em; line-height: 1.25em;  }
nav ul li a:hover, nav ul li a.active { background: #3f98c2; color: #fff; }


/* Feature Template Nav*/
.feature-template nav { position: absolute; z-index: 1000; border-top: none; padding-top: 10px; }
.feature-template nav h1 { width: 65px; margin: 20px 0 0 0;}
.feature-template nav h1 a { background: url(img/skyd_logo_white.png); width: 65px; height: 48px;}
.feature-template nav ul,
.feature-template #mobile_nav { display: none !important; }
.feature-template nav ul li a { color: #fff; }
.feature-template #wrapper { margin: 0; width: 100%; max-width: inherit; }
.feature-template #page { -webkit-box-shadow: none; box-shadow: none;}





nav .utility_nav { display: none; position: absolute; top: 20px; right: 5%; }
nav .utility_nav a { display: block; float: right; height: 17px; width: 20px; background-image: url(img/utility_sprite_black_3.png); background-repeat: no-repeat; margin: 0 0 0 20px; }

nav .utility_nav .search_nav { background-position: -6px 0; }
nav .utility_nav .search_nav:hover { background-position: -6px -17px; }

nav .utility_nav .facebook_nav { background-position: -36px 0; }
nav .utility_nav .facebook_nav:hover { background-position: -36px -17px; }

nav .utility_nav .twitter_nav { background-position: -70px 0; }
nav .utility_nav .twitter_nav:hover { background-position: -70px -17px; }

nav .utility_nav .rss_nav { background-position: -106px 0; }
nav .utility_nav .rss_nav:hover { background-position: -106px -17px; }

nav .utility_nav .instagram_nav { background-position: -180px 0; }
nav .utility_nav .instagram_nav:hover { background-position: -180px -17px; }

nav .utility_nav a.youtube_nav { width:24px; background-position: -205px 0; }
nav .utility_nav a.youtube_nav:hover { background-position: -205px -17px; }

nav .utility_nav .store_nav { background: none; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 0.75em; color: #2a2a2a; text-transform: uppercase; padding: 0; margin: 0 0 0 20px; width: auto; height: auto; line-height: 19px; }
nav .utility_nav .store_nav:hover { color: #3f98c2; }

nav .utility_nav .search_form { clear: both; float: right; margin: 10px 0 0 0; width: 320px; display: none; }
nav .utility_nav .search_form label,
nav .utility_nav .search_form input[type="submit"] { display: none; }
nav .utility_nav .search_form input[type="text"] { display: block; border: 1px solid #3f98c2; width: 100%; height: 32px; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 1em; line-height: 33px; padding: 0 10px; }
nav .utility_nav .search_form input[type="text"]:focus { outline: none; }
/*

    ----------------------------------------------------------------------
                                05 Footer
    ----------------------------------------------------------------------

*/


footer { background: #3f98c2; color: #fff; min-height: 400px; padding: 40px 5%; font-family: 'Montserrat', Arial, sans-serif; }
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: underline; }


footer .col > * { float: left; width: 100%; }

footer h1 a { display: block; width: 65px; height: 48px; background: url(img/skyd_logo_white.png) no-repeat 0 0; margin: 0 0 40px 0; }

footer .search_form { max-width: 320px; margin: 0 0 20px 0; }
footer .search_form h5 { font-weight: 600; font-size: 0.75em; text-transform: uppercase; }
footer .search_form label,
footer .search_form input[type="submit"] { display: none; }
footer .search_form input[type="text"] { display: block; border: none; width: 100%; height: 32px; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 1em; line-height: 33px; padding: 0 10px; }
footer .search_form input[type="text"]:focus { outline: none; }

footer #copyright { font-size: 0.675em; font-weight: 600; line-height: 1.25em; }




footer .utility_nav { margin: 0 0 40px 0; }
footer .utility_nav a { display: block; float: left; height: 24px; width: 24px; background-image: url(img/utility_sprite_white_3.png); background-repeat: no-repeat; margin: 0 20px 0 0; }
footer .utility_nav .facebook_nav { background-position: 1px 0; margin: 0 12px 0 0; }
footer .utility_nav .twitter_nav { background-position: -45px 0; }
footer .utility_nav .instagram_nav { background-position: -136px 0; }
footer .utility_nav .rss_nav { background-position: -97px 0; }
footer .utility_nav a.youtube_nav { width:34px; background-position: -166px 0; }

footer .page_links { margin: 0 0 40px 0; }
footer .page_links a { display: block; font-weight: 600; font-size: 0.75em; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; line-height: 1em; }


/*

    ----------------------------------------------------------------------
                                06 Home
    ----------------------------------------------------------------------

*/

#home #hero { width: 100%; float: left; height: 300px; }
#home #hero .info { position: absolute; z-index: 100; width: 100%; padding: 60px 5% 5% 5%; color: #fff; font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }
#home #hero .info h2 { font-size: 1.875em; line-height: 1em; font-weight: 700; margin: 0 0 2% 0; width: 100%; text-transform: uppercase; }
#home #hero .info h2 a { color: rgba(255, 255, 255, 0.85); text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1); }
#home #hero .info h2 a:hover { color: rgba(255, 255, 255, 1); }
#home #hero .author { text-transform: uppercase; font-size: 0.75em; font-weight: 700; }
#home #hero .author a { text-transform: uppercase; color: rgba(25, 76, 98, 0.8); font-size: 1.25em; line-height: 0.625em; background: rgba(255, 255, 255, 0.7); padding: 1% 3%;}
#home #hero .author a:hover { background: rgba(255, 255, 255, 0.9); }
#home #hero p { margin: 2% 0 0 0; font-weight: 600; width: 100%; font-size: 0.875em; line-height: 1.125em; }
#home #hero .overlay { display: block; position: absolute; z-index: 60; width: 100%; height: 100%; }



#home #features { width: 100%; float: left; }
#home #features .feature { width: 100%; height: 300px; float: left; font-family: 'Montserrat', Arial, sans-serif; color: #fff; }
#home #features .feature a { color: #fff; }
#home #features .feature .info { padding: 60px 5% 5% 5%; position: absolute; z-index: 100; width: 100%; text-align: center; }
#home #features .feature .info h3 { font-weight: 700; text-transform: uppercase; font-size: 1.625em; line-height: 1em; text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1); margin: 0 0 15px 0; }
#home #features .feature .info h3 a { color: rgba(255, 255, 255, 0.85); }
#home #features .feature .info h3 a:hover { color: rgba(255, 255, 255, 1); }
#home #features .feature .info .author { text-transform: uppercase; font-size: 0.75em; font-weight: 700; }
#home #features .feature .info .author a{ font-weight: 700; color: rgba(45, 85, 48, 0.8); font-size: 0.8333em; line-height: 0.625em; background: rgba(255, 255, 255, 0.7); padding: 1% 3%;}
#home #features .feature .info .author a:hover { background: rgba(255, 255, 255, 0.9); }
#home #features .feature .info p { font-size: 0.875em; line-height: 1.125em; margin: 15px 0 0 0; font-weight: 600; }
#home #features .feature .overlay { display: block; position: absolute; z-index: 60; width: 100%; height: 100%; }



#home #columns_home { width: 100%; float: left; padding: 0 5% 0 5%; }
#home #columns_home #columns_list { float: left; width: 100%; padding: 40px 0; }
#home #columns_home #columns_list h2 { font-weight: 600; font-size: 0.875em; line-height: 1em; text-transform: uppercase; margin: 0 0 30px 0; }
.column { float: left; width: 100%; padding: 0 0 40px 0; border-bottom: 1px solid #eee; margin: 0 0 40px; }
.column:last-of-type { padding: 0; border-bottom: none; margin: 0; }
.column h3 { text-transform: uppercase; display: block; float: left; }
.column h3 a { display: block; color: #2a2a2a; }
.column h3 a:hover { color: #3f98c2; }
.column h3 img { display: block; float: left; -webkit-border-radius: 32px; border-radius: 32px; width: 64px; height: 64px; margin: 0 20px 0 0; }
.column h3 .column_info { display: block; float: left; }
.column h3 .column_name { display: block; font-weight: bold; font-size: 0.875em; line-height: 1em; padding: 15px 0 3px 0; }
.column h3 .author { display: block; font-weight: 400; font-size: 0.875em; line-height: 1em; }

#home #columns_home .post { margin: 20px 0 0 0; }
#home #columns_home .post h3 { text-transform: none; font-size: 1.0em; width: 100%;}






#home #latest h2 { font-weight: 600; font-size: 0.875em; line-height: 1em; text-transform: uppercase; margin: 0 0 30px 0; }

#home #latest #more_features { display: block; font-family: 'Montserrat', Arial, sans-serif; text-align: center; padding: 5px 0; border: 1px solid #3f98c2; font-weight: bold; float: left; width: 100%; text-transform: uppercase; font-size: 0.75em; letter-spacing: 1px; }
#home #latest #more_features:hover { background: #3f98c2; color: #fff; }



#home #store_banner { width: 100%; float: left; background: #ffdeb7; padding: 20px 5%; }
#home #store_banner h4 { font-weight: bold; font-size: 1.5em; text-transform: uppercase; background: url(img/store_icon.png) no-repeat 0 0; padding: 0 0 0 34px; }
#home #store_banner p { line-height: 1.5em; } 
#home #store_banner p span { font-style: italic; }
#home #store_banner p a { color: #3f98c2; }

.comments_link { display: block; width: 28px; height: 24px; color: rgba(255, 255, 255, 0.8); line-height: 24px; text-align: center; font-size: 0.75em; font-weight: bold; letter-spacing: 1px; padding: 0 0 0 1px; font-family: 'Montserrat', Arial, sans-serif; font-style: normal; background: url(img/blue_comment_bubble.png) no-repeat 0 0; }
.comments_link:hover { background-position: 0 -24px; color: #fff; }

#home #hero .comments_link,
#features .comments_link { position: absolute; top: 15px; right: 15px; background: url(img/transparent_comment_bubble.png) no-repeat 0 0;}

#home #hero .comments_link:hover { background-position: 0 -24px; color: #09c; }
#home #features .comments_link:hover { background-position: 0 -24px; color: rgba(45, 85, 48, 0.8); }
.page-template-project-php #features .comments_link:hover { background-position: 0 -24px; color: rgba(216, 179, 0, 0.8); }

.post .comments_link { display: inline-block;  margin: 0 0 0 10px; }


/*

    ----------------------------------------------------------------------
                                07 Posts
    ----------------------------------------------------------------------

*/
.posts { width: 100%; float: left; padding: 50px 5% 50px 5%; }
.post { float: left; width: 100%; margin: 0 0 50px 0; overflow: hidden; }
.post img { display: none; }
.post h3 a { display: block; color: #2a2a2a; font-size: 1.0em; font-weight: 700; line-height: 1.25em; margin: 0 0 5px 0; }
.post h3 a:hover { color: #3f98c2; }
.post h4 { font-family: 'Lora', serif; font-style: italic; font-size: 1em; line-height: 1.25em; margin: 0 0 10px 0; }
.post h4 small { font-size: 100%; padding: 0 3px 0 0;}
.post h4 .author a { color: #3f98c2; padding: 0 3px 0 0}
.post h4 .author a:hover { text-decoration: underline; }
.post p { font-size: 1em; line-height: 1.1875em; }



/*

    ----------------------------------------------------------------------
                                07 Article
    ----------------------------------------------------------------------

*/



/* Header
----------------------------------------------------------------------*/
header { float: left; width: 100%; padding: 0 5%; }
header .overlay { position: absolute; width: 100%; top: 0; left: 0;}
hgroup { margin: 0 0 30px 0; }
hgroup h1 { font-weight: bold; margin: 0; padding: 0; font-size: 2.0em; line-height: 1.2em;  }
hgroup h3 { font-family: 'Lora', serif; font-style: italic; font-size: 1em; margin: 0; }
hgroup h3 small { font-style: normal;  font-size: 100%; padding: 0 3px 0 0;}
hgroup h3 .author { font-weight: bold; }
hgroup h3 .author a { color: #3a3a3a; }
hgroup h3 .author a:hover { text-decoration: underline; }
hgroup h3 .date { font-style: normal; }
hgroup h3 .divider { padding: 0 5px }
hgroup h3 .comments_link { display: inline-block; margin: 0 0 0 10px; } 


/* Feature Template */
.feature-template header { padding: 0; position: absolute; color: #fff; background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; }
.feature-template hgroup { width: 100%; text-align: center; position: absolute; z-index: 100; }
.feature-template hgroup h1 { padding: 200px 20% 2% 20%; font-weight: bold; text-transform:  uppercase; }
.feature-template header .caption { position: absolute; bottom: 2%; text-align: right; padding: 0 5%; z-index: 100; width: 100%; color: rgba(255, 255, 255, 1); }
.feature-template header .overlay { height: 100%; }
.feature-template hgroup h3 .author a { color: #fff; }
.feature-template hgroup h3 .comments_link { background: url(img/transparent_comment_bubble.png) no-repeat 0 0; } 
.feature-template hgroup h3 .comments_lin:hover { background-position: 0 -29px; }



/* Long Article Template */
.long-article-template header { padding: 0; height: 600px; color: #fff; margin: 0 0 30px 0; }
.long-article-template header .overlay {  height: 100%; background: rgba(0, 0, 0, 0.65); }
.long-article-template hgroup { width: 100%; text-align: center; position: absolute; z-index: 100; padding: 30% 10% 0 10%; }
.long-article-template hgroup h1 {  font-weight: 200; font-size: 3.5em; line-height: 1.2em; text-transform: uppercase; }
.long-article-template hgroup h3 {  text-transform: none; font-weight: normal; font-style: italic; font-size: 1.125em; }
.long-article-template hgroup h3 small { font-weight: 400; }
.long-article-template header .caption { position: absolute; bottom: 2%; text-align: right; padding: 0 5%; z-index: 100; width: 100%; color: rgba(255, 255, 255, 0.7); }
.long-article-template hgroup h3 .author a { color: #fff; }
.long-article-template hgroup h3 .comments_link { background: url(img/transparent_comment_bubble.png) no-repeat 0 0; } 
.long-article-template hgroup h3 .comments_lin:hover { background-position: 0 -29px; }



/* Video Article Template */
.video-article-template header { padding: 0; margin: 0 0 30px 0; }
.video-article-template header .video { float: left; width: 100%; }
.video-article-template header .caption { color: #3a3a3a; width: 100%; text-align: right; padding: 10px 5% 0 60%; }




.full-width-template article { width: 100%; }



/* Article
----------------------------------------------------------------------*/
article { padding: 0 20px 10% 20px; width: 100%; float: left; }
article .article_wrapper h3 { font-weight: bold; font-size: 1.375em; padding: 0 0 5px 0; }
article .article_wrapper p { font-size: 1.125em; line-height: 1.5em; margin: 0 0 30px 0; }
article .article_wrapper ul li { list-style-type: disc; }
article .article_wrapper ol li { list-style-type: decimal; }
article .article_wrapper ul,
article .article_wrapper ol { font-size: 1.125em; line-height: 1.25em; padding: 0 0 15px 0; }
article .article_wrapper ul li,
article .article_wrapper ol li { margin: 0 0 15px 10%; padding: 0 0 0 2%; }
.caption { display: block; font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; font-size: 0.625em; line-height: 1.25em; }

article .article_wrapper h1 { font-weight: bold; font-size: 1.5em; margin: 0 0 15px 0; }
article .article_wrapper h2 { font-weight: bold; font-size: 1.25em; margin: 0 0 5px 0; }
article .article_wrapper h3 { font-size: 1em; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 5px 0; }
article .article_wrapper h4 { font-weight: bold; font-size: 1em; margin: 0 0 5px 0; color: #3f98c2; }
article .article_wrapper h5 { font-family: 'Lora', serif; font-style: italic; font-size: 1em; margin: 0 0 5px 0; }



article a:hover { text-decoration: underline; }

article .article_wrapperblockquote { padding: 5%; margin: 40px 0; float: right; }
article .article_wrapper blockquote p { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; color: #3f98c2; font-size: 1.5em; line-height: 1.25em; }

article .photo { }
article .photo.left { float: left; text-align: left; }
article .photo.right { float: right; text-align: right; }
article .photo img { display: block; max-width: 100%; }
article .photo .caption { margin: 5px 0 15px 0; }
.caption a:hover { text-decoration: underline; }

article .video { margin: 20px 0; }
article .video .caption { display: block; font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; text-align: right; padding: 1% 0 0 0; z-index: 100; font-size: 0.625em; line-height: 1.25em; width: 100%; color: #888; }

article sup { color: red; font-size: 0.5em; font-weight: bold; top: -1em; font-family: 'Montserrat', Arial, sans-serif; }
article sup a { color: red; }

#footnotes { border-top: 1px solid #eee; padding: 20px 0 40px 0; }
#footnotes .footnote { margin: 0 0 10px 0; margin: 0 0 10px 0; position: relative !important; top: inherit !important;}
#footnotes .footnote sup { padding: 0 3px 0 0; }

article h4.question { font-weight: 700; font-style: 1em; line-height: 1.375em; margin: 0 0 15px 0;}


article div.divider { width: 100%; height: 1px; background: #e5e5e5;  margin: 60px 0 60px 0;}



article .alignright { float: right; margin: 0 0 20px 20px; }
article .alignleft { float: left; margin: 0 20px 20px 0; }

article .aligncenter { text-align: left; }
article img.aligncenter { margin: 0 0 20px 0; }

article .article_wrapper .wp-caption { margin: 0 0 30px 0; }
article .article_wrapper .wp-caption-text { font-size: 0.8725em; line-height: 1.125em; margin: 10px 0 0 0; padding-right:20px;}


/* Feature Template */
.feature-template article { margin: 0 auto; width: 90%; float: none; max-width: 1200px; padding: 0; }




/* Video Article Template */
.video-article-template article hgroup h3 { font-size: 1em; margin: 0; font-weight: normal; padding: 0; letter-spacing: 0; text-transform: none; }



.social_share { float: left; width: 100%; padding: 0 5%; margin-bottom: 30px; }
.social_share .social_buttons > * { width: 100% !important; }
.social_share .fb-share-button > span { vertical-align: top !important; }


article .article_wrapper { float: left; width: 100%; }



/*


    ----------------------------------------------------------------------
                                07 Comments
    ----------------------------------------------------------------------

*/
#discussion { float: left; width: 100%;   padding: 0 5% 5px 5%; }

#discussion .idc-c-t-inner { font-size: 16px; }
#discussion .idc-c .idc-i span,
#discussion .idc-c .idc-i a { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; float: none; color: #3a3a3a; }


#discussion #idc-container .idc-btn_s .idc-r,
#discussion #idc-container .idc-btn_l .idc-r { height: 29px; }

#discussion #comments_policy { margin: 0 0 20px 0; }
#discussion #comments_policy p { font-size: 16px; line-height: 1.25em; font-style: italic; }

#crp_related { margin: 0 0 40px 0; }
#crp_related img { display: none; }


/*

    ----------------------------------------------------------------------
                                08 Features
    ----------------------------------------------------------------------

*/

#date_archive { width: 100%; float: left; }
#date_archive h4 { font-size: 1.5em; font-weight: bold; margin: 0 0 10px 0; }
#sidebar #date_archive p { font-size: 0.875em; line-height: 1.125em; margin: 0 0 40px 0; }
#date_archive .year { width: 100%; float: left; margin: 0 0 40px 0; }
#date_archive .year h5 { font-weight: bold; font-size: 0.875em; line-height: 1em; margin: 0 0 5px 0; text-align: center; letter-spacing: 1px; }
#date_archive .year a { display: block; width: 33.3333%; float: left; text-align: center; font-size: 0.75em; padding: 5px;  font-family: 'Montserrat', Arial, sans-serif; font-weight: 600;  }
#date_archive .year a:hover { color: #fff; background: #3f98c2; }




/*

    ----------------------------------------------------------------------
                                08.5 New Features Landing Page 
    ----------------------------------------------------------------------

*/

.featureTile {width:44%; padding-right:5%; margin-right:6%; float:left; border-right:1px solid #CCC;}
.featureTile h3 {margin-bottom:16px;}
.featureTile h3 a {font-family: 'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; color:#000; font-weight:700;}
.featureTile ul li {list-style-type:none; margin-bottom:11px;}
.featureTile ul li a {display: block; color: #2a2a2a; font-size: 12px; font-weight: 700; line-height: 1.25em; margin: 0 0 5px 0; font-family: 'Montserrat', Arial, sans-serif;}
.featureTile ul li a:hover, .featureTile h3 a:hover {color:#3f98c2;}
.featureTile ul li img {width:60px; margin-right:5px; float:left; clear:left;}
.featureTiles hr {float: left; width: 100%; margin: 25px 0;}
.clear {clear:both;}
.page-template-page-features-times-php #sidebar {padding:0 3%;}







/*

    ----------------------------------------------------------------------
                                09 Columns
    ----------------------------------------------------------------------

*/
#sidebar,
#column_list, 
#column_posts { padding: 0 5%; float: left; width: 100%; }
.page-template-column-php #column_list { padding: 0 5% 0 0; }

#features section > h2,
#column_list h2, 
#column_posts h2 { font-weight: bold; margin: 0 0 20px 0; font-size: 1.25em; }

#sidebar .ad,
#column_list .ad { padding-top: 0; margin-top: 0; }

#column_banner { width: 100%; float: left;  padding: 0 5% 40px 5%; }
#column_banner .wrapper { width: 100%; float: left; padding: 20px; background: #fcfcfc; border-top: 1px solid #9fcbe0; border-bottom: 1px solid #9fcbe0; }

#column_banner h2 { font-weight: bold; text-transform: uppercase; width: 50%; float: left; font-size: 1.5em; line-height: 1em; }
#column_banner h2 a { color: #2a2a2a; }
#column_banner h2 a:hover { color: #3f98c2; }
#column_banner h2 .title { display: block; padding: 10px 0 0 0; }
#column_banner h2 .author { display: block; font-weight: 300; text-transform: none; font-size: 0.75em; }
#column_banner h2 img { display: block; float: left; -webkit-border-radius: 32px; border-radius: 32px; width: 64px; he
64px; margin: 0 20px 0 0; }

#sidebar p,
#column_list p { clear: both; font-size: 0.875em; line-height: 1.125em; margin: 10px 0 0 0; float: left; width: 100%; }


.column_sponsor { width: 50%; float: right; text-align: right; }
.column_sponsor h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 0.625em; line-height: 1em; float: right; padding: 25px 20px 0 0; width: 200px; }
.column_sponsor a { display: block; float: right; }
.column_sponsor a img { display: block; max-width: 100%; }


#column_summary { width: 100%; float: left; padding: 0 0 40px 0; border-bottom: 1px solid #eee; margin: 0 0 40px 0; }
#column_summary h3 { font-weight: 600; font-size: 1em; margin: 0 0 5px 0; }
#column_summary p { font-size: 0.875em; line-height: 1.125em; }

/*

    ----------------------------------------------------------------------
                                10 Projects
    ----------------------------------------------------------------------

*/

#projects .posts > h2 { width: 100%; float: left; padding: 0 5% 10px 5%; font-weight: bold; text-transform: uppercase; font-size: 1.5em; }
#projects .posts > p { width: 100%; float: left; padding: 0 5% 40px 5%; font-size: 1em; line-height: 1.25em; }
#projects .posts { width: 100%; padding: 0; min-height: 900px; }
#projects .posts .project { width: 100%; height: 300px; float: left; font-family: 'Montserrat', Arial, sans-serif; color: #fff; }
#projects .posts .project a { color: #fff; }
#projects .posts .project .info { padding: 100px 5% 5% 5%; position: absolute; z-index: 100; width: 100%; text-align: center; }
#projects .posts .project .info h3 { font-weight: 700; text-transform: uppercase; font-size: 1.625em; line-height: 1em; text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1); margin: 0 0 15px 0; }
#projects .posts .project .info h3 a { color: rgba(255, 255, 255, 0.85); }
#projects .posts .project .info h3 a:hover { color: rgba(255, 255, 255, 1); }
#projects .posts .project .info .author { text-transform: uppercase; font-size: 0.75em; font-weight: 700; }
#projects .posts .project .info .author a{ font-weight: 700; color: rgba(45, 85, 48, 0.8); font-size: 0.8333em; line-height: 0.625em; background: rgba(255, 255, 255, 0.7); padding: 1% 3%;}
#projects .posts .project .info .author a:hover { background: rgba(255, 255, 255, 0.9); }
#projects .posts .project .info p { font-size: 0.875em; line-height: 1.125em; margin: 15px 0 0 0; font-weight: 600; }
#projects .posts .project .overlay { display: block; position: absolute; z-index: 60; width: 100%; height: 100%; }





.page-template-project-php #hero { width: 100%; float: left; height: 300px; }
.page-template-project-php #hero .info { position: absolute; z-index: 100; width: 100%; padding: 60px 5% 5% 5%; color: #fff; font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }
.page-template-project-php #hero .info h2 { font-size: 1.875em; line-height: 1em; font-weight: 700; margin: 0 0 2% 0; width: 100%; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1); }
.page-template-project-php #hero p { margin: 2% 0 0 0; font-weight: 600; width: 100%; font-size: 0.875em; line-height: 1.125em; }
.page-template-project-php #hero .overlay { display: block; position: absolute; z-index: 60; width: 100%; height: 100%; top: 0; left: 0;}

.page-template-project-php #hero .project_sponsor { margin: 40px 0 0 0; }
.page-template-project-php #hero .project_sponsor h4 { text-transform: uppercase; letter-spacing: 1px; font-size: 0.625em; line-height: 1em; font-weight: bold; margin: 0 0 10px 0; }
.page-template-project-php #hero .project_sponsor a { display: block; }
.page-template-project-php #hero .project_sponsor a img { display: block; max-width: 100%; float: left; }


.page-template-project-php #features { width: 100%; float: left; }
.page-template-project-php #features .feature { width: 100%; height: 300px; float: left; font-family: 'Montserrat', Arial, sans-serif; color: #fff; }
.page-template-project-php #features .feature a { color: #fff; }
.page-template-project-php #features .feature .info { padding: 60px 5% 5% 5%; position: absolute; z-index: 100; width: 100%; text-align: center; }
.page-template-project-php #features .feature .info h3 { font-weight: 700; text-transform: uppercase; font-size: 1.625em; line-height: 1em; text-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1); margin: 0 0 15px 0; }
.page-template-project-php #features .feature .info h3 a { color: rgba(255, 255, 255, 0.85); }
.page-template-project-php #features .feature .info h3 a:hover { color: rgba(255, 255, 255, 1); }
.page-template-project-php #features .feature .info .author { text-transform: uppercase; font-size: 0.75em; font-weight: 700; }
.page-template-project-php #features .feature .info .author a { text-transform: uppercase; color: rgba(25, 76, 98, 0.8); font-size: 0.8333em; line-height: 0.625em; background: rgba(255, 255, 255, 0.7); padding: 1% 3%;}
.page-template-project-php #features .feature .info .author a:hover { background: rgba(255, 255, 255, 0.9); }


.page-template-project-php #features .feature .info p { font-size: 0.875em; line-height: 1.125em; margin: 15px 0 0 0; font-weight: 600; }
.page-template-project-php #features .feature .overlay { display: block; position: absolute; z-index: 60; width: 100%; height: 100%; }



.page-template-project-php #project_posts { float: left; width: 100%; padding: 60px 5%; }



#project_banner { width: 100%; float: left;  border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 20px 20px;  margin: 0 0 20px 0; }
#project_banner .info { float: left; width: 75%; }
#project_banner h3 { float: left; width: 100%; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 1.5em; margin: 0; }
#project_banner p { font-size: 1em; font-style: italic; margin: 0; }

#project_banner .sponsor { float: right; width: 25%; }
#project_banner img { display: block; float: right; height: 40px; margin: 10px 0 0 0; }


/*

    ----------------------------------------------------------------------
                                XX Author, Search Results, Archives
    ----------------------------------------------------------------------

*/
.archive #page > section { min-height: 800px; }

.page_title { font-weight: bold; font-size: 2em; }
.page_title a { color: #2a2a2a; }
.page_title a:hover { color: #3f98c2; }


.archive_info,
.pagination { float: left; width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; margin: 0 0 40px 0; }
.paged .pagination .prev,
.paged .pagination .next { width: 50%; float: left; }
.pagination .prev { padding: 0 10px; }
.pagination .next { text-align: right; padding: 0 10px; }
.pagination .prev a, 
.pagination .next a { font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 1.25em; color: #2a2a2a; }
.pagination .prev a:hover, 
.pagination .next a:hover { color: #3f98c2; }


.search-results .results_label { display: block; font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; font-size: 0.75em; letter-spacing: 2px; text-transform: uppercase; }
.search-results .results_count { display: block; font-style: italic; padding: 4px 0 0 0; }


.search-results .search_form { max-width: 100%; }
.search-results .search_form label,
.search-results .search_form input[type="submit"] { display: none; }
.search-results .search_form input[type="text"] { display: block; border: 1px solid #eee; width: 100%; height: 48px; font-family: 'Montserrat', Arial, sans-serif; font-weight: bold; font-size: 2em; line-height: 49px; padding: 0 10px; }
.search-results .search_form input[type="text"]:focus { outline: none; }


#author_archive .author_info .info { float: left; width: 100%; margin: 20px 0 0 0; }
#author_archive .author_info .info img { display: block; float: left; -webkit-border-radius: 48px; border-radius: 48px; margin: 0 20px 20px 0; }
#author_archive .author_info .info p { font-size: 1em; line-height: 1.125em; }

#author_archive .social { clear: both; margin: 10px 0 0 0; }
#author_archive .social a { display: block; float: left; height: 17px; width: 20px; background-image: url(img/utility_sprite_black.png); background-repeat: no-repeat; margin: 0 20px 0 0; }

#author_archive .social .facebook { background-position: -36px 0; }
#author_archive .social .facebook:hover { background-position: -36px -17px; }

#author_archive .social .twitter { background-position: -70px 0; }
#author_archive .social .twitter:hover { background-position: -70px -17px; }

#author_archive .social .email { background-position: -144px 0; width: 25px; }
#author_archive .social .email:hover { background-position: -144px -17px; }


/*

    ----------------------------------------------------------------------
                                XX Sidebar
    ----------------------------------------------------------------------

*/
.facebook_box { float: left; width: 100%; }

.most_recent { float: left; width: 100%; margin: 0 0 40px 0; }
.most_recent > h3 { font-weight: 600; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: 0 0 20px 0; line-height: 1.5em; } 


.most_recent .post { padding: 0 0 15px 0; border-bottom: 1px solid #eee; margin: 0 0 15px 0; }
.most_recent .post:first-of-type { padding-top: 15px; border-top: 1px solid #eee; }
.most_recent .thumbnail { float: right; width: 85px; margin: 0 0 0 20px; }
.most_recent .thumbnail img { max-width: 100%; width: auto; margin: 0; float: none; }
.most_recent h3 { font-size: 0.75em; }
.most_recent h4 { font-size: 0.875em; margin: 0; }



/*

    ----------------------------------------------------------------------
                                XX Ads
    ----------------------------------------------------------------------

*/

.ad { width: 100%; float: left; padding: 40px 0; }
.ad a { display: block; margin: 0 auto; }
.ad a img { display: block; max-width: 100%; }

.ad.leaderboard { padding: 40px 5% 20px 5%; }
.ad.leaderboard a { max-width: 728px; }
.ad.medium a { max-width: 300px; }
.ad.banner a { max-width: 468px; }


footer .ad.banner a { margin: auto; float: left; }
footer .ad.banner { padding: 0 0 40px 0; }

.ad.leaderboard .adsanity-shortcode div,
.ad.medium .adsanity-shortcode div { float: none; margin: auto; }

.single .ad.leaderboard { padding-top: 0; padding-bottom: 40px; }
.single article .ad.medium { float: right; width: 300px; margin: 80px 0 40px 40px; clear: right; padding: 0; }

.facebook_box iframe { max-width: 100%; }
.single .facebook_box { float: right; clear: right; margin: 0 0 40px 40px; }


.single .facebook_box,
.single article .ad.medium { display: none; }

.tabs-menu{float:left;clear:both;}
.tabs-menu li{line-height:30px;float:left;border-top:1px solid #d4d4d1;border-right:1px solid #d4d4d1;border-left:1px solid #d4d4d1;}
.tabs-menu li.current{position:relative;background-color:#ddd;z-index:5;}
.tabs-menu li a {font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; text-align: center; line-height: 1.5em; font-family: 'Montserrat', Arial, sans-serif; color: #555; padding: 7px 9.4px; display: inline-block;}
.tabs-menu li a:hover {background-color:#EEE;}
.tabs-menu .current a{color:#000;}
.tab{border:1px solid #d4d4d1;background-color:#fff;float:left;margin-bottom:20px;width:265px;}
.tab-content{width:100%; max-width:100%; display:none;padding:20px;}
#tab-1{display:block;}
.wpp-list a {display: block; color: #2a2a2a; font-size: 12px; font-weight: 700; line-height: 1.25em; margin: 0 0 5px 0; font-family: 'Montserrat', Arial, sans-serif;}
.wpp-list a:hover {color: #3f98c2;}
.wpp-list li {padding:10px 0; border-bottom:1px solid #eee;}
.wpp-author {display:block;}
.wpp-author a {display:inline; font-family: 'Lora', serif;
font-style: italic; font-size:14px; color:#3f98c2;}
#tab-2 li {list-style-type:none;}

.wpp-thumbnail, .wpp-list li img {position: relative; top: 7px; width: 35px;  height: auto; margin-bottom: 43px !important;}
.wpp-list li img {float:left; top:3px !important; margin-right:5px;}
.lilImg {margin-bottom: 0px !important;}

/*

    ----------------------------------------------------------------------
                                XX Media Queries
    ----------------------------------------------------------------------

*/

@media screen and (max-width:480px) {
	.articleContent img {height:auto !important;}
	.articleContent div {width:100% !important;}
}

@media screen and (max-width:1023px) {
	.tabs-menu, .tab {width:100%;}
	.tabs-menu li a {padding:5px 20px;}
	.wpp-thumbnail {width:auto !important;}
	.wpp-list li img {width:120px;}
}


/* 480 + */
@media screen and (min-width: 480px) {

    #home #hero { height: 480px; }
    .page-template-project-php #hero { height: 540px; }
    
    #home #features .feature,
    .page-template-project-php #features .feature { height: 360px; }
	
	.social_share .social_buttons > * { width: 106px !important; }

}


@media screen and (max-width:767px) {
	.articleContent p iframe {width:100%;max-width:100%;height:auto;}

}


/* 600 + */
@media screen and (min-width: 600px) {

    #wrapper { margin: 0 auto; width: 90%; max-width: 1140px;  }
    #page { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0 , 0.3); box-shadow: 0 -10px 8px 0 rgba(0, 0, 0 , 0.3); }


	nav .utility_nav { display: block; }
    
    #home #hero h2,
    .page-template-project-php #hero h2 { width: 85%; }
    #home #hero p,
    .page-template-project-php #hero p { width: 85%; line-height: 1.25em; font-size: 1.125em; }
    
    .page-template-project-php #hero p a { color: #fff; text-decoration: underline; }
    
    #home #hero .author a { font-size: 1.0em; line-height: 0.75em; padding: 6px 12px; }
	#home #hero .comments_link { right: 5%; }
	.feature-template hgroup h1 { padding: 200px 20% 2% 20%;}



    article { padding: 0 5% 0 5%; }
    article blockquote { padding: 0 5%; margin: 10px 0 20px 0; width: 45%; float: right; }


    .long-article-template hgroup { padding: 15% 10% 0 10%; }
    article .photo { max-width: 320px; }
    article .photo.left { margin: 10px 30px 0 0; }
    article .photo.right { margin: 10px 0 0 30px; }

	.page-template-project-php #project_info .summary { width: 50%; }
	
	.page-template-project-php #project_info .project_sponsor { width: 50%; margin: 0; }
	.page-template-project-php #project_info .project_sponsor h4 { float: right; padding: 25px 20px 0 0; }
}



/* 720 + */
@media screen and (min-width: 720px) {


	footer .col { width: 50%; float: right; }
	footer .left { width: 50%; float: left; margin: 0; }
	footer .utility_nav .container { float: right; }
	footer .utility_nav a { margin: 0 0 0 20px; }
	footer .utility_nav .facebook_nav { margin: 0; }
	footer .utility_nav .twitter_nav { margin: 0 0 0 12px; }
	
	footer .page_links { text-align: right; }
	

}



/* 1024 + */
@media screen and (min-width: 1024px) {

    nav #mobile_nav { display: none; }

    nav { padding: 40px 5% 0 5%; }
    nav ul { display: block !important; float: right; width: auto; background: none; clear: none; margin: 48px 0 0 0; }
    nav ul li { text-align: left; float: left; margin: 0 0 0 40px; }
    nav ul li a { padding: 12px 0; }
    nav ul li a:hover, nav ul li a.active { background: none ; color: #3f98c2; }

	article,
	#discussion #comments_policy { width: 66.6667%; }
    article .video { max-width: 100%; }

    article .photo { max-width: 300px; }
    article .photo.left { margin: 10px 45px 0 0; }
    article .photo.right { margin: 10px 0 0 45px; }

	article .photo.featured_photo { max-width: 100%; margin: 0 0 30px 0; float: left; }

    .feature-template .article_wrapper > p,
    .feature-template .article_wrapper > h2,
    .feature-template .article_wrapper > h3,
    .feature-template .article_wrapper > h4,
    .feature-template .article_wrapper > h5, 
    .feature-template .article_wrapper > h6 { padding-left: 5%; }


	.feature-template article .article_wrapper { width: 66.6667%; }


    .long-article-template hgroup { padding: 10% 10% 0 10%; }

	#projects .posts .project,
    #home #features .feature { width: 33.3333333333%; height: 300px; }
    #home #features .feature .info { padding-top: 45px; }


    #home #hero .info,
    .page-template-project-php #hero .info { padding: 80px 5% 5% 5%; }


	#home #columns_home { width: 33.3333%; padding: 50px 5% }
	


	.column h3 .column_info { width: 71px; }
	.column h3 .column_name { font-size: 0.75em; line-height: 1em; padding: 0 0 3px 0; }
	.column h3 .author { font-size: 0.75em; line-height: 1em; }
	.column .recent_post h4 a.title { font-size: 0.875em; line-height: 1em;  }
	.column .recent_post p { font-size: 0.875em; line-height: 1em; }


	.posts { width: 66.6667%; padding: 50px 5%; }
	.post img { display: block; float: left; margin: 0 40px 20px 0; width: 52%; max-width: 180px; }
	
	#sidebar { width: 33.3333%;  }
	.single #sidebar { padding: 0 5% 0 0; }

	.single.feature-template #sidebar { padding: 0 0 0 5%; }

	article img.aligncenter { margin: 0 auto 20px auto; }

	#sidebar,
	#column_list { width: 33.3333%; }
	
	section.posts,
	#column_posts { width: 66.6667%; }


	#features section.posts { padding-top: 0; }

	#features .ad.leaderboard { margin-bottom: 40px; }


	.single .facebook_box,
	.single article .ad.medium { display: block; }



	.page-template-project-php #hero { width: 66.6667%; }	
    .page-template-project-php #features { width: 33.3333%; padding: 0 5%; }
	
	.tabs-menu, .tab {width:240px;}
	.tabs-menu li a {padding:5px 4px;}

}




/* 1200 + */
@media screen and (min-width: 1200px) {


    article .photo.left { margin: 10px 45px 0 0; }
    article .photo.right { margin: 10px 0 0 45px; }

    #home #features .feature .info,
    .page-template-project-php #feature .feature .info { padding-left: 40px; padding-right: 40px; }


	#home #columns_home { padding: 30px 40px 70px 40px; }
	#home #latest { padding: 70px 40px 70px 40px; }


	.column h3 .column_info { width: 136px; }
	.column h3 .column_name { font-size: 0.875em; line-height: 1em; padding: 5px 0 3px 0; }
	.column h3 .author { font-size: 0.875em; line-height: 1em; }
	.column .recent_post h4 a.title { font-size: 1em; line-height: 1.125em;  }
	.column .recent_post p { font-size: 1em; line-height: 1.125em; }
	
	.tabs-menu, .tab {width:100%;}
	.tabs-menu li a {padding:7px 15px;}

}




/* 1500 + */
@media screen and (min-width: 1335px) {

	.column h3 .column_info { width: 175px; }

}