/*
Theme Name: ShanghaiPRIDE WordPress Theme
Author: Wang Xiaolong, Garret Fick, Ethan Li
Description: WordPress Theme for www.shpride.com
Version: 2.0
*/

/*--------------------------------------------------------------
	Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Century Gothic;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Century Gothic;
	font-weight: bold;
	margin-bottom: 14px;
    margin-bottom: 1.4rem;
}

h1 {
	font-size: 42px;
	font-size: 4.2rem;
    line-height: 1;
}
h2 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.3333333333333333;
}
h3 {
    font-size: 21px;
	font-size: 2.1rem;
}
h4 {
	font-size: 18.375px;
	font-size: 1.8375rem;
	line-height: 1.1428571428571428;
}
h5 {
	font-size: 15.75px;
	font-size: 1.575rem;
	line-height: 1.3333333333333333;
}
h6 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
dl,
ol,
ul {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 1em;
	padding: 0;
}
dd,
dt,
li {
    line-height: 1.5;
    margin: 0;
}

ul ul, ul ol, ol ol, ol ul {
    font-size: 90%;
    margin: 4px 0 5px 30px;
}

p {
	margin-bottom: 1em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	padding: 0.5em 1em;
	border-left: 1px solid #DDD;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
	Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block; zoom: 1; *display: inline;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}


/** Thumbnail img added border through css
===================================*/
/* Added by Cody*/
.thumbnail img {   /*add a new class named thumbnail*/  
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
border: 1px solid #ceccce;
}

/*--------------------------------------------------------------
	Bx-slider Related
--------------------------------------------------------------*/

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 9px;
padding: 0;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}

/** THEME
===================================*/
/* Added by Ethan - Default shadow of bx sliders removed*/
.bx-wrapper .bx-viewport 
{
background: #fff;
}

.bx-wrapper .bx-viewport-shadow {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: solid #fff 5px;
left: -5px;
background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block; zoom: 1; *display: inline;
*zoom: 1;
*display: inline;
}

/* Added by Ethan */
.bx-wrapper .bx-default-pager
{
width: auto;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 999;
}

.bx-wrapper .bx-pager.bx-default-pager a {
background: #FFF;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #F55;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: RGBA(80, 80, 80, 0.75);
width: 100%;
}

.bx-wrapper .bx-caption span {
color: #fff;
font-size: 0.85em;
display: block;
padding: 5px;
}

/* Global Styles
================================================== */
html
{
height: 100%;
}

body
{
height: 100%;
background: #760089;
font-family: Century Gothic, Helvetica, Arial, MicrosoftYaHei, Microsoft YaHei, SimHei;
}

