.Clearfix:before, .Clearfix:after {
	content: " "; 
	display: table; 
}

.Clearfix:after {
	clear: both;
}

/**** GENERAL ****/
a, a:visited {	
	color: #1f506b;	
}
a:hover, a:active, a:focus{ 	
	color: #265e7e;	
	text-decoration: underline;
}
p {
	margin: 0.7em 0;
}
body {
	font: 0.93em/148% 'Open Sans',arial,sans-serif; 
	background: url('/images/bg_tile.png') repeat scroll center top transparent;		
}
#Frame {
	max-width: 1116px;
	min-width: 790px;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 10px;
	padding-right: 10px;	
}

/**** HEADER ****/
#Frame #Head {
	padding: 0;	
	margin-top: 50px;	
	position: relative;
	width: 100%;
	background-color: transparent;
}
#Logo {
	float: left;
	position: relative;
	width: 190px; 
	height: 80px;
	margin: 0;
	background-color: #cf1820;
	transition: background-color 0.35s ease;	
}
#Logo:hover, #Logo:focus, #Logo:active {	
	cursor: pointer;
	background-color: #e61d26;	
}
#Logo h1 img {
	display: block;
	width: 74px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 12px;
}
#Slogan {
	width: 100%;
	position: absolute;
	bottom: 8px;
	left: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	color: #f3f3f3;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #515151;
}

#Nav ol li a, #Logo {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.14);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.14);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.14);
}
#Nav {	
	margin-left: 200px;		
}
#Nav ol li a
{
	position: relative;
	float: left;	
	width: 80px;
	height: 30px;
	margin-right: 10px;
	padding-top: 50px;	
	font-family: 'Lato', sans-serif;
	font-size: 13px;	
	color: #fff;
	text-shadow: 1px 1px 2px #404040;
	text-align: center;
	vertical-align: text-bottom;	
	text-transform: uppercase;	
	background-color: #217eab;	
	transition: background-color 0.35s ease;
}
#Nav ol li a.active {	
	background-color: #2894c9;
}
#Nav ol li a:hover, #Nav ol li a:focus, #Nav ol li a.active:hover, #Nav ol li a.active:focus {	
	background-color: #2c9fd8;	
	text-decoration: none;
}
#Nav ol li a span {
	position: absolute;
	font-size: 30px;
	top: 0px;
	left: 0px;
	width: 100%;
	line-height: 58px;	
	-text-shadow: none;	
	color: #f3f3f3;
}

#Random-Left {	
	display: none;
	position: absolute;
	top: -50px;
	left: -400px;
	z-index: -100;
	width: 700px;
	height: 600px;
	transition: top 0.35s ease;
	transition: left 0.35s ease;	
}
#Random-Right {		
	display: none;	
	position: absolute;
	top: -50px;
	right:-10px;
	width: 750px;
	z-index: -105;	
	height: 400px;
}
#Top-Border {
	position: absolute;
	top: 0;
	z-index: -110;
	width: 100%;
	height: 90px;
	border-top: 30px solid;	
	border-color: #f1f2f2;
	border-color: rgba(127,140,141,0.15);
}
#Ie8-Message {
	display: none;
}

/**** GENERAL CONTENT ****/
#Body {
	margin-top: 10px;	
}
#Body .Section, .UserBox, .MeBox {
	background-color: #fefefe;	
	border-top: 3px solid;
	border-color:  #2c3e50;
	padding: 6px 6px 10px 6px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.1);
}
#Body .ContentColumn {
    margin: 0px 240px 0px 0px;
	padding: 27px 20px 26px 24px;
}

/**** RIGHT COLUMN ****/
#Panel {
    width: 218px;
    float: right;
}
#Panel .Section, .UserBox, .MeBox {
	margin-bottom: 20px;
	margin-top: 0;	
}
.SpBookmarks { /* defect fix in sprites plugin */
	display: inline-block;
	min-height: 14px;
	min-width: 14px;
	background: url('http://cdn.vanillaforums.com/images/sprites-14-000.png') no-repeat scroll 14px 14px transparent;
	vertical-align: top;
	margin: 4px 0px 0px;
	background-position: -77px -78px;
}
.UserBox .Username, .MeBox .Username {
    font-weight: bold;
    vertical-align: top;
    font-size: 1.2em;
}
.SiteSearch .Button {
	top: 7px;
}

img.ProfilePhotoMedium {
	border: 0px solid;	
	border-color: rgba(0,0,0,0);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.20);
}
.UserBox img.ProfilePhotoMedium, .MeBox img.ProfilePhotoMedium  {
	margin: 5px 3px 0 0;
}
img.ProfilePhotoMedium:hover {
	border-color: #c7880f;
}
.MeMenu {
   margin: 5px 0;
}
.MeBox-SignIn {
	display: block;
}
.MeBox-SignIn a.SignInPopup {
	display: block;
	font-weight: 600;
	text-decoration: underline;
	margin-bottom: 5px;
	font-size: 1.15em;
}
.MeBox-SignIn  span.Bullet{
	display: none;
}
.MeBox-SignIn  a.ApplyButton{
	display: none;
}

#Panel .FilterMenu li, #Panel .PanelInfo li  {
	padding: 4px 4px;
}

/**** GENERAL AND LEFT CONTENT ***/
#Content h1 {
	color: #cf1820;
	font-family: 'Lato', sans-serif;			
	font-size: 1.64em;
	font-weight: 700;
	margin: 0 0 15px 0px;
}
#Body h2 {
	color: #cf1820;
	font-family: 'Lato', sans-serif;			
	font-size: 1.4em;
	font-weight: 400;
	margin: 0 0 15px 0px;
}
.DataList .Title {
	font-size: 1.2em;
}
.Item .Title a {
	text-decoration: underline;
}
.Item.Read .Title a {
	--color: #2c3e50;
	text-decoration: none;
}

