/*  
Theme Name: Megasonex
Description: Megasonex
Author: Megasonex
Theme URI: http://www.megasonex.com
Author URI: http://www.megasonex.com/
Version: 1.0
Tags: black, white, dark, two-columns, fixed-width, threaded-comments
Align classes: .aligncenter  */

/*
@import 'font.css';                                                                                                                                                                              
*/

@font-face {
    font-family: "MSL";
    src: url("fonts/msl/MSL.eot");
    src: url("fonts/msl/MSL.eot?#iefix") format("embedded-opentype"),
         url("fonts/msl/MSL.woff") format("woff"),
         url("fonts/msl/MSL.ttf") format("truetype"),
         url("fonts/msl/MSL.svg#mslregular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0047, U+0049-004a, U+00ae, U+00cc-00cf, U+011c, U+011e, U+0120, U+0122, U+0128, U+012a, U+012c, U+012e, U+0130, U+0132, U+0134, U+0193, U+0197, U+01c7, U+01ca, U+01cf, U+01e4, U+01e6, U+01f4, U+0208, U+020a, U+0248, U+038a, U+0399, U+03aa, U+0406-0408, U+1d33, U+1d35, U+1d36, U+1d7b, U+1e20, U+1e2c, U+1e2e, U+1ec8, U+1eca;
}

@import url(//fonts.googleapis.com/css?family=Noto+Sans);		/*Latin, Cyrillic, Greek*/
@import url(//fonts.googleapis.com/earlyaccess/notokufiarabic.css);	/*Arabic*/
@import url(//fonts.googleapis.com/earlyaccess/notosansarmenian.css);	/*Armenian*/
@import url(//fonts.googleapis.com/earlyaccess/notosansbengali.css);	/*Bengali*/
@import url(//fonts.googleapis.com/earlyaccess/notosansmyanmar.css);	/*Burmese*/
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);		/*Chinese (Simplified)*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);		/*Chinese (Tradtional)*/
@import url(//fonts.googleapis.com/earlyaccess/notosansethiopic.css);	/*Ge'ez (Ethiopian languages)*/
@import url(//fonts.googleapis.com/earlyaccess/notosansgeorgian.css);	/*Georgian*/
@import url(//fonts.googleapis.com/earlyaccess/notosansgurmukhi.css);	/*Gurumkhi (Punjabi)*/
@import url(//fonts.googleapis.com/earlyaccess/notosanshebrew.css);	/*Hebrew*/
@import url(//fonts.googleapis.com/earlyaccess/notosansdevanagari.css);	/*Devanagari (Hindi, Nepalese)*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);		/*Japanese*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskhmer.css);	/*Khmer*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);		/*Korean*/
@import url(//fonts.googleapis.com/earlyaccess/notosanslao.css);	/*Lao*/
@import url(//fonts.googleapis.com/earlyaccess/notosanssinhala.css);	/*Sinhala*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstamil.css);	/*Tamil*/
@import url(//fonts.googleapis.com/earlyaccess/notosansthaana.css);	/*Thaana (Maldivian)*/
@import url(//fonts.googleapis.com/earlyaccess/notosansthai.css);	/*Thai*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstibetan.css);	/*Tibetan (Dzongkha)*/


@font-face {
    font-family: "MSW";
    src: url("fonts/msw/MSW.eot");
    src: url("fonts/msw/MSW.eot?#iefix") format("embedded-opentype"),
         url("fonts/nsm/MSW.woff") format("woff"),
         url("fonts/nsm/MSW.ttf") format("truetype"),
         url("fonts/nsm/MSW.svg#MSW") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0047;
}


@font-face {
    font-family: "NSM";
    src: url("fonts/nsm/NotoSansM.eot");
    src: url("fonts/nsm/NotoSansM.eot?#iefix") format("embedded-opentype"),
         url("fonts/nsm/NotoSansM.woff") format("woff"),
         url("fonts/nsm/NotoSansM.ttf") format("truetype"),
         url("fonts/nsm/NotoSansM.svg#NotoSansM") format("svg");
    font-weight: 200;
    font-style: normal;

/*
@font-face {
    font-family: "Megasonex";
    src: url("fonts/megasonex/megasonex-light.eot");
    src: url("fonts/megasonex/megasonex-light.eot?#iefix") format("embedded-opentype"),
         url("fonts/megasonex/megasonex-light.woff") format("woff"),
         url("fonts/megasonex/megasonex-light.ttf") format("truetype"),
         url("fonts/megasonex/megasonex-light.svg#Megasonexlight") format("svg");
    font-weight: 200;
    font-style: normal;
/*    unicode-range: U+0020-007E,U+00A0-0347,U+0351-0353,U+0357,U+0358,U+035C-035F,U+0361,U+8594;*/
}

/*-------------------------- CSS RESET --------------------------*/

* {
	text-decoration: none;
	font-size: 1em;
	outline: none;
	padding: 0;
	margin: 0;
	}
	
code, kbd, samp, pre, tt, var, textarea, 
input, select, isindex, listing, xmp, plaintext {
	white-space: normal;
	font-size: 1em;
	font: inherit;
	}
dfn, i, cite, var, address, em { 
	/*font-style: normal;*/
	}
th, b, strong, h1, h2, h3, h4, h5, h6 { 
	/*font-weight: normal;*/
	}
a, img, a img, iframe, form, fieldset, 
abbr, acronym, object, applet, table {
	border: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	display: inline-block;/*New to fix Firefox putting tables to the right of the page content */
	}
	
caption, th, td { 
	vertical-align: top;
	text-align: left;
	}
body { 
	background: white; 
	line-height: 1; 
	color: black;
	}
	
body .subtext, .megasonex {
	line-height: 1.3;
}
q { 
	quotes: "" "";
	}
/*ul, ol, */dir, menu { 
	list-style: none;
	}
ul, ol /*NEW*/ {
	margin-left: 1.75em;
	padding: 0;
}
sub, sup { 
	vertical-align: baseline;
	}
a { 
	color: inherit;
	}
hr { 
	display: none;
	}
font { 
	color: inherit !important; 
	font: inherit !important; 
	color: inherit !important; /* editor's note: necessary? */
	}
marquee {
	overflow: inherit !important;
	-moz-binding: none;
	}
blink { 
	text-decoration: none;
	}
nobr { 
	white-space: normal;
	}


/*--------------------------- GENERAL ---------------------------*/

html, body { 
height: 100%;
margin: 0 auto;
border: 0;
padding: 0;
background: black; 
color: #bbbbbb;
font-family: MSL, NSM, Noto Sans, Noto Kufi Arabic, Noto Sans Armenian, Noto Sans Bengali, Noto Sans Myanmar, Noto Sans SC, Noto Sans TC, Noto Sans Ethiopic, Noto Sans Georgian, Noto Sans Gurmukhi, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans JP, Noto Sans Khmer, Noto Sans KR, Noto Sans Lao, Noto Sans Sinhala, Noto Sans Tamil, Noto Sans Thaana, Noto Sans Thai, Noto Sans Tibetan,/*MSW, NSM, */Times New Roman, /*Megasonex, ScalaSansLF-Regular, Alice4MX, aAvarangal, Buridah, DejaVuSans, KoreaGD, FZLT,*/ Lucida Sans Unicode, Lucida Grande, Droid Sans Fallback, Arial, sans-serif;
font-size: 10pt;
letter-spacing: -0.4px;
}


#wrap {
width: 100%;
max-width: 100%;
margin: 0;
border: 0;
padding: 0;
}

#upper {
width: 100%;
background: #141414;
position: fixed;
z-index:10; /* Prevent certain problems with form controls */
padding-bottom: 1px;
}

#header { 
width: 1000px;
max-width: 100%;
margin: 0 auto;
}

#middle { 
height: 100%;
width: 100%;
margin: 0 auto;
background: black;
}

#main {
width: 1000px;
max-width: 100%;
height: 100%;
margin: 0px auto;
background: black; 
text-align: justify;
}

#maintop {
width: 1000px;
max-width: 100%;
margin: 0 auto;
background: black; 
text-align: justify;
}

#ribbon {
width: 1000px;
max-width: 100%;
margin: 0 auto;
background: black; 
text-align: justify;
float: left;
}

.pagetitle {
display: none;
}

.post {
width: 1000px;
max-width: 100%;
height: 100%; /*TEST*/
margin: 0 auto;
background: black; 
text-align: justify;
display: inline-block; /*Stops Firefox from erroneously putting tables and images to the right of the main content area*/
}

.subtext { display: inline-block; height: 100% !important; width: 100%; } /*TEST*/

#mainbottom {
width: 1000px;
max-width: 100%;
margin: 0 auto;
background: black; 
text-align: justify;
}

#lower { 
width: 100%;
background: #141414; 
color: #bbbbbb;
position: fixed;
bottom: 0px;
z-index:10; /* Prevent certain problems with form controls */
}

#footer {
height: 10px !important;
width: 1000px;
max-width: 100%;
margin: 0 auto;
background: #141414;
color: #ababab;
letter-spacing: -0.3px;
text-align: center;
white-space: nowrap;
}

img {
	border: none;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

a {
color: #ffffff;
text-decoration: none;
}

a:hover {
color: #5c5c5c;
text-decoration: none;
}

.rev a {
color: #bbbbbb;
text-decoration: none;
}

.rev a:hover {
color: white;
text-decoration: none;
}

.megasonex {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20pt;
color: white;
margin: 0;
overflow: hidden;
padding: 0;
font-weight: normal;
position: relative;
}

p{
margin:0 auto;
padding:0;
font-weight: 200;
}	

h1 {
font-size: 30pt;
margin:0;
overflow:hidden;
padding:0;
font-weight: 100;
}

h2 {
font-size: 19pt;
margin:0;
overflow:hidden;
padding:0;
font-weight: 100;
}

.result h2 {
color: white;
}

h3 {
font-size: 17pt;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 100;
}

h4 {
font-size: 13pt;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 100;
}

h5 {
font-size: 10pt;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 100;
}

h6 {
font-size: 8pt;
margin:0;
overflow:hidden;
padding: 10px 0px 5px 0px;
font-weight: 100;
}

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

.alignleft {
float: left;
}

.alignright {
float: right;
}

img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

/*--------------------------- HEADER AREA ---------------------------*/

#icons {
float: right;
}

#title {
height: 27px;
float: left;
}

#welcome {
height: 19px;
margin: 5px 0 0 0;
padding: 3px 3px 0 0;
float: right;
text-align: right;
white-space: nowrap;
vertical-align: bottom;
}

#pinterest {
width: 24px;
height: 24px;
padding-top: 3px;
float: right;
}

#youtube {
padding-top: 3px;
float: right;
}

