/* =RESET BROWSER STYLES
---------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* =SOCIAL MEDIA & ADVERTISEMENTS
---------------------------------------------------*/

 /* Advertising */
.leaderboard { width: 728px; height: 90px; }
.banner { width: 468px; height: 60px; }
.half-banner { width: 234px; height: 60px; }
.square-banner { width: 250px; height: 250px; }
.vertical-banner { width: 120px; height: 240px; }
.square-button { width: 125px; height: 125px; }
.sky-banner { width: 120px; height: 600px; }
.sky-banner-wide { width: 160px; height: 600px; }
.vrec-banner { width: 240px; height: 400px; }
.micro-banner { width: 88px; height: 31px; }
.lrec-banner { width: 336px; height: 280px; }
.mrec-banner { width: 300px; height: 250px; }
.rec-banner { width: 180px; height: 150px; }
.threeone-banner { width: 300px; height: 100px; }

/* Social Sprites */
.facebook-icon,
.twitter-icon,
.googleplus-icon,
.youtube-icon,
.pinterest-icon,
.rss-icon
{
    display: inline-block;
    padding: 35px 0 0 0;
    width: 32px;
    height: 0;
    background: url(../images/social-sprites.png) no-repeat 0 0;
    overflow: hidden;
}

.facebook-icon { background-position: 0 0; }
.twitter-icon { background-position: -42px 0; }
.googleplus-icon { background-position: -84px 0; }
.pinterest-icon { background-position: -127px 0; }
.youtube-icon { background-position: -169px 0; }
.rss-icon { background-position: -211px 0; }

.facebook-icon:hover { background-position: 0 -36px; }
.twitter-icon:hover { background-position: -42px -36px; }
.googleplus-icon:hover { background-position: -84px -36px; }
.pinterest-icon:hover { background-position: -127px -36px; }
.youtube-icon:hover { background-position: -169px -37px; }
.rss-icon:hover { background-position: -211px -37px; }

.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_justify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.hideme { visibility: hidden; }
.showme { visibility: visible; }

.float_left { display: inline; float: left; }
.float_right { display: inline; float: right; }

.block { display: block; }
.inline { display: inline; }


/* =Branding
-------------------------------------------------------------- */

#branding {
	clear:both;
	float:right;
	padding: 1em;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	font-size: 0.8em;
	vertical-align:top;
	text-transform:uppercase;
	font-weight:bold;
}
#branding img {
	padding: 0 0.5em;
	display:block;
	float:right;
}
#branding a {
	display:block;
	color:#000;
	text-decoration:none;
}
#branding a:hover { text-decoration:none; }


/* =DEFAULT TYPOGRAPHY
---------------------------------------------------*/


body {
	font: 1em/1.3em 'Open Sans', Helvetica, Arial, sans-serif;
	font-style:normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height:normal;
	text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	font-weight: inherit;
	text-decoration:none;
}
h5 { font-size:1em; }
h6 { font-size:1em; }
h7 { font-size:1em; }

p { margin: 0; padding: 0.3em 0; position: relative; }
p img { margin: 0.5em; }
em { font-style: italic; }
strong { font-weight: bold; }

