/*
Theme Name: OMEGA-LEVEL.net Theme v3.0
Theme URI: http://omega-level.net/
Description: The new OL theme built from scratch
Version: 3.0
Author: Adam Bagarella
*/


/**********************/
/*** UNIVERSAL
/**********************/

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

html, body { width:100%; height:100%; }

body {
font-size: 65%;
font-family:Verdana, sans-serif;
color:#333;
text-align:left;
background-color:#222;
}

img{ border:none; }
img.vmiddle{ vertical-align:middle; }

ul{ list-style:none; }
ul.bullets{ list-style-type: disc; }

.clearme{ clear:both; }

.pointer { cursor:pointer; }

.floatleft{ float:left; }
.floatright{ float:right; }

.txt-left{ text-align:left; }
.txt-center{ text-align:center; }
.txt-right{ text-align:right; }

.hideme{ display:none !important; }

.nowrap{ white-space:nowrap; }

.table { display:table; }
.trow { display:table-row; }
.tcell { display:table-cell; }

p { margin-bottom:10px; }

.bold { font-weight:700; }

.txt-olred { color:#a4376e; }

/**********************/
/*** END UNIVERSAL
/**********************/


/********************************************/
/*** Typography
/********************************************/

/*Set Defaults*/
a { text-decoration:none; color:#a4376e; font-weight:700;}
a:hover { color:#292929; }

h1 { font-size:2.4em; line-height:1.5; color:#292929; }
h2 { font-size:2em; color:#292929; }
h2 a { color:#292929; }
h2 a:hover { color:#a4376e;}
h3 { font-size:1.3em; color:#292929;}

div#mainnav a,
div#mobile-navcontainer a { font-size:1.2em; color:#f1f1f1; font-weight:700; }
div#mainnav a:hover,
div#mobile-navcontainer a:hover { color:#a4376e; }

div.post-container div.the-content{font-size:1.4em;line-height:1.7;}
div.post-container span.read-more {font-size:1.1em;font-weight:700;}
div.post-container div.post-author-date { font-size:1.1em; color:#999; }
a.comments-link { font-size:1.2em;font-weight:700; color:#666; }
div.edit-link a { font-size:1.5em;color:#3094b1; font-weight:400; }
blockquote { font-size:.9em; color:#888; }
div.adjacent-entries,
div.nextprev-links,
div.tags {font-size:1.2em;}

div#sidebar-right  div#featured-articles,
div#sidebar-right  div#archives,
div#sidebar-right div#recent-posts,
div#sidebar-right div#recent-posts,
div#sidebar-right div#categories { font-size:1.2em;font-weight:700; }

div#sidebar-right  div#archives select { font-size:1.3em; color:#292929; }



/**************************************************************************************/
/*** BREAKPOINT 1: Below 480px - Small mobile view
/**************************************************************************************/
@media screen and (max-width:480px)
{
    div#site-container { width:100%; background-color:#f1f1f1;}

    /*** Header ***/
    header {
        position: fixed;
        z-index: 10;
        right: 0;
        left: 0;
        top: 0;
    }

    .headroom { transition: transform .25s ease-in-out; will-change: transform; }
    .headroom--unpinned { transform: translateY(-100%); }

    header div.logo-container {position:relative;}
    header img#ol-logo { position:absolute; width:30%; height:auto; }
    header img#mobile-menu-icon { position:absolute; right:10%; margin-top:8%; width:15%; height:auto; }
    header img#olbanner { display:block;border-bottom:solid 1px #000; z-index:0; max-width:100%; height:auto; width:auto\9; /*ie8*/  }

    /*header img#olstore-header{ position:absolute; top:0; left:0; z-index:20; }*/

    #navcontainer {  display:none; } /*Hide non-mobile nav menu*/

    div#mobile-navcontainer { display:none; position:fixed; left:0; top:0; z-index:50; height:120%; width:100%; background-color:#000; text-align:right;  }
    div#mobile-navcontainer img#mobile-close {width:10%;margin:15px 10% 0 0;}
    div#mobile-navcontainer div#mobile-mainnav li{ padding:15px 10px;text-align:center; }

    div#mobile-navcontainer form#mobilesearchform {margin-top:5%;}
    div#mobile-navcontainer input#mobiles { width:70%; height:30px; padding:0; float:left; margin-left:10%;color:#999; }
    div#mobile-navcontainer input#mobilesearchsubmit {
    width:10%;
    height:30px;
    background:#fff url('images/search.png') center center no-repeat;
    float:left;
    }
    div#mobile-navcontainer div#mobile-archives-link { text-align:center; margin-top:15px; }
    div#mobile-navcontainer div#mobile-archive-dropdown { text-align:center; display:none; margin-top:15px; }
    div#mobile-navcontainer div#mobile-archive-dropdown select { padding:10px; width:50%; margin:auto; border:solid 1px #666; }
    /*** END Header ***/


    /*** Content ***/
    div#main-content-left,
    div#main-content-full { padding:40% 5% 10%; }

    div#content div.the-content img,
    div#content div.the-content iframe { width:100% !important; height:auto !important;}

    div#sidebar-right { display:none; } /* Hide the sidebar */

    div.adjacent-entries { margin-bottom:25px; }
    div.powerpress_player img {width:10%;height:auto;}
    /*** END Content ***/


    
    /*** Animations ***/
    div#tomahawk,div#rocket,div#tomahawk img,div#rocket img { display:none; }
    /*** END Animations ***/
}


/**************************************************************************************/
/*** BREAKPOINT 2: Between 480px and 1048px - Medium sized mobile devices
/**************************************************************************************/
@media screen and (min-width:480px) and (max-width:1048px)
{
    div#site-container { width:100%; background-color:#c7c7c7; }

    /*** Header ***/
    header div.logo-container {position:relative;}
    header img#ol-logo { position:absolute; right:5%; width:20%; height:auto; }
    header img#olbanner { display:block; z-index:0; max-width:100%; height:auto; width:auto\9; /*ie8*/  }
    /*header img#olstore-header{ position:absolute; top:0; left:0; z-index:20;}*/
    header img#mobile-menu-icon, div#mobile-navcontainer, div#mobile-mainnav {display:none;} /*Hide mobile menu stuff*/

    div#navcontainer div#mainnav { position:relative; width:100%;  background-color:#111; }

    div#navcontainer div#mainnav ul {text-align:justify; cursor:default; height:18px; margin:0 20px; padding:12px 0;}
    div#navcontainer div#mainnav ul:after {content: ''; display: inline-block; width: 100%;}
    div#navcontainer div#mainnav ul:before {content: ''; display: block;}
    div#navcontainer div#mainnav ul  li {display:inline-block; position:relative;}
    /*** END Header ***/


    /*** Content ***/
    div#main-content-left { float:left; width:61%; background-color:#f1f1f1;}

    div#main-content-left,
    div#main-content-full { padding:5% 2%; }

    div#content div.the-content img,
    div#content div.the-content iframe { width:100% !important; height:auto !important;}


    div.adjacent-entries { margin-bottom:25px; }
    div.powerpress_player img {width:10%;height:auto;}
    /*** END Content ***/


    /*** Sidebar ***/
    div#sidebar-right { float:right; width:31%; padding:5% 2%; height:100%; }
    div#sidebar-right  div#search input#s { width:80%; height:30px; padding:0 7px; float:left; border:solid 1px #666; border-right:0; color:#999; }
    div#sidebar-right  div#search input#searchsubmit {
    width:30px;
    height:32px;
    border:solid 1px #666;
    border-left:0;
    background:#fff url('images/search.png') center center no-repeat;
    float:left;
    }

    div#sidebar-right  div#social-links { margin-top:30px; }
    div#sidebar-right  div#social-links > div { margin-right:6px; }
    div#sidebar-right  div#social-links a { display:block; width:24px; height:24px; border:solid 1px #bbb; }
    div#sidebar-right  div#social-links a.rss { background:url('images/icon-rss.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.twitter { background:url('images/icon-twitter.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.facebook { background:url('images/icon-facebook.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.tumblr { background:url('images/icon-tumblr.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.apple { background:url('images/icon-apple.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.youtube { background:url('images/icon-youtube.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.twitch { background:url('images/icon-twitch.png') top center no-repeat; }

    div#sidebar-right  div#facebook-widget { margin-top:30px; overflow:hidden; width:250px; }

    div#sidebar-right  h3 {margin-bottom:10px;}

    div#sidebar-right  div#featured-articles,
    div#sidebar-right  div#archives,
    div#sidebar-right  div#recent-posts,
    div#sidebar-right  div#categories {margin-top:40px;}


    div#sidebar-right  div#featured-articles div.title a.header-featured-a { }
    div#sidebar-right  div#featured-articles div.title img.header-featured-img { max-width:97%; height:auto; }

    div#sidebar-right  div#featured-articles div.post,
    div#sidebar-right  div#recent-posts div.post { padding-bottom:7px;border-bottom:dashed 1px #666;margin-bottom:7px; }

    div#sidebar-right  div#archives select { padding:10px; width:200px; border:solid 1px #666; }

    div#sidebar-right  div#categories div.category { margin-bottom:7px; }
    /*** END Sidebar ***/



    /*** Animations ***/
    div#tomahawk { position:fixed; bottom:0; left:50%; margin-left:-250px; display:none; }

    div#rocket {  position:fixed; bottom:-300px; left:50%; margin-left:600px; }
    div.animate-rocket {
    -webkit-transition: all 14s ease-in;
    -moz-transition: all 14s ease-in;
    -o-transition: all 14s ease-in;
    transition: all 14s ease-in;
    -webkit-transform: translateY(-4000px);
    -moz-transform: translateY(-4000px);
    -o-transform: translateY(-4000px);
    -ms-transform: translateY(-4000px);
    transform: translateY(-4000px);
    }
    /*** END Animations ***/
}


/**************************************************************************************/
/*** BREAKPOINT 3: Greater than 1048px - Desktops
/**************************************************************************************/
@media screen and (min-width:1048px)
{
    div#site-container { width:1040px; margin:auto; background-color:#c7c7c7; border:solid 1px #515151; }

    /*** Header ***/
    header div#banner { width:1040px; height:304px; }
    header div#banner > div {position:relative; left:0; top:0;}
    header img#olbanner { position:absolute; z-index:5; }
    header img#ol-logo { position:absolute; top:70px; left:760px; z-index:10; }
    header img#olstore-header{ position:absolute; top:0; left:0; z-index:20;}
    header img#mobile-menu-icon, div#mobile-navcontainer, div#mobile-mainnav {display:none;} /*Hide mobile menu stuff*/

    div#navcontainer #navcontainer { position:relative; left:0; top:0; }
    div#navcontainer div#mainnav { position:relative; width:1040px;  background-color:#111; }
    div#navcontainer div#mainnav ul {text-align:justify; cursor:default; height:18px; margin:0 20px; padding:12px 0;}
    div#navcontainer div#mainnav ul:after {content: ''; display: inline-block; width: 100%;}
    div#navcontainer div#mainnav ul:before {content: ''; display: block;}
    div#navcontainer div#mainnav ul  li {display:inline-block; position:relative;}
    /*** END Header ***/

    div#main-content-left { float:left; width:640px; background-color:#f1f1f1; padding:40px 50px; }

    div#main-content-full { background-color:#f1f1f1; padding:40px 200px; }

    div#content div.the-content iframe { width:100% !important; }

    div.adjacent-entries { margin-bottom:25px; }

    /*** Sidebar ***/
    div#sidebar-right { float:right; width:250px; height:1000px; padding:40px 25px; }
    div#sidebar-right  div#search input#s { width:200px; height:30px; padding:0 7px; float:left; border:solid 1px #666; border-right:0; color:#999; }
    div#sidebar-right  div#search input#searchsubmit {
    width:30px;
    height:32px;
    border:solid 1px #666;
    border-left:0;
    background:#fff url('images/search.png') center center no-repeat;
    float:left;
    }

    div#sidebar-right  div#social-links { margin-top:30px; }
    div#sidebar-right  div#social-links > div { margin-right:6px; }
    div#sidebar-right  div#social-links a { display:block; width:24px; height:24px; border:solid 1px #bbb; }
    div#sidebar-right  div#social-links a.rss { background:url('images/icon-rss.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.twitter { background:url('images/icon-twitter.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.facebook { background:url('images/icon-facebook.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.tumblr { background:url('images/icon-tumblr.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.apple { background:url('images/icon-apple.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.youtube { background:url('images/icon-youtube.png') top center no-repeat; }
    div#sidebar-right  div#social-links a.twitch { background:url('images/icon-twitch.png') top center no-repeat; }

    div#sidebar-right  div#facebook-widget { margin-top:30px; overflow:hidden; width:250px; }

    div#sidebar-right  h3 {margin-bottom:10px;}

    div#sidebar-right  div#featured-articles,
    div#sidebar-right  div#archives,
    div#sidebar-right  div#recent-posts,
    div#sidebar-right  div#categories {margin-top:40px;}

    div#sidebar-right  div#featured-articles div.title a.header-featured-a { display:block; width:292px; height:69px; background:url('images/featured-articles.png') top center no-repeat;}
    div#sidebar-right  div#featured-articles div.title img.header-featured-img {display:none;} /* Don't show img version on desktop */

    div#sidebar-right  div#featured-articles div.post,
    div#sidebar-right  div#recent-posts div.post { padding-bottom:7px;border-bottom:dashed 1px #666;margin-bottom:7px; }

    div#sidebar-right  div#archives select { padding:10px; width:200px; border:solid 1px #666; }

    div#sidebar-right  div#categories div.category { margin-bottom:7px; }
    /*** END Sidebar ***/


    /*** Animations ***/
    div#tomahawk { position:fixed; bottom:0; left:50%; margin-left:-250px; display:none; }

    div#rocket {  position:fixed; bottom:-300px; left:50%; margin-left:600px; }
    div.animate-rocket {
    -webkit-transition: all 14s ease-in;
    -moz-transition: all 14s ease-in;
    -o-transition: all 14s ease-in;
    transition: all 14s ease-in;
    -webkit-transform: translateY(-4000px);
    -moz-transform: translateY(-4000px);
    -o-transform: translateY(-4000px);
    -ms-transform: translateY(-4000px);
    transform: translateY(-4000px);
    }
    /*** END Animations ***/
}



/**********************/
/*** CONTENT
/**********************/
div.post-container { margin-bottom:40px; }
h3.page-title{ margin-bottom:20px; }
div.post-container div.post-author-date { margin:7px 0 15px; }
div.post-container div.comments{ margin-top:10px; }
div.post-container div.edit-link { margin-top:20px; }
div.post-container blockquote { padding:20px; background-color:#ddd; margin-bottom:25px; }

/* SINGLE */
div.adjacent-entries > div:first-child { margin-bottom:10px; }

div.tags { border-top:dashed 1px #999; border-bottom:dashed 1px #999; padding:10px 0; text-transform:uppercase; color:#999; margin:20px 0 30px; }
div.tags a { color:#999; }
div.tags a:hover { text-decoration:underline; }

div.sharedaddy { margin-top:30px; }

/*** Footer ***/
div#footer { background-color:#222; padding:40px 20px; text-align:center; color:#666; margin-bottom:60px; }
div#footer div#site-description{ margin-top:20px; margin-bottom:15px;font-weight:700; font-size:1.2em; }
div#footer a:hover { color:#b3417b; }
/*** END Footer ***/

/**********************/
/*** END CONTENT
/**********************/