#facebook {
padding-top: 3px;
float: right;
}

#twitter {
padding-top: 3px;
float: right;
}

#myspace {
padding-top: 3px;
float: right;
display: none;
}

#search {
float: right;
}

#search INPUT {
margin: 5px 0 0 0;
background: #1b1b1b;
width: 150px;
height: 16px;
border: 1px solid #626262;
color: #626262;
font-size: 7pt;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#ads {
display: none;
}

.breadcrumbs {
width: auto;
height: 20px;
padding: 5px 0px;
font-size: 8.5pt;
color: #ffffff;
float: right;
}

.breadcrumbs a {
color: #bbbbbb
}

.breadcrumbs a:hover {
color: #ffffff
}


#lang_sel { /*NEW*/
width: 200px;
height: 24px;
float: left;
clear: both;
z-index: 9 !important;
margin: 0;
padding: 0px;
}

#lang_sel * {border: 0 !important; background: black !important; color: #bbbbbb !important; max-width: inherit; width: 200px; padding-left: 0 !important; top: -1px; }

#lang_sel *:hover {color: white !important;}

/* style the top level hover */
#lang_sel ul ul{ height: auto; width: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 0;}

#lang_sel_footer {
display: none;
}

.language_list, .language_list * {
margin: auto !important;
list-style-type: none !important;
line-height: 200%;
width: auto;
max-height: auto;
}

