/*
	LJB Management Site Styles
    Site Name: RoboticsTomorrow
	Description: A mobile responsive and HTML5 design.
	Author: Agua Web Design
	Author URI: http://www.aguawebdesign.com/
*/


/* Table of Contents
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Search Form
		- Titles
	- Site Header
		- Title Area
		- Tools Area
		- Login Toggle
	- Site Navigation
		- Primary Navigation
        - Site Promo Navigation
		- Footer Navigation
	- Content Area
		- Main
		- Pagination
		- Comments
	- Panels
	- Site Footer
	- Copyright Info

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#222}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clear:before,
.page-content:before,
.nav-primary:before,
.nav-footer:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-promo:before,
.site-header:before,
.site-inner:before,
.wrap:before,
.panel-content:before,
.entry-content:before {
	content: " ";
	display: table;
}

.clear:after,
.page-content:after,
.nav-primary:after,
.nav-footer:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-promo:before,
.site-header:after,
.site-inner:after,
.wrap:after,
.panel-content:after,
.entry-content:after {
	clear: both;
	content: " ";
	display: table;
}



/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	color: #222;
	/*font-family: 'PT Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.625;
}

body {
	background-color: #ffffff;
    border-top: 7px solid #fff;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #222;
	color: #fff;
}

::selection {
	background-color: #222;
	color: #fff;
}

a {
	background-color: inherit;
	color: #000000;
	font-weight: 400;
	text-decoration: none;
}

a:hover {
	color: #3292B3;
    text-decoration: underline;
}

p {
	margin: 0 0 10px;
	margin: 0 0 1rem;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin-left: 15px;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #888;
}

blockquote {
	padding: 30px;
	padding: 3rem;
    position: relative;
    font-family: Georgia, serif;
}

blockquote::before {
	content: "\201C";
	display: block;
	height: 0;
	position: relative;
    content: "\201C";
    font-size: 80px;
    font-size: 8rem;
    position: absolute;
    left: -20px;
    left: -2rem;
    top: -20px;
    top: -2rem;
    color: #7a7a7a;
    font-family: Georgia, serif;
}

cite {
	font-style: normal;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
}

hr { 
    border: 0; 
    height: 1px;
    margin: 20px 0;
    margin: 2rem 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
/*hr:before {
    top: -0.5rem;
    height: 1rem;
}
hr:after {
    content:'';
    height: 0.5rem;
    top: 1px;
}

hr:before,
hr:after {
    content: '';
    position: relative;
    width: 100%;
}

hr,
hr:before {
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 75%);
}

hr:after {
    background: #414141;
}*/

.admin .typcn {
    font-size: 30px;
    font-size: 3rem;
    color: #222;
}

.admin input[type="submit"].typcn{
    color: #222222;
    font-size: 3rem;
    display: inline-block;
    font-family: 'typicons';
    font-style: normal;
    font-weight: normal;
    height: auto;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizelegibility;
    width: auto;
    background: none;
    padding: none;
}


/* Headings

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #222;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
	line-height: 1.2;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
}

h1 {
	font-size: 30px;
	font-size: 3.0rem;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
    text-align: center;
    background-color: #f1f1f1;
}

h3 {
	font-size: 22px;
	font-size: 2.2rem;
    color: #205055;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
    color: #4198B2;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 12px;
	font-size: 1.2rem;
    font-weight: 500;
    font-variant: small-caps;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
 	width: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    padding-top: 3rem; 
	height: 0; 
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
  
/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #222;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 16px;
	padding: 1.6rem;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #888;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #222;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    opacity: 1;
}

::-webkit-input-placeholder {
	color: #222;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #222;
	border: none;
	color: #fff;
	cursor: pointer;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    padding: 16px 24px;
	padding: 1.6rem 2.4rem;
	text-transform: uppercase;
	width: auto;
    font-weight: 500;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: #B13A3A;
}

button.button_color,
input[type="button"].button_color,
input[type="reset"].button_color,
input[type="submit"].button_color,
.button_color {
	background-color: #B13A3A;

}

button.button_color:hover,
input[type="button"].button_color:hover,
input[type="reset"].button_color:hover,
input[type="submit"].button_color:hover,
.button_color:hover {
	background-color: #222;
    text-decoration: none;
    color: #fff;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.site-header input,
.panel-footer input {
    padding: 10px;
    padding: 1rem;
    font-size: 12px;
    font-size: 1.2rem;
}

.site-header input {
    padding: 2px;
    padding: .2rem;
}

.panel-content input,
.panel-content textarea,
.panel-content select {
    padding: 10px;
    padding: 1rem;
}

.panel-content input[type="text"],
.panel-content input[type="password"],
.panel-content input[type="email"],
.panel-content input[type="url"],
.panel-content textarea,
.panel-content select {
    background-color: #fff;
}

.sidebar .panel-content input[type="button"],
.sidebar .panel-content input[type="submit"],
.sidebar .panel-content  .button {
    width: 100%;
}

.hpt {
    display: none;
}


/*Begin showcase*/

