/*   
Theme Name: Asgard Legal
Theme URI: http://html5reset.org
Description: A custom HTML5-based WordPress theme.
Author: Clear PH
Author URI: 
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font-family: 'gotham_boldregular',Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body {color: #fff;}
select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

body {background: #000;text-align: center;font-family:'Brandon Grot W01 Medium', sans-serif;}

#full-bg div { position:fixed; top:0; left:0; height:100%; width:100%; z-index:-10; }

#slide-1 {background: url(img/slide-1-temp.jpg) center center no-repeat fixed; background-size: cover; back; opacity: 0;}
#slide-2 {background: url(img/slide-2.jpg) center center no-repeat fixed; background-size: cover; back; opacity: 0;}
#slide-3 {background: url(img/slide-3.jpg) center center no-repeat fixed; background-size: cover; back; opacity: 0;}
#slide-4 {background: url(img/slide-4.jpg) center center no-repeat fixed; background-size: cover; back; opacity: 0;}

#wrapper {max-width: 960px; margin: 1em auto 0; width: 95%; }

.page-template-page-splash-php h1 {margin-bottom: 2em;}
h2.tag {text-transform: uppercase; font-size: 1.5em; font-family:'Brandon Grot W01 Light', sans-serif; line-height: .875em; margin-bottom: .5em;}
h2.tag strong {font-family:'Brandon Grot W01 Bold', sans-serif;}

.page-template-page-splash-php p {margin-bottom: 2em;}
a.butt {display: inline-block; width: auto!important; padding: 6px 18px; border: solid 2px #fff; color:#fff; text-transform: uppercase; font-size: 24px;text-decoration: none;}

.logo_img, .tag, .message, .contact, .copyright {opacity: 0;}
.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; transition: opacity 400ms ease-in; display: none; pointer-events: none; }
.lback {line-height: 42px;font-size: 16px;}
.lback img {margin-bottom:0;vertical-align:middle;} 
.skype {line-height: 32px; height:32px; font-size: 24px!important; padding-left: 42px;background: url(img/skype.png) left center no-repeat;display: inline-block;width: auto;margin-top: .5em;font-family:'Brandon Grot W01 Bold', sans-serif;}
h2.contact {font-size: 3em; margin-bottom: 0;font-family:'Brandon Grot W01 Bold', sans-serif;}
.copyright p {font-size: 24px!important;}
.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
} 

@media screen and (min-width: 410px) {

.page-template-page-splash-php h1 {margin-bottom: 1.5em;}
h2.tag {margin-bottom: .5em;}

.page-template-page-splash-php p {margin-bottom: 1.5em;}
.page-template-page-splash-php .entry span {display: block;}
}

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

#wrapper {margin-top: 4.5em; }
.page-template-page-splash-php h1 {margin-bottom: 3em;}
h2.tag {margin-bottom: 1em; font-size: 2em;}

.page-template-page-splash-php p {margin-bottom: 1.5em;}
}

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

#wrapper {width:75%;margin-top: 6em; }
h2.tag {margin-bottom: 1em; font-size: 4.5em;}

.page-template-page-splash-php p {font-size:1.5em;margin-bottom: 3em;}
}

@media screen and (min-width: 1025px) {

h2.tag {margin-bottom: .5em; font-size: 4.5em;}

.page-template-page-splash-php p {font-size:1.75em;margin-bottom: 1.75em;}
.lback {line-height: 42px;font-size: 16px;}
}

@media screen and (min-width: 1280px) {

#wrapper {width:75%;margin-top: 7.5em; }
.page-template-page-splash-php h1 {margin-bottom: 4.5em;}
h2.tag {margin-bottom: .5em; font-size: 5em;}
}