.language_list ul li a {
white-space: nowrap;
}

.left_box, .right_box {
display: table-cell;
width: 50%;
}

.centered_box {
top: 100px;
bottom: 100px;
display: table-cell;
margin: 0 auto;
height: auto !important;
width: auto;
}

/*--------------------------- MENU AREA ---------------------------*/

#menu { 
font-size: 12px; /*Originally this was 24px, but in order to stop flashing of overlapping large font in menubars, I halved this and made changes to the javascript in footer.php*/
width: 1000px;
max-width: 100%;
margin: 0;
padding: 0;
display: inline-block;
/*line-height: 100%; /*NEW*/ /*
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); /*NEW*/ /*
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); /*NEW*/
/*background: #333; /*NEW*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#333'); /*NEW*/
/*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); /*NEW*/
/*background: -moz-linear-gradient(top, #666, #33); /*NEW*/
/*border: solid 1px #666; /*NEW*/
vertical-align: bottom; /*NEW*/
}

#menu li { 
float:left;
position: relative; /*NEW*/
list-style: none;
white-space: nowrap; /*NEW*/
padding: 0; /*TEST*/
}

#menu a {
color: #bbb;
text-decoration:none;
margin: 0;
padding: 0;/*
letter-spacing: -0.5px; /*
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); /*NEW*/
}