#showcase, #showcase_link {
	width: 100%;
	overflow: hidden;
	float: left;
}
#showcase table {
	border-collapse: collapse;
    line-height: 0;
}
#showcase td {
	margin: 0;
	padding: 0;
    line-height: 1.2;
}
#showcase img {
	padding: 0;
}



/*End showcase*/


.sidebar ul.links {
    list-style-type: none;
    margin-left: 0;
}

.sidebar ul.links li {
    border-bottom: #fff 1px solid;
    border-top: #ccc 1px solid;
    padding: 5px 0;
    padding: .5rem 0;
    list-style-type: none;
}

.sidebar ul.links li:first-child {
    border-top: none;
}

.sidebar ul.links li:last-child {
    border-bottom: none;
}

.sidebar ul.links li:hover {
    background-color: #f1f1f1;
}

.sidebar ul.links li a {
    display: block;
}

.sidebar ul.links li:hover a {
    color: #B13A3A;
}

.sidebar ul.links li a:hover {
    text-decoration: none;
}


/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	width: 100%;
    background-color: #fff;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
}

th {
	font-weight: bold;
	text-transform: uppercase;
    background-color: #E1E1E1;
    vertical-align: top;
    border: 1px solid #f1f1f1;
    text-align: center;
	padding: 10px 6px 6px;
	padding: 1rem 0.6rem 0.6rem;
}

td {
	padding: 6px;
	padding: 0.6rem;
}

tr.altrow {
    background-color: #f1f1f1;
    border-top: #fff solid 2px;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

body {
    text-align: center;
}

/* Site Containers
--------------------------------------------- */


.site-container {
    max-width: 1070px;
    margin: 0 auto 0;
    position: relative;
    margin-top: 5px;
}

.site-inner,
.wrap {
	margin: 0 auto;
    text-align: left;
}

.site-inner {
	clear: both;
	padding: 10px 10px 0;
	padding: 1rem 1rem 0;
	background-color: #fff;
}

.home .site-inner {
	padding: 0;
	padding: 0;
}



/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.sidebar-content-sidebar .content-sidebar-wrap {
	width: 900px;
}

.sidebar-content-sidebar .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: left;
	width: 720px;
}

.admin .content {
    width: 840px;
}

.sidebar-content-wrap .content {
    float: right;
}

.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 580px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 320px;
}

.admin .sidebar-primary {
	width: 200px;
}

.sidebar-content-wrap .sidebar-primary {
    float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

/* News Sidebar */

#sidebar-news {
	float: left;
	width: 170px;
    margin-right: 10px;
    margin-right: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}


/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-half-fixed,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.one-half-fixed,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}



/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* Misc
--------------------------------------------- */

.redbold {
    font-weight: bold;
    color: #cc0000 !important;
}

.headtext {
    font-weight: bold;
    color: #006688;
}

.featimg {
    border: solid #000 1px;
    padding: 5px;
}