blockquote, blockquote p { 
	font-size: 1.4em; 
	line-height: 2em; 
	font-style: italic; 
}
blockquote { 
	margin: 0 0 1.6em; 
	padding: 0 1.6em; 
	border-left: 1px solid #ddd; 
}
blockquote cite { 
	display: block; 
	font-size: 1em; 
	color: #555; 
}
blockquote cite:before { 
	content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { 
	color: #555; 
}
blockquote, q {
	quotes: none;
}
hr { 
	border: solid #ddd; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 10px 0 2.5em; 
	height: 0; 
}
table, td, tr { margin: 0; padding: 0; border: 0; border-collapse: collapse; }
pre {
	max-width:100%;
	white-space: pre-wrap;
}

/* =DEFAULT LINKS
---------------------------------------------------*/
a, a:visited {
	text-decoration: none; 
	outline: 0;
	cursor: pointer;
}
a:hover, a:focus { }
p a, p a:visited { line-height: inherit; }

a img { border: 0; }

/* =DEFAULT LIST ITEMS
---------------------------------------------------*/
ul, ol { 
	margin-bottom: 1.6em; 
}
ul { 
	list-style: disc; 
}
ol { 
	list-style: decimal;
 }
ol, ul { 
	margin-left: 2.5em; 
}
ul ul, ul ol,
ol ol, ol ul { 
	margin: 0.3em 0 0.4em 2.5em; 
	font-size: 90%;  
}
ul ul li, ul ol li,
ol ol li, ol ul li { 
	margin-bottom: 0.5em; 
}
li { 
	line-height: 1.5em; 
	margin-bottom: 0; 
}
li p { 
	line-height: 1.75em;
 }

/* =DEFAULT IMAGES
---------------------------------------------------*/
img {
	max-width: 100%;
	height: auto;
	display:block;
}

/* =DEFAULT FORMS
---------------------------------------------------*/

form {
	margin: 0 0 1.7em 0;
	border:0;
}
fieldset {
	margin: 0 0 1.7em 0; 
}
form table { width: 99%; }
input, textarea, select {
	vertical-align:middle;
	display:inline;
	font-size:0.9em;
	border: 1px solid #ccc;
	outline: none;
	margin: 0.25em;
	padding:0;
	max-width: 100%;
	height:2em;
	color: #999;
	background:#eee;
	padding:0.5em;
	box-shadow:inset 0 0 2px #ccc;
	text-shadow: 0 1px 1px #fff;
	transition:all 0.2s ease-in-out 0s;
}
textarea {
	min-height: 5em;
	overflow:auto;
}
select {
	height:3.3em;
	font-size: 1.2em;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:focus, select:hover {
	color: #444;
	box-shadow:  0 0 3px #ccc;
	background:#fff;
}
label,
legend {
	display: inline-block;
	font-size: 1.1em;
}
input[type="checkbox"] {
	display: inline;
	float:right;
	height:auto;
}
label span,
legend span {
	font-weight: normal;
	font-size: 1.1em;
	color: #444; 
}

#searchform {
	position:relative;
	bottom:0.2em;
}
#searchform,
#searchform form,
#searchform input { display:inline; }
#searchform #s {
	color: #999;
	background:#eee;
	border: 1px solid #ccc;
	padding:0.5em;
	box-shadow:inset 0 0 2px #ccc;
	text-shadow: 0 1px 1px #fff;
	text-transform:uppercase;
	text-align:center;
	transition:all 0.2s ease-in-out 0s;
}
#searchform #s:hover, #searchform #s:focus { background:#fff; }
#searchform #submit, #searchform input#submit  { display:none; }

/* =DEFAULT BUTTONS
---------------------------------------------------*/
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:1em;
	border:0;
	height:3em;
	text-transform:uppercase;
	display:inline;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #fff;
	margin: 0.25em;
	padding:0.25em 0.5em;
	box-shadow:0 0 3px #999;
	background: #999;
	transition:all 0.2s ease-in-out 0s;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	cursor:pointer;
	text-decoration:none;
	color:#000;
	text-decoration:none;
	box-shadow:inset 0 0 5px #666;
}

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	position:relative;
	top:1px;
	box-shadow:inset 0 0 5px #666;
}

/* =POST AREA META
---------------------------------------------------*/

.container article {
    position:relative;
}
.container aside {
    position:relative;
    z-index:2;
}

.post-edit-link {
	position:relative;
	z-index:3;
	float:right;
	padding:0.15em;
	margin:0.4em;
}

.meta {
	font-size:0.8em;
}

/* =CLEARING
---------------------------------------------------*/

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
  }
.clearfix:after {
	clear: both; 
  }