/*#menu > .current_page_item a {
color: white;
}*/

#menu a:hover {
color: white; /*NEW*/ /*
background: #bbb !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#888');
background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#888)) !important;
background: -moz-linear-gradient(top, #bbb, #888) !important;
color: #fff !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); */
}

#menu ul { /*NEW*/ /*****The width of this is not inheriting, probably because it is not displayed, for IE, Firefox and Opera*****/
/*min-width: 100%; /*TEST*/
width: inherit; /*MINE*/
background: #141414;/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#333');
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
background: -moz-linear-gradient(top, #666, #333); */
/*display: none; /*MINE*/ /*THIS SHOULD BE HIDDEN SO LENGTH CAN BE DETERMINED BY IE, FIREFOX AND OPERA TO AVOID PROBLEM ABOVE AND LATER SET WITH JS TO NONE*/
margin: 0;
padding: 0;
position: absolute;
top: 100%; /*
border: solid 1px #666;
border-top: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); */
}

#menu ul li { /*NEW*/
min-width: 100%;
background: inherit;
float: none;
}

#menu ul li:hover { /*MINE*/
width: inherit;/*
background: blue;*/
}

#menu ul ul { /*NEW*/
left: 100%;
top: 0%;
}

#menu .loginout {
text-align: right;
}

#menu .loginout a { /*MINE*/
padding: 0;
}

/*--------------------------- CONTENT AREA ---------------------------*/