.details,
.description {
	font-size: 14px;
    font-size: 1.4rem;
	line-height: 1.5;
	font-family: "PT Narrow", sans-serif;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 2.4rem;
}

h1.aligncenter,
h2.aligncenter,
h3.aligncenter,
h4.aligncenter,
h5.aligncenter,
h6.aligncenter {
    margin: 0 0 1.6rem;
}

p.aligncenter {
    margin: 0 0 1rem;
}

img.alignnone {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.alignleft {
	float: left;
	text-align: left;
    padding: 0 10px 10px 0;
    padding: 0 1rem 1rem 0;
}

.alignright {
	float: right;
	text-align: right;
    padding: 0 0 10px 10px;
    padding: 0 0 1rem 1rem;
}

.aligncenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

a.alignleft,
a.alignright {
	max-width: 100%;
}

a.alignleft img,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
	margin: 0 2.4rem 2.4rem 0;
}

a.alignright img,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
	margin: 0 0 2.4rem 2.4rem;
}

.break {
    -ms-word-break: break-all;

    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#recaptcha_area {
    margin: 10px auto;
    margin: 1rem auto;
}

.stream-images .stream-image-single {
    float: left;
    text-align: center;
    width: 32.333333%;
}

.stream-images:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.stream-images .stream-image-single {
    margin-right: 1.5000005%;
}

.stream-images .stream-image-single:last-child {
    margin-right: 0;
}

.stream-image-wrap {
    text-align: center;
}

.stream-images img {
    height: 125px;
}

.stream-images .stream-prod_img img {
    max-height: 125px;
    height: auto;
    
}

.stream-images p {
    /*font-family: "PT Sans Narrow", sans-serif;*/
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.25;
    font-weight: 300;
}

.bannerad {
    margin-bottom:10px;
    margin-bottom:1rem;
}

.box_info,
.box_feature {
    background-color: #d1d1d1;
    border: 1px solid #888;
    padding: 10px;
    padding: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}

.box_feature {
    background-color: #CCCCCC;
}

.hide {
    display: none;
}

.block {
    display: block;
    margin-right: 10px;
    margin-right: 1rem;
    margin-left: 10px;
    margin-left: 1rem;
}

#box_preview {

	text-align: left;
    /* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	border:5px solid #FF4F34;
	background-color:#f7f7f7;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	position: relative;
    z-index: 1000;
    
    width: 100%;
    max-width: 700px;
    left: 50%;
    margin-left: -350px;
}

#box_preview #preview_scroll {
	max-height: 600px;
	overflow: scroll;
	padding: 10px;
	padding: 1rem;
}

<!--[if IE]>
   <style type="text/css">
   #box_preview {
       background:#FFF;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333,endColorstr=#333333);
       zoom: 1;
    }
    </style>
<![endif]--> 



/*
Admin Styles
---------------------------------------------------------------------------------------------------- */

.admin #WADAInsertForm td strong {
    font-size: 13px;
    font-size: 1.3rem;
}

.admin td {
	padding: 6px 12px;
	padding: 0.6rem 1.2rem;
}

.admin input,
.admin button,
.admin select {
    padding: 10px;
    padding: 1rem;
}



/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.nav-menu .search-form input {
	background-color: #222;
	border: 1px solid #222;
	color: #fff;
	text-transform: uppercase;
	width: 180px;
}

.nav-menu .search-form ::-moz-placeholder {
	color: #fff;
}

.nav-menu .search-form ::-webkit-input-placeholder {
	color: #fff;
}

.nav-menu .search-form input:focus {
	border: 1px solid #fff;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

#search-toggle .search-form input[type="submit"] {
	border: inherit;
	clip: inherit;
	height: inherit;
	margin: inherit;
	padding: 1rem;
	position: inherit;
	width: inherit;
}

.site-header .search-form input,
.panel-footer .search-form input {
    width: auto;
}