.DataList.Discussions {
	margin-left: -8px;
}
.DataList .Item, .NarrowList .Item {
    padding: 12px 8px;
}
.Item.Read {
	background-color: #f9f9f9;
}
.DataList .ItemComment, .NarrowList .ItemComment {
	border-width: 1px 0 0 0;
	border-color: rgba(0, 0, 0, 0.1);
	padding: 0 0 10px 0;
}
.Discussion .ItemDiscussion {
	padding: 0 0 10px 0;
}
.CommentHeader {	
	padding: 0 0 6px 6px;	
}
.AuthorWrap {	
	padding-top: 6px;
}
.Comment .Message {
	margin: 10px 0 0 6px;
}
.Comment .Options {
	margin-top: 6px;
}
.ItemDiscussion .Message, .Message, .Item .Author a {
	font-size: 104%;
}

.PageControls.Top {	
	display: none;
}
.PageControls.Bottom {	
	margin-top:10px;
}
.Pager a, .Pager span {
    display: inline-block;
    margin: 0 0.1em;
	padding: 0.5em;		
	font-weight: 400;
}
.Pager a.Highlight {
	background-color: #f9f9f9;
}
.Pager a:hover, .Pager a:focus, .Pager a:active {	
	background-color: #f9f9f9;
}

/**** DISCUSSIONS ****/
.DataList .Item {
	
}
.Message a {
	text-decoration: underline;
}
.CommentHeader {

}

/**** FORMS TO DO IMPROVE THIS SECTION ****/
.Buttons  {
	margin: 15px 0;	
}
.Buttons span.Back {
	display: none;
}
.Button, input[type="submit"] {
	border: 0px;
	padding: 0.8em;
	margin-right: 7px;
	font-size: 1em;
	font-weight: 400 !important;	
	color: #fff;
	font-weight: 600;		
	text-shadow: none;	
	background: none;
	background-color: #217eab;
	border-radius: 0px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	transition: background-color 0.35s ease;	
	transition: color 0.35s ease;
	
}
.Button.Primary {
	background-color: #2894c9;		
	font-weight: 600 !important;
}
.Button.Primary:hover, .Button.Primary:focus {
	text-decoration: none;
}
.Button.Cancel, .Button.DraftButton, .Button.PreviewButton, .Button.WriteButton , #Form_SaveDraft, #Form_Preview{
	color: #2c3e50;	
	background-color: transparent;
	padding: 0.8em;
	margin-right: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;	
	text-decoration: underline;
}
.Button.Cancel:hover, .Button.DraftButton:hover, .Button.PreviewButton:hover, .Button.WriteButton:hover, #Form_SaveDraft:hover, #Form_Preview:hover, .Button.Cancel:focus, .Button.DraftButton:focus, .Button.PreviewButton:focus, .Button.WriteButton:focus, #Form_SaveDraft:focus, #Form_Preview:focus {
	background-color: #c0c0c0;	
	color: inherit;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.1);
}
#Form_PostComment {
	margin-right: 0;	
}
.Button.BigButton {
	color: #fff;	
	margin-right: 0px;	
}
.Button.Primary:hover, .Button.Primary:focus, .Button:hover, .Button:focus {
	background-color: #2c9fd8;
	color: #fff;	
}
.ButtonBarMarkupHint, #DiscussionForum .ButtonBarMarkupHint {
	margin: 15px 0 0 0;	
	
}
.SiteSearch .Button:hover, .SiteSearch .Button:focus {
    background-color: #c0c0c0;		
}
.SiteSearch .InputBox {
     font-size: 0.85em;
}

ul.List.Inline.PostOptions {		
	font-size: 0.8em;
}
.CommentForm textarea.TextBox {
    min-height: 80px;
    height: 80px;
}

/**** MISC ****/
.Count {
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
}

span.ReactFacebook {
	display: none;
}

/**** NON FORUM ****/
#Body.non-forum h2 {
	margin-top: 35px;
}
#Body.non-forum h2:first-of-type {
	margin-top: 30px;
}
#Body.non-forum div.ContentColumn h4 {
	margin-top: 25px;
}
#Body.non-forum ol.member-list li {
	display: inline-block;
	width: 30%;
}
iframe.gmap, iframe.script {
	-webkit-box-shadow: 0px 0px 4px 2px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    0px 0px 4px 2px rgba(50, 50, 50, 0.24);
	box-shadow:         0px 0px 4px 2px rgba(50, 50, 50, 0.24);	
}
iframe.script {
	width: 100%; 
	height: 450px; 
	margin-top: 10px; 
	border: 1px solid #000;
}

a.standout {
	text-decoration: underline;
}
div.breadcrumb {
	margin-top:-12px;
	margin-bottom: 17px;
}
div.audio-wrapper {
	width: 475px;
	height: 150px;
	float: left;
}

/* SCRIPTS */
div.script p {
	font-family: 'Cousine';	
	margin: 20px 0;
}
div.script p.speech {
	margin-left: 75px;
}
div.script p.choice {
	font-weight: 600;
}
div.script p.choice.one {
	color: #d35400;
}
div.script p.choice.two {
	color: #8e44ad;
}
div.script p.choice.three {
	color: #27ae60;
}


/**** RESPONSIVE ****/
@media (max-width: 1200px) {
	#Random-Left {
		left: -325px;
		top: -65px;
	}
}

/**** RETINA DISPLAYS ****/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
		
}