.archive {
background: #272727; 
color: #ebebeb;
padding: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

.clear {
clear: both;
height: 0; /* NEW */
}

.post h6 a {
background: #272727; 
color: #ebebeb;
padding: 5px;
font-weight: 300;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}

.fill {
position: absolute;
width: 100%;
max-width: 1000px;
top: 130px;
bottom: 20px;
padding: 0;
}

.megasonexbig {
text-align: center;
width: 50%;
height: 22%;
max-height: 115px;
margin: 0 auto;
}

.jtextfill span {
display: inline-block;
}

.wp-caption {
background: #141414;
border: 1px dotted #333333;
}

.wp-caption img {
padding: 5px;
}

.wp-caption-text /* NEW */ {
font-size: 75%;
text-align: center;
margin: -5px 5px 5px 5px;
}

.column_image {
width: 110px;
max-width: 11%;
display: table-cell;
float: left;
}

.toothpaste {
width: 110px;
background:url('http://megasonex.com/wp-content/uploads/TubeTop.jpg') no-repeat top, url('http://megasonex.com/wp-content/uploads/TubeBottom.jpg') no-repeat bottom, url('http://megasonex.com/wp-content/uploads/TubeMiddle.jpg') repeat-y;
background-size: 100%;
display: table-cell;
}

.why {
display: table-cell;
width: 890px;
max-width: 89%;
margin: 0;
padding: 0;
}

.why_headline {
width: 34%;
min-width: 50px;
height: auto;
font-size: 24px;
color: white;
margin: 0;
padding: 0 15px 15px 15px;
float: left;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.why_details {
width: 66%;
min-width: 100px;
height: auto;
float: left;
margin: 0;
padding: 0 0 15px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: content-box;
}

.location_search {
width: 100%;
}

.location_search_title {
display: none;
}

.location_search_street_cell {
width: 100%;
}

#location_search_address_field {
width: 99%;
}

/*--------------------------- INFO AREA ---------------------------*/

.info {
display: none;
width: 0px /*110px*/;
float: right;
border-right: 1px solid #646464;
border-bottom: 1px solid #646464;
border-top: 1px solid #646464;
font-size:  7pt;
text-align: left;
padding: 10px 10px 10px 10px;
background: black; 
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 1px; /* CSS3 */ 
}

.info img {
border: 1px solid #ffffff;
background-color: #000000;
}

.info a {
font-weight: bold;
}

.info h3 { 
color: #ffffff;
}

.info h2 {
background: none; 
margin-top: 0px;
}

.info h4, .info h5 {
color: white;
padding: 1px 1px 1px 1px;
width: 87px;
}

.date {
font-size:  9pt;
color: white;
}

.time {
font-size: 15pt;
color: white;
padding: 5px 0px 0px 0px;
}

.white {
font-size:  14pt;
background: #272727; 
color: #ffffff;
padding: 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
}





/*--------------------------- COMMENTS AREA ---------------------------*/

/* NEW section */

.commentlist .quote {
	background:url("img/bg_quote.gif") no-repeat top right;
	min-height: 50px;
	}

.quotedagger {
	background:url("img/dagger.gif") no-repeat top right;
	padding-right: 50px;
	width: 11px;
	height: 10px;
	}

.commentlist .bubble {
	margin-top:15px;
	background:#454545;
	padding: 5px;
	color:#e4edee;
	border: 1px solid #454545;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; /* Safari, Chrome */
	border-radius: 15px; /* CSS3 */
	}

.commentlist .quote p {
	min-height: 50px;
 	padding: 8px 81px 8px 12px;
}

.commentlist cite {
	display:block;
	font-style:normal
	}

/* End NEW section */

h3#comments {
margin:0px;
}

p.postmetadata {
color: #3a3a3a;
font-size:  14pt;
}  

.commentlist img {
border: 1px solid #000000;
padding: 3px 3px 3px 3px;
background-color: #dddddd;
display: inline-block;
}

.commentlist ul.children {
margin-left: 5px;
}


#fields INPUT {
padding: 0px 5px 0px 5px;
background: white;
border: 1px solid #626262;
-moz-border-radius: 15px;
-webkit-border-radius: 15px; /* Safari, Chrome */
border-radius: 15px; /* CSS3 */
}



.comment-body {
font-size:  8pt;
}

.avatar{
display:inline-block;
float: left;
}

.commentlist p.metadate {
display: inline-block;
float: left;
clear: left;
}

.reply a {
font-size: 10pt;
color: #cccccc;
border: 1px solid #adadad;
padding: 5px;
font-weight: 300;
display: inline-block;
float: right;
}

cite.fn {
font-size: 15pt;
}

cite.fn a {
font-size: 15pt;
}

textarea {
overflow: auto;
margin-top: 8px;
margin-left: 8px;
min-height: 80px;
width: auto;
max-width: 100%;
padding: 8px 12px;
border: 1px solid #626262;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; /* Safari, Chrome */
border-radius: 10px; /* CSS3 */
}

.commentlist textarea {
width: 872px;
}

.your-message textarea {
width: 100%;
}

/*--------------------------------------THEME MY LOGIN-----------------------------------------*/

#pass-strength-result {
color: black;
}
/*
.subtext {list-style:none;}
.tml-action-links li {margin-bottom:0;background: gray; display: inline-block; float: left;}*/


/*--------------------------------------SIMPLEMAP-----------------------------------------*/

.markertext p {
display: block;
text-align: left;
padding-top: 10px;
}

.markertext .buble_address, .bubble_contact, .bubble_tags, .bubble_links {
display: none;
}