.site-header .search-form label,
.panel-footer .search-form label {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

/* Titles
--------------------------------------------- */

.page-title {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1;
    text-align: center;
}

.page-title a,
.sidebar .panel-title a {
	color: #414141;
	font-weight: 500;
}

.page-title a:hover {
	color: #B13A3A;
}

.entry-title,
.entry-title {
    margin: 0 !important;
    padding-bottom: 0 !important;
    font-weight:600;
}

.entry-title .image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.entry-title .image img {
   width: 100%;
}

.entry-title .image .imgtext { 
   position: absolute; 
   bottom: 20px; 
   left: 0px; 
   width: 100%;
    text-align: left;
    padding: 5px 2%;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
}

.entry-title .image .imgtext span{ 
   color: white; 
   font: 35px/52px 'Roboto', sans-serif; 
}

.panel-title {
	clear: both;
	font-size: 16px;
	font-size: 1.6rem;
    padding: 0 10px;
    padding: 0 1rem;
	margin-bottom: 0;
}

.panel-title {
	background-color: #414141;
	color: #fff;
	padding: 10px;
	padding: 1rem;
    text-align: center;
}

.sidebar .panel-title {
    background-color: #D1D1D1;
    color: #414141;
}

.site-footer .footer-title {
    background-color: #414141;
    padding: 10px;
    padding: 1rem;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
}

/*
Site Promo
---------------------------------------------------------------------------------------------------- */

.site-promo {
	padding-top: 10px;
	padding-top: 1rem;
}

.site-promo .nav-promo {
    float: left;
    width: 170px;
}

.site-promo .nav-promo ul {
    margin: 0 0 10px 40px;
    margin: 0 0 1rem 4rem;   
}

.site-promo .promo-banner {
    float: left;
    margin: 0 10px;
    margin: 0 1rem;
    width: 728px;
}

.site-promo .promo-tile {
    float: right;
    width: 137px;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	padding-top: 1px;
	padding-top: 0.1rem;
    background-color: #fff;
}

.site-header .wrap {
	padding: 10px;
	padding: 1rem;
    border-top: 1px solid #666666;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	width: 750px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	float: left;
    /*font-family: 'PT Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1;
}

.site-title a,
.site-title a:hover {
	color: #222;
	font-weight: 700;
}

.site-description {
    display: table-cell;
    vertical-align: bottom;
    height: 80px;
}

.site-description p {
	float: left;
	color: #666;
    font-size: 20px;
    font-size: 2.0rem;
    margin: 0;
    margin-left: 20px;
    margin-left: 2.0rem;
}


/* Tools Area
--------------------------------------------- */

.site-header .header-tools-area {
	float: right;
	text-align: right;
	width: 270px;
}

.header-tool {
    text-align: right;
}

.header-tool.social-icons .addthis_toolbox {
    float: right;
    margin: 10px 12px 0 0;
}s

.social-icons:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


/* Toggle
--------------------------------------------- */

#login-toggle,
#search-toggle {
    position: relative;
    max-width: 300px;
    z-index: 999;
    height: 30px;
}

#search-toggle {
    z-index: 998;
}

#login-toggle .wrap,
#search-toggle .wrap {
    width: 100%;
    border-top: none;
    padding: 0;
    position: absolute;
    z-index: 999;
}

.toggle_trigger {
    width: 100%;
    background-image: url('/images/body_login_toggle.png');
    background-repeat:  no-repeat;
    background-position: right 3px;
    cursor:pointer;
    text-align: right;
    position: relative;
    z-index: 999;
    padding-right: 43px;
    color: #666;
}

.toggle_trigger.close {
    background-image: url('/images/body_login_toggle_close.png');
}

.toggle_content {
    z-index:995;
    background-color:#fff;
    padding:10px;
    padding:1rem;
    width:100%;
    position: relative;
    top:10px;
    display:none;
    box-shadow:1px 1px 4px rgb(220,220,220);
}

#login-toggle .toggle-alt {
    text-align: right;
}

#search-toggle .search-form input[type="text"] {
    width: 100%;
}

#search-toggle p {
    padding: 15px 0 0;
    margin: 0;
}

#search-toggle .search-form p {
    padding: 20px 0 0;
    margin: 0;
}

