@import url("./font-awesome/4.6.3/css/font-awesome.min.css");

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans'), local('OpenSans'),
    url('./fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/oswald-v10-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Oswald Regular'), local('Oswald-Regular'),
    url('./fonts/oswald-v10-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/oswald-v10-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('./fonts/oswald-v10-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('./fonts/oswald-v10-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/oswald-v10-latin-ext_latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, /*p,*/
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
aside, canvas, details, figcaption, figure, /*article*/
footer, header, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ABOVE THE FOLD CSS */

body
{
margin:0; 
padding:0;
background-color:#FFF;
background-repeat:no-repeat;
background-position:center top;
background-attachment:scroll;
font-family:sans-serif;
/*font-family:"Open Sans";*/
}

#logo_icon { width: 32px; height: 32px;}
#logo_text { width: 194px; height: 32px;}

#meta_container
{
    padding:0;
    margin-left: auto; /* centers the div */
    margin-right: auto; /* centers the div */
    width:1024px;
    background-color:#ffffff; /* this will show up if sidebar is too short*/
    margin-bottom: 120px; /* to accomodate 33across sticker leader*/
}

#top-navigation-container
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#top-navigation {
    background-color: black;
    color: white;
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 4px;
}

#div-gpt-ad-1370551196280-4 { margin:0 auto 0 auto;} /* DFP Leaderboard centering*/

.leaderboardcontainer {
    min-height: 90px;
    background: #000;
}

#skincontainer_content /* centered part -- main content and sidebar container*/
{
    background-color:#ffffff;
    width: 100%;
    float: left; /* extend this all the way down*/
}

.review_procons_container
{
    clear: both;
    min-height: 132px;
    color: #555;
    padding: 20px;
    line-height: 1.7em;
}
.review_procons_container ul{
    list-style-type: none;
    font-size: 16.5px;
    margin-top: 10px;
    padding-right: 5px;
    line-height: 1.3em;
}

.review_procons_container li{
    margin-bottom: 15px;
}

.review_procons_container h4
{
    border-bottom: 1px solid #ddd;
    margin-right: 20px;
    padding: 0px 0px 10px 0px;
    font-size: 18px;
    font-family: oswald;
}

.review_pros_container{
    float: left;
    width: 33.33%;
}
.review_pros_container h4{    color: #8cc63f;}
.review_pros_container li:before {
    content: "\2713 ";
    color: #8cc63f;
}

.review_cons_container
{   float: left;
    width: 33.33%;
}
.review_cons_container h4{    color: #f47d56;}
.review_cons_container li:before {
    content: "\2717 ";
    color: #f47d56;
}

.review_quote_container
{
    text-align: center;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #bbb;
    font-family: Oswald;
    -webkit-background-clip: text;
    margin: 40px 0px 40px 0px;
}

.review_quote_quote_gradient
{
    background: -webkit-linear-gradient(#333, #787878);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.review_misc_container
{   float: left;
    width: 33.33%;
}
.review_misc_container h4
{
    color: #787878;
}

.sidebar
{
    width:348px;
    background-color:#fff;
    float:right;
}

.sidebar a:link {color: #000; text-decoration:underline;}
.sidebar a:visited {color: #000; text-decoration: underline;}
.sidebar a:active {color: #000; text-decoration: underline;}
.sidebar a:hover { color: #000; text-decoration: underline;}

.mediumbox
{
    margin-bottom: 10px;
    margin-left: 25px;
    padding-bottom: 10px;
    min-height: 250px;/*NOT COLLAPSIBLE!*/
}

.in_content_large_box_ad_container{
    margin-bottom: 30px;
}

.related_story_sidebar_container
{
    margin: 00px 0px 20px 0px;
    overflow: hidden;
    margin-left: 26px;
}

.header_sidestory_small_img
{
    float: left;
    margin-right: 10px;
    width: 99px;
    height: 64px;
    border: 1px solid #eee;
}

.header_sidestory_small_text {
    font-family: Oswald;
    font-size: 16.8px;
    overflow: hidden;
    width: 180px;
    height: 66px;
    float: left;
    position: relative;
    color:#000;
    line-height: 1.3em;
}

#header_searchbox
{
    position: relative;
    top: -9px;
    left: 12px;
    display: inline;
}

#search_form_menu
{ display: inline;}

#search_button
{
    border: 0;
    margin: 0;
    padding: 0;
    background-position: -100px -0px;
    position: relative;
    left: -33px;
    top: 1px;
    color: #fff;
    font-size: 113%;
    background-color: transparent;
}

p:not(:first-child) {
    padding: 15px 0px 15px 0px;
    margin: 0;
}
p:first-child {
    padding: 0px 0px 15px 0px;
    margin: 0;
}

img {
border : none;
padding : 0; margin:0;
}

.indivsection
{
    border-color: black;
    border-bottom: solid;
    border-width: 1px;
    font-weight: bold;
    font-size: 20px;
    font-family: oswald;
    color: black;
}

.indivsubsection
{
    font-weight: bold;
    font-size: 20px;
    font-family: oswald;
}

.youtube_subscription_link {
	background: black;
color: white;
    margin-bottom: 15px;
}
.youtube_subscription_link p {
	margin-left: 17px;
	font-weight: bold;
	font-size: 85%;
}

.youtube_subscription_link A:link {color: #ffffff; text-decoration: underline;}
.youtube_subscription_link A:visited {color: #ffffff; text-decoration: none;}
.youtube_subscription_link A:active {color: #ffffff; text-decoration: none;}
.youtube_subscription_link A:hover { color: #787878; text-decoration: underline;}

.text_ui A:link {color: #ffffff; text-decoration: none;}
.text_ui A:visited {color: #ffffff; text-decoration: none;}
.text_ui A:active {color: #ffffff; text-decoration: none;}
.text_ui A:hover { color: #787878; text-decoration: none;}

/* used in 404.php + 503.php */
.header_incontent_story_img {
    width: 16.46%;
    height: 150px;
    border: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    cursor: pointer;
    float:left; /* required to stack divs horizontally */
    background-size: 100% auto;
}

.header_incontent_story_img_text
{
    background-image: url("transparent_black.png");
    color: white;
    font-size: 90%;
    padding: 5px 5px 5px 5px;
    line-height: 1.4em;
}

.breaking
{
	color: black;
	background-color: red;
	font-size: 100%;
    padding:2px;
}

.feature
{
	color: black;
	background-color: #d8ee5f;
	font-size: 100%;
    padding:2px;
}

.promoted
{
    color: black;
    background-color: #27DBFE;
    font-size: 100%;
    float:left;
    display: block;
    padding:2px;
}

#tag_category_header {
    margin-bottom: 10px;
    padding-top: 10px;
    font-family: Oswald;
    margin-left: 15px;
}

#tag_category_header h1
{
	font-size: 150%;
}

.content
{
	width:640px; /* 671-(24+24)=623; 1024-351=673-2=671*/
	background-color:#FFFFFF;
	float:left;
	
	font-size: 100%;
	line-height: 1.7em;
	margin: 0 0px 0px 0px;
	padding: 0px 16px 22px 17px;
	
	border-right:thin;
	border-color:#000000;
	border-right-style:solid; /* this adds 1-pixel to the overall width*/
	color:#555;
}

.content_fluid
{
	float:left;	
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0px 0px 0px;
	padding: 0px 16px 0px 17px;
	color:#555;	
	width: 96%;
}

.content_fluid A:link {color:#000; text-decoration: none;}
.content_fluid A:visited {color: #000; text-decoration: none;}
.content_fluid A:active {color: #000; text-decoration: none;}
.content_fluid A:hover { color: #000; text-decoration: underline; }


.content img /* default image style in content*/
{
	margin:0px;
	padding:0px;
	border:none;
}

.alignleft,/*for Wordpress Img Insert compatibility*/
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
    width: 46%;
}

.alignright,/*for Wordpress Img Insert compatibility*/
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
    width: 46%;
}

.aligncenter,/*for Wordpress Img Insert compatibility*/
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
    width: 100%; 	/* only for centered-images*/
}
img.alignleft,/*for Wordpress Img Insert compatibility*/
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
    height: auto;
}

img.alignleft,/*for Wordpress Img Insert compatibility*/
img.alignright
{
}

.wp-caption
{
border: none;
color: #999;
line-height: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.size-full{width:100%; height: auto;}


.wp-caption p.wp-caption-text {/*for Wordpress Img Insert compatibility*/
    margin: 0 0 10px;
    padding: 3px 0 10px 0;
    line-height: 1.1em;
    font-size: 13px;
}
.wp-smiley {/*for Wordpress Img Insert compatibility*/
	margin:0;
}


.content hr
{
	color:#DDDDDD; 
	border:0; 
	height:1px; 
	background-color: #DDDDDD;
    margin: 25px 0px 25px 0px;
}

.content h1
{
	padding: 0;
	font-size: 250%;
	color: black;
	line-height: 1.3em;
	margin-bottom: 0px;
	margin-top: 0px;
}

.postcontainer
{
clear: both;
color: #111;
}

.postcontainer h1
{
	padding: 0;
	font-size: 250%;
	color: black;
	line-height: 1.3em;
	border-width: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
    font-family:Arial, Helvetica, sans-serif;
}

.postcontainer_home
{
clear: both;
color: #111;
}

.postreviewrating
{
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.page_byline_container h1
{
	border-bottom: 5px solid black;
	border-width: 1px 1px 5px;
	font-size: 200%;
	letter-spacing: -0.05em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

.social-widget-td{
	width: 50%;
}

.social-widget {
display: inline-block; 
padding: 1px;
font-size: 35px;
cursor:pointer;
}

.social-widget A:link,
.social-widget A:visited,
.social-widget A:active,
.social-widget A:hover { color: #000; text-decoration: underline;}

.content A:link,
.content A:visited,
.content A:active {color: #7FC31C; text-decoration: none; text-shadow: 0px 1px #DDD}
.content A:hover { color: #000; text-decoration: underline; text-shadow: 0px 1px #DDD}


.article {
    font-size: 16.5px;
    line-height: 1.4em;
}

.article p /**/
{
}

.article p A:hover {
    background: #7fc31c;
}

.content img A:link{
    text-decoration: none;
    border: 0 none;
}


.article h1 A:link,
.article h1 A:visited,
.article h1 A:active {color: #000; text-decoration: none;}
.article h1 A:hover { color: #000; text-decoration: underline; }
.article h1{font-family: Oswald;}

.article table{width: 100%;}
.article tbody{}
.article tr{}
.article td{ border: 1px #bbb solid; text-align: center; height: 2em;}

.td_title,
.article_table_col_title,
.article_table_row_title{ font-weight: bold; background-color: #eee;}

.article_button {
    width: 45%;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    background-color: #4CAF50;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font-size: 22px;
    border-radius: 11px;
    line-height: 60px;
}

.download_icon {
margin: 0 10px 0 10px; }

.article_button A:link,
.article_button A:visited,
.article_button A:active,
.article_button A:hover { color:#FFFFFF; text-decoration: underline; }

.submodules {
	margin-top: 15px;
	margin-bottom: 15px;
}

.submodules ul
{
	list-style-type:square;
	margin-left: 4%;
}

.submodules li
{	
	margin-top: 5px;
}
.submodules ol
{
	list-style-type:decimal;
	margin-left: 4%;
}


.article h2 {
    margin: 0 0 20px 0;
    padding: 7px 0 0px 0;
    font-size: 30px;
    line-height: 1.2em;
    color: #333;
    border-bottom: 3px #333 solid;
    clear: both;
}


.article h3 {
    margin: 5px 0 20px 0;
    padding: 7px 0 0px 0;
    font-size: 22px;
    line-height: 1.2em;
    color: #333;
    clear: both;
}

.article h4 {
    padding: 7px 0 0px 0;
    font-size: 18px;
    line-height: 1.2em;
    color: #333;
}

.article ul
{
	list-style-type:square;
	margin-left: 4%;
    margin-bottom: 20px;
}
.article ol
{
	list-style-type:decimal;
	margin-left: 4%;
}

.more{
color: #FE3A09;
background-color: white;
font-weight: bold;
margin-right: 4px;
line-height: 2.5em;
}

.more a:link {color: #FFF; text-decoration: none;}
.more A:visited {color: #FFF; text-decoration: none;}
.more A:active {color: #FFF; text-decoration: none;}
.more A:hover { color: #555; text-decoration: underline;}

.byline_container
{
    margin: 10px 15px 10px 15px;
}

.byline_container h1
{
    font-size: 64px;
    line-height: 1.2em;
    font-weight: lighter;
    font-family: oswald;
    margin-bottom: 5px;
}

.byline_container .sponsoredpost h1
{
    float: left;
    position: relative;
    top: -18px;
}

.sponsored_post_box
{
    background-color: #27dbfe;
    padding: 2px;
    position: relative;
    opacity: 0.7;
    font-weight: bold;
    color: white;
    z-index: 50;
    left: 17px;
    top: -2px;
}

.sponsored_post_box_home{
    left: 0px;
}

.byline_container_home h1
{
    font-size: 262%;
    line-height: 1.2em;
    font-weight: lighter;
    font-family: oswald;
}

.author_link{
    text-decoration: none;
    color: #7FC31C;
}

.byline{
    color: #aaa;
    font-size: 12px;
}

.byline_home
{
font-size: 90%;
padding-bottom: 7px;
display: block;
color: #555;
margin-left: 0px;
}

.excerpt_tag_cat
{
	font-size:85%;
	padding-top:2px;
	padding-bottom:7px;
	padding-left:3px;
	display: block; /* forces line break*/ 
	color: #555;
	line-height: 1.4em;
}

/*used in page_product_db.php*/
.indiv_user_comments
{
	/*width:640px;*/
	background-color:#FFFFFF;
	padding-top:17px;
	padding-bottom:17px;
	line-height: 1.0em;
	min-height: 160px
}

.related_posts ul
{
	line-height: 1.7em;
}

#search_box
{
    background-color: #777;
    color: white;
    width: 109px;
    height: 23px !important;
    padding-left: 8px;
    padding-right: 31px;
    border-radius: 12px;
    border: none;
    font-family: open sans;
    outline: 0;
}

/* replace br clear=call*/
.cleaner 
{
	clear:both;
	padding:0;
	margin:0;
	border:none;
	margin:0; padding:0;
}


#footer
{
	margin: 0 auto; /* centers the div */
	padding: 0px;
	width:1024px;	/* same as skin */
	background-color:#FFFFFF;
	position:relative;
	clear:both;	
}

#sub_footer
{
	padding-top:0px;
	padding-bottom:0px;
}

#site_information {
	background-color: black;
	color: white;
	padding:15px;
    font-size: 90%;
}

#site_information A:link {color: #AAA; text-decoration: none;}
#site_information A:visited {color: #AAA; text-decoration: none;}
#site_information A:active {color: #AAA; text-decoration: none;}
#site_information A:hover { color: #FFF; text-decoration: none;}


blockquote {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
color: #666;
background: #EEEEEE;
border-radius : 8px;
word-wrap: break-word;
}

blockquote p {
margin-top: 0;
}

abbr, acronym {
cursor: help;
font-style: normal;
border-bottom: 1px dotted;
}

#wrap img {
border : none;
}

.post-body ul {
list-style:disc;
margin: 0 0 20px 25px;
padding: 0;
}

#menunav { /* general settings */
    font-size: 85%;
    display: inline;
    position: relative;
    top: -7px;
}

#menunav li
{
    display: inline;
    margin: 0 10px 0 0;
    position: relative; /* important for hover menu*/
    /*background-color: red;*/
}

#menunav ul {
    list-style: none;
    position: absolute;
    z-index: 10; /* menu is on top of stuff*/
    background-color: #000;
    white-space: nowrap;    /* prevents wrapping upon space*/

    display: none;
    top: 14px;
    padding: 3px 0 3px 0;
    /*background-color: blue;*/
}

#menunav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

#menunav li:hover ul {
    left:0; /* Bring back on-screen when needed */
    display: block;
}

#menunav li:hover ul li { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#000;
    padding: 3px 10px 3px 10px;
}

#menunav ul li {
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
    display: block; /* stack on top of each*/
}

#menunav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}


.header_link_title
{
 color:#777;
}




.search_result
{
color: #555;
margin-top: 15px;
padding: 0px 0px 0px 0px;
height: 60px;
clear: both;
}

.search_result h3 {
margin: 0;
margin-bottom: 3px;
padding:0;
font-size: 110%;
line-height: 1.3em;
color: #555;
border-width:0px;  /* h3 are underline otherwise*/
}

.search_result A:link {color: #555; text-decoration: underline;}
.search_result A:visited {color: #555; text-decoration: underline;}
.search_result A:active {color: #555; text-decoration: underline;}
.search_result A:hover { color: #555; text-decoration: underline;}

.search_result h1 A:link {color: #333; text-decoration: none;}
.search_result h1 A:visited {color: #333; text-decoration: none;}
.search_result h1 A:active {color: #333; text-decoration: none;}
.search_result h1 A:hover { color: #333; text-decoration: underline; }


.tag_description_large
{
}

.tag_description_large A:link {color: #000; text-decoration: underline;}
.tag_description_large A:visited {color: #000; text-decoration: underline;}
.tag_description_large A:active {color: #000; text-decoration: underline;}
.tag_description_large A:hover { color: #000; text-decoration: underline;}

.tag_description
{
color:#555;    
float:left;
margin: 10px 0 10px 0;
width: 640px;
}

.tag_description img
{
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0;
    width: 46%;
}

.tag_description h1 {
margin: 0;
padding: 0;
font-size: 125%;
line-height: 1.3em;
    font-family: oswald;
}

.tag_listing_element
{
    border-color: #FF0000;
    float: right;
    overflow: hidden;
    width: 52%;
    height: 195px;
    margin-top: -4px;
}

.tag_thumbnail
{
	width:25%; min-width: 162px; border-style:solid; border-width:1px; margin-top: 3px;
}

.tag_thumbnail_background{
width: 46%;
height: 193px;
float: left;
background-size: 100% auto;
background-repeat: no-repeat;
}

.author_bio_single {
	background-color: #f5f5f5; border: 0; padding: 10px 10px 20px 10px; margin: 0 0 21px 0; color:#444;
}


.specs_gallery {
    margin: 20px 0px 20px 0px;
}


.gallery_title {
    color: #fff;
    padding-left: 4px;
    font-size: 18px;
}


.gallery.uber,
#content .gallery.uber
{
	margin: auto;
	overflow: hidden;
	display: block;
	text-align: center;
}

.gallery.uber .gallery-item,
#content .gallery.uber .gallery-item
{
	float: left;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	margin: 3px;
}

.gallery.uber .gallery-item .gallery-icon,
#content .gallery.uber .gallery-item .gallery-icon
{
	margin: 0;
	padding: 0;
}

.gallery.uber img,
#content .gallery.uber img
{
	border: 2px solid #cfcfcf;
}

.gallery.uber .gallery-caption,
#content .gallery.uber .gallery-caption
{
	margin-left: 0;
}

.gallery.uber .gallery-description,
#content .gallery.uber .gallery-description
{
	margin-left: 0;
}

.gallery.uber br.clear,
#content .gallery.uber br.clear
{
	clear: both;
	height: 0.001px;
	visibility: hidden;
}


.gallery {
	margin: auto;
	/* gallery clearing*/
	overflow: hidden;
	width: 100%;
	background-color: #000;
    padding: 7px 0px 7px 0px;
    margin-bottom: 30px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 6px;
	text-align: center;
	margin-right: 3px;
	margin-left: 3px;
}
.gallery img {    
}

.gallery .gallery-caption {
	margin-left: auto;
}
.gallery br { clear: both }
/* available Columns */
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}


.paginationcontainer
{
	padding-bottom: 34px; 
	margin-bottom: 34px;
}

.paginationcontainer A:link {color: #000; text-decoration: none;}
.paginationcontainer A:visited {color: #000; text-decoration: none;}


.paginationbuttonleft
{
background-color: #80C31B;
padding: 15px;
font-size: 150%;
color:white;
float: left;
}

.paginationbuttonright
{
background-color: #80C31B;
padding: 15px;
font-size: 150%;    
color:white;
float: right;
}

/* probably useless*/
.alert.info {
background: black;
}

.social_buttons_top_nav
{
    color: #ccc;
    display: inline;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    float: right;
    font-size: 127%;
    margin-top: 2px;
}

.social_buttons_top_nav li{
display: inline;
}

#facebook-page-widget,
#site-comment-widget,
#facebook-widget,
#googlepluswidget,
#pinterest-widget,
#rss-widget,
#twitter-widget,
#facebook-widget-side,
#googlepluswidget-side,
#pinterest-widget-side,
#rss-widget-side,
#twitter-widget-side {
color: #ffffff;
display: block;
line-height: 30px;
text-align: center;
text-decoration: none;
background: #000;
font-size: 250%;
padding: 4px 6px 4px 6px;
margin-bottom: 2px;
}

#fbfaces
{
	margin:0; 
	height:265px;
	float:left;
}

/* only used in 404 and 503 php */
.more-content{
}

/* footer links */
.editorial-articles 
{
	float: left;
	margin-bottom: 30px;
	margin-top: 15px;
	font-weight: bold;
	line-height: 1.8em;
}

.editorial-articles ul
{
	list-style: none;list-style-image: none;margin: 0;padding: 0;	
}
.editorial-articles li
{
	float: left;width: 33%;margin: 0;
}

#extended-navigation
{
}

.pullquote
{
float: right;
font-size: 140%;
font-weight: bold;
width: 320px;
line-height: 1.2em;
margin-left: 10px;
margin-bottom: 15px;
font-family: Arial;
}

.pullquote_sc_center, .pullquote_sc_right, .pullquote_sc_left {
    font-size: 30px;
    line-height: 1.2em;
    color: #f04e23;
    font-family: Oswald;
    background: -webkit-linear-gradient(top, #f04e23 0px, #a92603 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.pullquote_sc_right,
.pullquote_sc_left
{
	width: 50%;
	margin-top: 0.2em;
}
.pullquote_sc_right
{
	float: right; margin-left: 3%; margin-right: 1%; margin-bottom: 2%;
}

.pullquote_sc_left
{
	float: left; margin-right: 3%; margin-left: 1%; margin-bottom: 2%;
}

.pullquote_sc_center
{
	text-align: center;
	display: block; /* spans are inline elements so they shrink with text = no center*/
    margin: 10px 0 30px 0; /* top/down different because span is inside a <p> -- maybe replace with a div */
}

.pullquote_social_share
{
	font-size: 125%;
	display: inline-block;
}

.pullquote_social_share A:link {color: #000000; text-decoration: none;}
.pullquote_social_share A:visited {color: #000000; text-decoration: none;}
.pullquote_social_share A:active {color: #000000; text-decoration: none;}
.pullquote_social_share A:hover { color: #555555; text-decoration: none;}

#main ul
{
	margin-left: 15px;
}

img#wpstats {
display: none;
}

.clearall
{
	clear: both;
}

.fmconvosuite_container
{
    display: table;
    margin: 0 auto;
}

.content-taxonomy
{ margin-top: 10px;}

.social_widget_table { margin:0px 0 10px 0; clear: both; /* to prevent images from bleeding down*/}

/* fix for mathtag / FM 1x1 pixel adds space...*/
img[src^="http://pixel.mathtag.com/"] {position:absolute;}

.sponsor_message {
    position: relative;
    left: 16px;
    font-family: oswald;
    font-size: 130%;
}

/* Homepage "Top News" Grid*/
.gridcontainer
{
    height: 400px;
    margin-bottom: 30px;
}

.gridcontainer A:link {color: #ffffff; text-decoration: none;}
.gridcontainer A:visited {color: #ffffff; text-decoration: none;}
.gridcontainer A:active {color: #ffffff; text-decoration: none;}
.gridcontainer A:hover { color: #ffffff; text-decoration: underline;}

.gridelementcontainer
{
    position: relative;
    overflow:hidden; /* prevents blur from going out*/
}
.gridimagebackground
{
    position: absolute; top:0; left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: 50%;
    background-position: 0% 50%;
    width: 100%;
    height: 100%;
}
.gridcolorgradient
{
    position: absolute;
    left:0;
    left: 0;
    right: 0;
    z-index: 2;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg,#214E13,#cce823);
    background-image: -webkit-gradient(linear,left top,right bottom,from(#214E13),to(#cce823));
    background-image: linear-gradient(to bottom right,#214E13,#cce823);
    opacity: 0.7;
}
.grid {
    z-index: 3;
    position: relative;
    padding: 15px 15px 0 15px;
    max-height: 85%;
    overflow: hidden;
}
.gridtext {
    font-family: Oswald;
    font-size: 130%;
    color: #fff;
    z-index: 4;
    text-shadow: 1px 1px #777;
}
.grid1 {
    float: left;
    width: 50%;
    height: 60%;
}
.grid2 {
    float: left;
    width: 25%;
    height: 30%;
}
.grid3 {
    float: right;
    width: 25%;
    height: 30%;
}
.grid4 {
    float: right;
    width: 50%;
    height: 30%;
}
.grid5 {
    float: right;
    width: 37%;
    height: 40%;
}
.grid6 {
    float: right;
    width: 63%;
    height: 40%;
}

.notopmargin
{
    margin-top: 0;
}

/********************** SPECS CSS *************************/

/* CSS for specifications charts */
.product_chart_area
{
    background-color: #eee;
    border: 1px #ddd solid;
    width: 100%;
    margin-bottom: 20px;
    font-family: Oswald;
    display: inline-block;
    border-radius: 6px;
}
.product_chart_title { margin:0; font-family: Oswald; font-weight: lighter;}
.product_chart_title_area { text-align: center;}
.product_chart_subtitle {font-size: 70%;font-family: arial;}


.chart_canvas
{
    position: relative;
}

.chart_logo {
    background-image: url("./ubergizmo_logo_icon.png");
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 10;
    background-size: 100%;
    opacity: .09;
    right: 0;
    bottom: 0;
}

/* CSS for specifications display */
.content_container {background-color: #fff; width: 728px;}
.specs_table, .specs_table td, tr, th {
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    border-collapse: collapse;
    border-bottom: 1px #eee solid;
    border-top: none;
    border-left: none;
    border-right: none;
}
.specs_table th {background-color: #bbb; font-size: 100%;}
.td_data {font-size: 95%; }
.td_specname {background-color: white;
    color: black;
    font-weight: bold;}

.tr_highlight {font-weight: bold; background-color: #333; color:white;}
.tr_highlight .td_specname {background-color: #333333;
    color: white;
    font-size: 16px;}
.sub_spec {font-size:80%; color:#999;}

.specs_table A:link {text-decoration: underline;}
.specs_table A:visited {text-decoration: underline;}
.specs_table A:active {text-decoration: underline;}
.specs_table A:hover { text-decoration: none;}


/* CSS for data editing */
.changeslist_container {
    width: 250px;
    background: #EEEEEE;
    margin-right: 15px;
    float: right;
    word-wrap: break-word;
    border: 3px solid #5C5C5C;
    padding: 0px 10px 5px 10px;
    font-size: 80%;
    position: absolute;
    top:0; left: 700px;
}

.changeslist{
    width:250px;
    background-color: #fff;
}

.label_header {margin-right: 7px;
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: 10px;}
.label_descriptor {padding-right: 5px;}

.specs_edit_container{position: absolute; top: 0; left:0; width:400px; z-index: 99; background-color: #fff; float: left;}

.specs_edit_ui_container_legend {border: 3px solid green;
    color: white;
    text-align: left;
    background-color: green;
    font-weight: bold}

.specs_edit_ui_container_button { background-color:rgb(255, 123, 123);
    float: right;
    position: relative;
    top: -16px;
    left: 9px;
    color: white;
    font-weight: bold;
    border: none;}

.specs_edit_ui_container_ok_button {
    float: right;
    font-weight: bold;}

.specs_ui_block{ padding: 3px 0 3px 0; }
.specs_ui_sub_block{padding: 5px 5px 0px 5px;}
.specs_edit_container{
border: 3px solid #5C5C5C;
padding: 15px;
font-size: 80%;
background-color: #EEEEEE;
}

.specs_fb_likebutton
{
    width: 49px;
    height: 20px;
    padding-left: 15px;
    padding-top: 5px;
    position: relative;
    top: 4px;
}

.specs_compare_links_sidebar {
    font-family: Oswald;
    font-size: 105%;
    overflow: hidden;
    color:#000;
    line-height: 1.3em;
}

.header{
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;}


.headerSortUp {
    background-image: url(asc.gif);
    background-repeat: no-repeat;
    background-position: center right;}

.headerSortDown {
    background-image: url(desc.gif);
    background-repeat: no-repeat;
    background-position: center right;}

.ad_medium_incontent
{
    float: left;
    align-content: center;
    display: table;
    margin-right: 20px;
    margin-top: 7px;
}


#sticky {
}
#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}

.debug_ad_unit{
    color: #000;
    background-color: #ccc;
    text-align: center;
    vertical-align: middle;
}

.ad_text
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    position: relative;
    top: 6px;
    color: #999;
}


/* updated CSS for specs */

.keyspecscontainer
{
    /* compatible */
    width: 100%;
    clear: both; /* make sure the next element doesn't slide to the right*/
}

.keyspecscontainer_title
{
    color: #000;
    padding: 10px 0px 10px 3px;
    font-weight: bold;
    font-size: 23px;
    font-family: Oswald;
    /**/
}

.specsblockcontainer
{
    line-height: .9em;
    width: 25.00%;
    float: left;
    color: #fff;
    box-sizing: border-box; /* border is within box, and not OUT*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px #fff solid;
    text-shadow: none;
}

.specsblockcontainer a:link {color: #fff; text-decoration:underline;text-shadow: none;}
.specsblockcontainer a:visited {color: #fff; text-decoration: underline;text-shadow: none;}
.specsblockcontainer a:active {color: #fff; text-decoration: underline;text-shadow: none;}
.specsblockcontainer a:hover { color: #fff; text-decoration: underline;text-shadow: none;}


.specsblock_large
{
    height: 101px;
    padding: 0px 3px 0px 3px;
}

.specsblock_title1
{
    color: #000;
    font-size: 13px;
    margin-bottom: 16px;
    padding-top: 3px;
    font-weight: bold;
    /* compatible */
    font-size: 18px;
    margin-bottom: 16px;
    padding-top: 5px;
    font-weight: bold;
}

.specsblock_title1 a:link {color: #000; text-decoration:underline;}
.specsblock_title1 a:visited {color: #000; text-decoration: underline;}
.specsblock_title1 a:active {color: #000; text-decoration: underline;}
.specsblock_title1 a:hover { color: #000; text-decoration: underline;}


.specsblock_content1a
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    /* compatible */
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
}
.specsblock_content1b
{
    color: #5a5a5a;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: bold;
}
.specsblock_small
{
    height: 34px;
    padding: 0px 3px 0px 3px;
    border-top: 1px #fff solid;
    /*compatible*/
    height: 40px;
    padding: 5px 3px 0px 3px;
}
.specsblock_title2
{
    color: #000;
    font-size: 11px;
    padding-bottom: 1px;
    padding-bottom: 3px;
    /*compatible*/
    font-size: 12px;
    padding-bottom: 5px;
}
.specsblock_content2
{
    font-size: 14px;
    font-weight: bold;
    /*compatible*/
    font-size: 16px;
    font-weight: bold;
}

.specs_review_block
{
    height: 100px; width: 100%; float: left; background-size: 100% auto; background-repeat: no-repeat; background-position: 50% center;
}

.specs_review_title
{
    color: #fff;
    padding: 8px 0 0 3px;
    font-weight: normal;
    font-size: 18px;
    opacity: .95;
}

.specs_review_title a:link {color: #fff; text-decoration:none;text-shadow: none;}
.specs_review_title a:visited {color: #fff; text-decoration: none;text-shadow: none;}
.specs_review_title a:active {color: #fff; text-decoration: none;text-shadow: none;}
.specs_review_title a:hover { color: #fff; text-decoration: none;text-shadow: none;}


.background_orange { background-color: #f26a36; /* Orange Ubergizmo */ }
.background_green { background-color: #8CC343; }
.background_black { background-color: #000; }
.background_grey { background-color: #8c8b8b; }
/*
/* END SPECS CSS */
/*45KB CSS before cleanup*/
/*33KB CSS before cleanup*/