.clearfix {
	zoom: 1; 
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* =WP CONTENT EDITOR IMAGE STYLES
---------------------------------------------------*/

.alignleft {
float: left !important; 
}

.alignright {
float: right !important; 
}

p .alignleft, img.alignleft, .wp-caption.alignleft { 
margin: 5px 10px 10px 0;
padding: 0; 
}

p .alignright, img.alignright, .wp-caption.alignright {
margin: 5px 0 10px 10px; 
padding: 0; 
}

.aligncenter {
display:block;
margin:0 auto;
}

.wp-caption-text {
text-align:center;
font-size:12px;
color:#555;
font-style:italic;
margin:0;
}


/* =COMMENT LIST
---------------------------------------------------*/
ol.commentlist { list-style: none; margin:0; padding:0 0 0 0; }
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 { padding: 20px 20px 20px 104px; border-bottom: solid 1px #000;margin-bottom:20px; position:relative; min-height:104px; }
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 { position:absolute; top:20px; left:20px; }
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; color:#aaa;  }
ol.commentlist li.comment div.comment-meta a { }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 12px; }
ol.commentlist li.comment div.reply a { }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0 0; padding: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: none; margin: 0; }
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 {  }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

/* =COMMENT FORM
---------------------------------------------------*/

.cancel-comment-reply {
	margin-bottom:20px;
}

#respond h2 {
	margin-bottom:20px;
}

#respond form {
padding:0 0 0 20px;
}

#respond input[type="text"] {
margin-bottom:20px;
width:350px;
padding:3px;
}

#respond textarea {
margin-bottom:20px;
width:550px;
height:150px;
padding:3px;
}


/* =SKELETON GRID
---------------------------------------------------*/

/* #Widescreen Displays
================================================== */

/* Note: Design for a width above 1600px */
	.container                                  { position: relative; width: 1584px; margin: 0 auto; padding: 0; }
	.container .column,
	.container .columns                         { float: left; display: inline; }
	.row                                        { margin-bottom: 20px; clear:both; }
    
	/* Base Grid */
	.container .one.column,
	.container .one.columns                     { width: 99px;  }
	.container .two.columns                     { width: 198px; }
	.container .three.columns                   { width: 297px; }
	.container .four.columns                    { width: 396px; }
	.container .five.columns                    { width: 495px; }
	.container .six.columns                     { width: 594px; }
	.container .seven.columns                   { width: 693px; }
	.container .eight.columns                   { width: 792px; }
	.container .nine.columns                    { width: 891px; }
	.container .ten.columns                     { width: 990px; }
	.container .eleven.columns                  { width: 1089px; }
	.container .twelve.columns                  { width: 1188px; }
	.container .thirteen.columns                { width: 1287px; }
	.container .fourteen.columns                { width: 1386px; }
	.container .fifteen.columns                 { width: 1485px; }
	.container .sixteen.columns                 { width: 1584px; }

        .container .one-third.column                { width: 528px; }
        .container .two-thirds.column               { width: 1056px; }
	

/* Note: Design for a width of 1366px */
    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.container                                  { position: relative; width: 1264px; margin: 0 auto; padding: 0; }
	.container .column,
	.container .columns                         { float: left; display: inline; }
	.row                                        { margin-bottom: 20px; clear:both; }
    
	/* Base Grid */
	.container .one.column,
	.container .one.columns                     { width: 79px;  }
	.container .two.columns                     { width: 158px; }
	.container .three.columns                   { width: 237px; }
	.container .four.columns                    { width: 316px; }
	.container .five.columns                    { width: 395px; }
	.container .six.columns                     { width: 474px; }
	.container .seven.columns                   { width: 553px; }
	.container .eight.columns                   { width: 632px; }
	.container .nine.columns                    { width: 711px; }
	.container .ten.columns                     { width: 790px; }
	.container .eleven.columns                  { width: 869px; }
	.container .twelve.columns                  { width: 948px; }
	.container .thirteen.columns                { width: 1027px; }
	.container .fourteen.columns                { width: 1106px; }
	.container .fifteen.columns                 { width: 1185px; }
	.container .sixteen.columns                 { width: 1264px; }

	.container .one-third.column                { width: 421px; }
        .container .two-thirds.column               { width: 842px; }

    }