#search-toggle .search-form input[type="radio"] {
    margin-right: 5px;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.nav-menu {
	clear: both;
	color: #fff;
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	width: 100%;
}

.nav-promo .nav-menu {
    color: #ffffff;
}

.nav-menu .menu-item {
	display: inline-block;
	text-align: left;
    vertical-align: middle;
    text-align: center;
}

.nav-menu a {
	border: none;
	color: #000000;
	display: block;
	padding: 10px;
	padding: 1 rem;
	position: relative;
	line-height: 1.2;
    font-weight: 400;
    text-decoration: none;
}

.nav-promo .nav-menu a {
    display: inline;
}

.nav-menu a:hover,
.nav-menu .current-menu-item > a,
.nav-menu .sub-menu .current-menu-item > a:hover {
	color: #666;
}

.nav-menu .button {
	padding: 0;
}

.nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 190px;
	z-index: 99;
}

.nav-menu .sub-menu a {
	background-color: #000;
	border: 1px solid #222;
	border-top: none;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 20px;
	padding: 2rem;
	position: relative;
	text-transform: none;
	width: 190px;
}

.nav-menu .sub-menu .sub-menu {
	margin: -53px 0 0 189px;
}

.nav-menu .menu-item:hover {
	position: static;
}

.nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.nav-menu > .first > a {
	padding-left: 0;
}

.nav-menu > .last > a {
	padding-right: 0;
}

.nav-menu > .right {
	color: #fff;
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 25px 0;
	padding: 2.5rem 0;
	text-transform: uppercase;
}

.nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.nav-menu > .rss > a {
	margin-left: 48px;
	margin-left: 4.8rem;
}

.nav-menu > .search {
	padding: 7px 0 0;
	padding: 0.7rem 0 0;
}


/* Site Promo Navigation
--------------------------------------------- */

.site-promo .nav-menu {
    background-color: #ffffff;
}

.site-promo .nav-menu .menu-item {
	float: none;
    width: 100%;
    margin-bottom: 5px;
    margin-bottom: .5rem;
    text-align: left;
}

.site-promo .nav-menu a {
    padding: 0;
    color: #000;
    font-size: 15px;
    font-size: 1.5rem;
}

.site-promo .nav-menu a:hover {
    color: #BFBFBF;
}


/* Primary Navigation
--------------------------------------------- */

.nav-primary,
.nav-primary .wrap {
    text-align: center;
}

.nav-primary {
	background-color: #7d0000;
    background: #7d0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #7d0000 0%, #e24733 41%, #e24733 57%, #840000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d0000), color-stop(41%,#e24733), color-stop(57%,#e24733), color-stop(100%,#840000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7d0000 0%,#e24733 41%,#e24733 57%,#840000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7d0000 0%,#e24733 41%,#e24733 57%,#840000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7d0000 0%,#e24733 41%,#e24733 57%,#840000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7d0000 0%,#e24733 41%,#e24733 57%,#840000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d0000', endColorstr='#840000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	z-index: 990;
}

.nav-primary .menu-item {
    display: inline;
    border-right: 1px solid #fff;
}

.nav-primary .menu-item:last-child {
    border-right: none;
}

.nav-primary a {
	color: #fff;
    display: inline-block;
}

.nav-primary a:hover,
.nav-primary .sub-menu a:hover,
.nav-primary .current-menu-item > a,
.nav-primary .current-menu-item {
	color: #FFFF00;
}

.nav-primary .sub-menu a {
	background-color: #222;
	border: 1px solid #fff;
	border-top: none;
}

/* Footer Navigation
--------------------------------------------- */

.nav-footer,
.nav-footer-secondary {
    text-align: center;
}

.nav-footer,
.nav-footer-secondary{
    margin-bottom: 10px;
    margin-bottom: 1rem;
    width: 100%;
}

.nav-footer .menu-item {
    display: inline;
}

.nav-footer a {
    display: inline-block;
    color: #B13A3A;
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 25px;
    padding: 1rem 2.5rem;
}