a{
color: #00A1E5;
text-decoration: none;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
a:hover,a:visited:hover,a:focus{color: #E50013;}
a:visited{color: #601986;}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] 
{
cursor: pointer;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	color: #777777;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 20px;
	max-width: 100%;
	outline: medium none;
	padding: 6px 4px;
}

textarea
{
	width: 100%;
}

img
{
max-width: 100%;
height: auto; 
}

/* Let the images scale properly when they are in tables */
td img
{
width: 95%;
}

ul.defaultmarker
{
	list-style-type:disc;
	padding-left: 1.5em;
}

/* Links that are buttons */
a.button
{
background-color: #00A1E5;
color: #FFF;
font-weight: bold;
padding: 10px 5px;
text-decoration: none;
}

/* #General styles
================================================== */
.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

.pos-relative
{
position: relative;
}

.clear
{
clear: both;
}

.hidden-outline {
position: absolute;
left: -9999px;
}

/* #Custom scrollbar for browsers with webkit support
================================================== */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background-color: #404040;
}
::-webkit-scrollbar-thumb {
background-color: #606060;
}
::-webkit-scrollbar-thumb:hover {
background-color: #707070;
}

/* #Header
================================================== */
.site-header
{
position: fixed;
height: 100%;
width: 175px;
background-color: #760089;
}

.header-logo-container
{
margin: 10px 17px 10px 16px;
}

.social-media-list
{
list-style-type: none;
color: #c4c4c4;
margin: 10px;
float: right;
}

.social-media-list > li
{
display: inline-block; zoom: 1; *display: inline;
margin: 0 5px 0 0;
}

.social-media-icon
{
width: 32px;
height: 32px;
}

.weibo
{
background: url('images/sprites.png') 0 0 no-repeat;
}

.douban
{
background: url('images/sprites.png') 0 -31px no-repeat;
}

.facebook
{
background: url('images/sprites.png') -31px 0 no-repeat;
}

.twitter
{
background: url('images/sprites.png') -31px -31px no-repeat;
}

/* #Header > Menu
================================================== */

.main-menu-container
{
position: absolute;
top: 223px;
bottom: 80px;
width: 100%;
overflow-y: auto;
}

.main-menu-nav
{
padding-left: 0;
padding-right: 0;	
}

.main-menu-nav li.active > div.sub-menu-container
{
display: block;
}

/* Apply for all menu links*/
.menu-item a
{
color: white;
font-weight: bold;
text-decoration: none;
font-size: 15px;
margin-left: 49px;
}

.menu-item a:hover
{
color:#FF0921;
}

/* Top level menu items */
.main-menu-nav > ul > li
{
padding: 10px 0;
margin: 0;
}

.main-menu-nav > ul > li > a
{
text-transform:uppercase;
padding: 10px 0;
line-height: 1.3;
}

/* Top level menu item when it's the current page*/
.main-menu-nav > ul > li.current-menu-item > a
{
color:#FF0921;
}

/* Non-top-level menu items*/
.main-menu-nav ul ul li a
{
display: block;
color: #760089;	
font-size: 12px;
}

.main-menu-nav ul ul li a:hover
{
color: #FFF;
}

.sub-menu-indicator
{
display: inline-block; zoom: 1; *display: inline;
margin: 0 0 2px 10px;
background-clip: padding-box;
background: url('images/sprites.png') -124px -25px no-repeat;
cursor: pointer;
width: 15px;
height: 9px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transition: -webkit-transform 0.5s;	
}

.indicator-open
{
transform: rotate(0);
-webkit-transform: rotate(0);
transition: -webkit-transform 0.5s;	
}

/* Sub menu and sub menu items. Hidden by default*/
.sub-menu-container
{
background-image: url('images/sub-menu-arrow.png');
background-repeat: no-repeat;
background-position: 49px 0;
background-color:#FFFFFF;
margin-top: 10px;
padding-top: 10px;
width: auto;
display: none;
}

.sub-menu
{
margin: 0;
padding-left: 49px;
display: table;
}

.sub-menu li
{
padding: 4px 0px;
border-bottom: 1px solid #760089;
margin-bottom: 0;
}

.sub-menu li:last-child
{
border: none;
margin-bottom: 4px;
}

.sub-menu li a
{
margin-left: 0;
}

/* #Header > Language Switcher
================================================== */
.language-switcher
{
position: absolute;
bottom: 24px;
left: 0;
}

.language-switcher > ul
{
margin: 0 0 20px 49px;
line-height: 1;
}

.language-switcher > ul > li
{
display: inline;
line-height: 1;
padding: 8px 10px 8px 0;
}

.language-switcher > ul > li+li
{
padding-left: 0;
}

.language-switcher > ul > li+li:before
{
content: "|";
padding-right: 10px ;
color: white;
}

.language-switcher ul li a
{
color: white;
font-weight: bold;
text-decoration: none;
}

.header-pull-tab
{
display: none;	
}

/* #Page Center (the main content)
================================================== */
.main-content
{
min-height: 100%;
min-width: 320px;
position: relative;
background-color: #ECEEF0;
}

.main-slider-wrapper
{
position: relative;
}

.floating-caption 
{
position: absolute;
bottom: 0;
padding-bottom: 10px;
width: 100%;
background: #FFF;
background: RGBA(255, 255, 255, 0.75);
filter: alpha(opacity=75); /* internet explorer */
}

.floating-caption .main-caption
{
font-size: 3.5rem;
font-size: 35px;
line-height: 1.37;
font-weight: bold;
color: #E30921;
margin: 20px 0 0 20px;
}

.floating-caption .sub-caption
{
font-weight: normal;
color: #434343;
margin: 0 0 0 20px;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.4;
}

.single-img-wrapper
{
margin: 0 auto 9px;
}

.single-img-wrapper img
{
display: block;
}

.page-content-wrapper, .full-width-content-wrapper
{
float: left;
width: 100%;
}

.home .page-content
{
background-color: #ECEEF0;
}

.page-content
{
background-color: #FFF;
}

.page-404-message
{
color: #acacac;
font-weight:900;
padding: 300px 0 100px 0;
text-align: center;
background: url('images/404_background.png') center center no-repeat;
}

.post-content
{
padding: 10px;
}

.header-image
{
width: 100%;
display: block;
}

.article-header-logo
{
display: none;
}

.article-title-container
{
margin: 0 10px 5px 10px;
padding: 20px 0 10px 0;
border-bottom: 1px solid #E30921;
}
.article-title
{
margin:0;
font-size:30px;
font-size:3rem;
line-height:1.2;
font-weight:bold;
}

/* Style the tables in the posts*/
.post-item .entry-content table
{
	margin: 15px 5px 15px 5px;
	border-collapse: collapse;
	text-align: left;
}

.post-item .entry-content th
{
	padding: 10px 8px;
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	text-align: left;
}
.post-item .entry-content td
{
	border-bottom: 1px solid #ddd;
	padding: 6px 8px;
}

/* Videos - iFrames*/
.entry-content iframe
{
	max-width: 100%;
	max-height: 330px;
}

/* #Page Content Lists (specialized content)
================================================== */

.content-list
{
border-bottom: 1px solid #ddd;
}

.content-list li
{
border-top: 1px solid #ddd;
padding: 5px 0 10px 0;
}

.content-list .content-img
{
display: inline-block;
vertical-align: top;
width: 200px;
padding-right: 10px;
}

.content-list .content
{
display: inline-block;
vertical-align: top;
}

.content-list .content h4
{
margin-bottom: 0;
}

.gallery-list
{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px 0 10px 0;
}

.gallery-list li
{
display: inline-block;
vertical-align: top;
padding-bottom: 1.5em;
}

.gallery-preview
{
padding: 2px;
margin: 2px;
width: 200px;
}

.gallery-desc
{
text-align: center;
max-width: 200px;
}

/* #Sidebar
================================================== */

.sidebar-img
{
width: 100%;
}

/* #Styles for post excerpt on the front page
================================================== */
.post-excerpt
{
position: relative;
padding: 5px 0 14px;
margin-bottom: 9px;
background: #FFF;
}

.post-excerpt .entry-title
{
padding: 2px 20px;
margin-bottom: 4px;
background: #00A1E5;
}

.post-excerpt .entry-title a
{
text-decoration: none;
color: #FFF;
}

.post-excerpt .entry-meta
{
display: block;
padding: 0 20px 0 20px;
font-weight:bold;
color: #4D4D4D;
}

.post-excerpt .entry-content
{
padding: 5px 20px 10px 20px;
}

.post-excerpt .entry-content
{
color: #808080;
}

.post-excerpt .entry-thumbnail
{
width: 244px;
max-width: 50%;
float: right;
margin: 5px 20px;
}

.post-excerpt .more-link 
{
font-weight: bold;
text-decoration: underline;
position: absolute;
bottom: 9px;
left: 20px;
}

.page-navigation
{
border-top:5px solid #303030;
text-align:center;
font-size:14px;
line-height:21px;
font-weight:800;
}

.page-navigation ul .page-numbers
{
padding: 7px 16px;
display:inline-block; zoom: 1; *display: inline;
margin-top: -5px;
border-top: 5px solid RGBA(0, 0, 0, 0);
}

.page-navigation ul .page-numbers.current
{
border-top: 5px solid #E50013;
}

.page-navigation a:hover
{
border-top: 5px solid #E50013;
}

.page-numbers
{
margin-bottom: 0;
}

.page-numbers > li
{
display: inline;
}

/* #Footer
================================================== */
.page-footer-wrapper
{
overflow: auto;
background-color: #303030;
margin: 0 9px;
}

.footer-container
{
position: absolute;
bottom: 0;
width: 100%;
}

.page-footer-left
{
color: #949494;
font-weight: bold;
float: left;
padding: 5px 0 5px 15px;
}

.page-footer-right
{
display: none;
float: right;
padding: 5px 15px 5px 0px;
text-align: right;
}

.footer-clear
{
clear: both;
height: 30px;
}
/* #Comments
================================================== */
.comments-area
{
border-top: 1px solid #E30921;
}

.comments-title
{
display: none;
}

.comment-list
{
list-style-type: none;
margin: 1em 0 0 0;
}

.comment-list > li
{
margin-bottom: 10px;
}

.comment-list > li:last-child
{
margin-bottom: 0;
}

article.comment
{
background-color: #ECEEF0;
padding: 10px;
position: relative;
}

.comment-avatar
{
position: absolute;
top: 10px;
left: 10px;
}

.avatar
{
width: 60px;
height: 60px;
}

.comment-right-column
{
float: left;
margin-left: 75px;
}

.comment-content
{
margin-top: 5px;
}

.comment-reply-link, .comment-reply-link:hover, .comment-reply-link:visited, .comment-reply-link:visited:hover
{
position: absolute;
right: 0;
top: 0;
font-weight: bold;
color: #FFF;
padding: 6px 10px;
background: none repeat scroll #00A1E5;
}

.children
{
font-size:100%;
}

/* #Reply to
================================================== */
.comment-respond
{
margin: 10px 0;
padding: 10px 20px 10px 10px;
background-color: #ffffff;
position: relative;
}

.comment-form
{
margin-bottom: 10px;
}

.comment-reply-title a
{
color: #E50013;
text-decoration: underline;
}

#cancel-comment-reply-link
{
color: #00A1E5;
}

.comment-notes, .form-allowed-tags, .form-allowed-tags code
{
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 10px;
}

.comment-form-author, .comment-form-email , .comment-form-url
{
float: left;
margin: 0 20px 0 0;
}

.comment-respond label
{
font-weight: bold;
float: left;
width: 70px;
}

.comment-respond input, .form-allowed-tags, .comment-text-area-wrappers
{
margin-left: 70px;
margin-bottom: 10px;
}

.comment-respond input[type="text"]
{
display: block;
width: 210px;
}

.comment-text-area-wrappers
{
margin-right: 10px;
}

.comment-form-comment
{
clear: both;
margin-bottom: 0;
}

.comment-form-comment textarea
{
width: 100%;
margin: 0;
}

.form-submit 
{
text-align: right;
margin: 10px;
}

.form-submit  input , .form-submit  input:hover, .form-submit  input:active	
{
width:120px;
height:45px;
margin:0;
border:none;
font-weight:bold;
background-color:#00A1E5;
color:#FFF;
}

/* #Sponsors Page
================================================== */
.shpride_sponsors_2014
{
background-color: #ECEEF0;
}

.sponsors-group-header
{
background-color: #00A1E5;
}

.sponsor-group-title
{
color: #FFF;
font-weight: bold;
font-size:24px;
font-size:2.4rem;
padding: 5px;
margin: 0;
}

.sponsors-group-content
{
padding-bottom: 18px;
}

.sponsor-logo
{
padding: 3px;
height: 84px;
background-color: #FFF;
display:inline-block; zoom: 1; *display: inline;
vertical-align:top;
margin:9px 0px 0px 9px;
}

/* #Event Info
================================================== */
dl.eventinfo dt
{
font-weight: bold;
display: inline-block; zoom: 1; *display: inline;
min-width: 5em;
}

dl.eventinfo dt:after
{
font-weight: bold;
content: ':';
}

dl.eventinfo dd
{
display: inline;
}

dl.eventinfo dd:after {
display: block;
content: '';
}

/* Contact 7 Styles */
span.wpcf7-list-item
{
display: block;
}

label
{
display: block;
}

/* Phones (Portrait Mode)
================================================== */
@media only screen and (max-width: 400px)
{
	.post-excerpt .entry-thumbnail
	{
	float: none;
	margin: 5px 20px;
	width: auto;
	max-width: 100%;
	}

	.post-excerpt .entry-thumbnail img
	{
	width: 100%;
	}

	.comment-respond label 
	{
	float: none;
	}

	.comment-respond  input, .form-allowed-tags, .comment-text-area-wrappers
	{
	margin-left: 0;
	}
}

@media only screen and (max-width: 767px) 
{
	.site-header
	{
	padding: 0;
	z-index: 100;
	opacity: 0.8;
	background-color: #000;
	}

	.header-closed
	{
	left: -175px;
	transition: left 0.5s;	
	}

	.header-open
	{
	left: 0;
	transition: left 0.5s;	
	}

	.main-logo
	{
	display: none;
	}

	.main-menu-container
	{
	top: 100px;
	}

	.menu-item a
	{
	color: #FFF;
	margin-left: 26px;
	}

	.social-media-container
	{
	max-width: 100px;	
	}

	.sub-menu-indicator
	{
	background: url('images/sprites.png') -124px -37px no-repeat;
	}

	.sub-menu-container
	{
	background-image: url('images/sub-menu-arrow-mobile.png');
	background-repeat: no-repeat;
	background-position: 26px 0;
	}

	.sub-menu
	{
	padding-left: 26px;
	}

	.language-switcher > ul
	{
	margin-left: 26px;
	}

	.header-pull-tab
	{
	display: block;	
	clear: both;
	width: 25px;
	height: 56px;
	margin-left: 175px;
	}

	.header-pull-bar
	{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 5px;
	z-index: 200;
	background-color: #000;
	opacity: 1;
	}

	.header-pull-tab-hidden
	{
	display: none;
	}

	.pull-tab-link
	{
	display: inline-block;
	background: url('images/sprites.png') -64px 0 no-repeat;
	width: 28px;
	height: 56px;
	opacity: 0.8;
	}
	
	.header-open .pull-tab-link
	{
	display: inline-block;
	background: url('images/sprites.png') -96px 0 no-repeat;
	width: 28px;
	height: 56px;
	opacity: 0.8;
	}
	
	.main-content
	{
	margin-left: 5px;
	}

	.article-title-container
	{
	clear: both;
	}

	.floating-caption .main-caption
	{
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.1;
	}

	.floating-caption .sub-caption
	{
	font-size: 17px;
	font-size: 1.7rem;
	margin: 0 0 10px 20px;
	}

	.post-header
	{
	display: block;
	}

	.article-header-logo
	{
	position: absolute;
	display: inline;
	bottom: 50px;
	left: 10px;
	}

	.article-header-logo img
	{
	height: 80px;
	}
	
	.sidebar-wrapper
	{
	clear: both;
	padding-top: 9px;
	}

	.sidebar-container
	{
	clear: both;
	margin-left: 9px;
	}

	.sidebar-item-wrapper
	{
	display: inline-block;
	vertical-align: top;
	width:50%;
	}

	.sidebar-item
	{
	margin: 0 9px 9px 0;
	}

	.page-footer-wrapper
	{
	margin: 0;
	}

	.page-numbers
	{
	padding-right: 6px;
	}

	.page-footer-right
	{
	color: #949494;
	font-size: 80%;
	}
	
	input[type="checkbox"]
	{
		margin-top: 10px;
		margin-bottom: 10px;
		width: 18px;
		height: 18px;
	}
}

/* Tablet and desktop
================================================== */
@media only screen and (min-width: 768px) 
{
	.main-content
	{
	max-width: 969px;
	margin: 0 0 0 23.1%;
	}

	.site-header
	{
	width: 23.1%;
	max-width: 291px;
	}

	.page-content-wrapper
	{
	float: left;
	width: 72.65%;
	max-width: 704px;
	}

	.full-width-content-wrapper
	{
	float: left;
	width: 100%;
	max-width: 100%;
	}
	
	.page-content
	{
	padding: 0;
	margin: 9px;
	}

	.sidebar-wrapper
	{
	float: left;
	width: 27.34%;
	max-width: 265px;
	}

	.sidebar-container
	{
	padding: 0;
	margin: 9px 9px 0 0;
	}

	.sidebar-img
	{
	width: 100%;
	}
}

/* For wider screens
================================================== */
@media only screen and (min-width: 1260px)
{
	.comment-form-author, .comment-form-email , .comment-form-url
	{
	width: 280px;
	}

	.comment-form-email
	{
	float: right;
	margin: 0 10px 0 0;
	}

	.main-content
	{
	margin: 0 0 0 291px;
	}

	.site-header
	{
	width: 23.1%;
	max-width: 291px;
	}
}