/* Note: Design for a width of 1440px and below */
    @media only screen and (min-width: 1140px) and (max-width: 1399px) {
	.container                                  { position: relative; width: 1120px; margin: 0 auto; padding: 0; }
	.container .column,
	.container .columns                         { float: left; display: inline; }
	.row                                        { margin-bottom: 10px; clear:both; }
    
	/* Base Grid */
	.container .one.column,
	.container .one.columns                     { width: 70px;  }
	.container .two.columns                     { width: 140px; }
	.container .three.columns                   { width: 210px; }
	.container .four.columns                    { width: 280px; }
	.container .five.columns                    { width: 350px; }
	.container .six.columns                     { width: 420px; }
	.container .seven.columns                   { width: 490px; }
	.container .eight.columns                   { width: 560px; }
	.container .nine.columns                    { width: 630px; }
	.container .ten.columns                     { width: 700px; }
	.container .eleven.columns                  { width: 770px; }
	.container .twelve.columns                  { width: 840px; }
	.container .thirteen.columns                { width: 910px; }
	.container .fourteen.columns                { width: 980px; }
	.container .fifteen.columns                 { width: 1050px; }
	.container .sixteen.columns                 { width: 1120px; }
	
        .container .one-third.column                { width: 372px; }
        .container .two-thirds.column               { width: 744px; }

    }    


/* Note: Design for a width of 1280px and below */
    @media only screen and (min-width: 960px) and (max-width: 1139px) {
	.container                                  { position: relative; width: 896px; margin: 0 auto; padding: 0; }
	.container .column,
	.container .columns                         { float: left; display: inline; }
	.row                                        { margin-bottom: 10px; clear:both; }
    
	/* Base Grid */
	.container .one.column,
	.container .one.columns                     { width: 56px;  }
	.container .two.columns                     { width: 112px; }
	.container .three.columns                   { width: 168px; }
	.container .four.columns                    { width: 224px; }
	.container .five.columns                    { width: 280px; }
	.container .six.columns                     { width: 336px; }
	.container .seven.columns                   { width: 392px; }
	.container .eight.columns                   { width: 448px; }
	.container .nine.columns                    { width: 504px; }
	.container .ten.columns                     { width: 560px; }
	.container .eleven.columns                  { width: 616px; }
	.container .twelve.columns                  { width: 672px; }
	.container .thirteen.columns                { width: 728px; }
	.container .fourteen.columns                { width: 784px; }
	.container .fifteen.columns                 { width: 840px; }
	.container .sixteen.columns                 { width: 896px; }
    
	.container .one-third.column                { width: 296px; }
	.container .two-thirds.column               { width: 592px; }
    
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 720px; }
        .container .column,
        .container .columns                         { margin:0; }

        .container .one.column,
        .container .one.columns                     { width: 45px; }
        .container .two.columns                     { width: 90px; }
        .container .three.columns                   { width: 135px; }
        .container .four.columns                    { width: 180px; }
        .container .five.columns                    { width: 225px; }
        .container .six.columns                     { width: 270px; }
        .container .seven.columns                   { width: 315px; }
        .container .eight.columns                   { width: 360px; }
        .container .nine.columns                    { width: 405px; }
        .container .ten.columns                     { width: 450px; }
        .container .eleven.columns                  { width: 495px; }
        .container .twelve.columns                  { width: 540px; }
        .container .thirteen.columns                { width: 585px; }
        .container .fourteen.columns                { width: 630px; }
        .container .fifteen.columns                 { width: 675px; }
        .container .sixteen.columns                 { width: 720px; }

        .container .one-third.column                { width: 240px; }
        .container .two-thirds.column               { width: 480px; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }
    
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }


    }