.nav-footer a:hover {
    color: #0066cc;
}

.nav-footer-secondary {
    margin-bottom: 0;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

.page-content {
    position: relative;
}

.page-content a {
	color: #000000;
    font-weight: 400;
}

.page-content a:hover {
	color: #3292B3;
}

.page-content a.button,
.page-content a.button:hover {
    color: #fff;
    text-decoration: none;
}

.page-content ol,
.page-content p,
.page-content ul {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.page-content ol,
.page-content ul {
	margin-left: 40px;
	margin-left: 4rem;
}

.page-content ol li {
	list-style-type: decimal;
}

.page-content ul li {
	list-style-type: disc;
}

.page-content ol ol,
.page-content ul ul {
	margin-bottom: 0;
}


/* Entries
--------------------------------------------- */

.entry-plain {
	padding-bottom: 30px;
	padding-bottom: 3rem;
}

.entry {
	padding-bottom: 10px;
	padding-bottom: 1rem;
    margin-bottom: 10px;
	margin-bottom: 1rem;
	border-bottom: 2px solid #ccc;
}

.entry:last-child {
	padding-bottom: 0;
	padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.entry-meta,
.entry-categories,
.entry-tags,
.details {
	font-size: 13px;
	font-size: 1.3rem;
    /*font-family: 'PT Sans Narrow', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 300;
}

.entry-header .entry-meta {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
	margin: 0 0.6rem 0 0.2rem;
}

.entry-categories,
.entry-tags {
	display: block;
}

.entry-thumb {
    width: 250px;
    height: 125px;
    overflow: hidden;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	border-bottom: 1px solid #222;
	border-top: 2px solid #222;
	margin-top: 40px;
	margin-top: 4rem;
	padding: 30px 0;
	padding: 3rem 0;
}

.after-entry p:last-child {
	margin-bottom: 0;
}


/* Pagination
--------------------------------------------- */

.pagination {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 40px 0;
	margin: 4rem 0;
}

.pagination li {
	display: inline;
}

.pagination li a {
	background-color: #222;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
	padding: 0.8rem 1.2rem;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #B13A3A;
}

.pagination a {
	border-bottom: 1px solid #ddd;
}

/* Comments
--------------------------------------------- */

.comments {
	background-color: #fff;
	margin-bottom: 50px;
	margin-bottom: 5rem;
}

.comment-content {
	clear: both;
}

.comments .comment-author {
	margin-bottom: 0;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 24px;
	margin-top: 2.4rem;
	padding: 32px;
	padding: 3.2rem;
}

.comment-list li li {
	margin-right: -32px;
	margin-right: -3.2rem;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}


/*
Panels
---------------------------------------------------------------------------------------------------- */

.sidebar-panel,
.stream-panel {
	margin-bottom: 10px;
	margin-bottom: 1rem;
    border: 1px solid #333;
}

.sidebar-panel {
    background-color: #ffffff;
}

.panel-footer,
.panel-content {
    padding: 10px;
    padding: 1rem;
    font-size: 16px;
    font-size: 1.6rem;
}

.panel-footer,
.sidebar-panel .panel-content {
    text-align: center;
}

.content .panel-footer {
    margin: 10px;
    margin: 1rem;
    border-top: 1px solid #d1d1d1;
}

.sidebar-panel .panel-footer {
	border-bottom: 1px solid #eee;
    border-top: 1px solid #f1f1f1;
	background-color: #d1d1d1;
}

.panel-footer:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.sidebar-panel .addthis_toolbox {
    display: table; margin: 0 auto;
}

.panel-footer .aligncenter {
    margin: 0;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
    background-color: #fff;
    margin-bottom: 10px;
    margin-bottom: 1rem;
	padding: 10px;
	padding: 1rem;
}

.site-footer .wrap {
	border-top: 1px solid #444;
	padding: 10px 0;
	padding: 1rem 0;
}


/*
Copyright Info
---------------------------------------------------------------------------------------------------- */

.creds {
    color: #000;
	/*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 300;
    text-transform: uppercase;