body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #FFF;
	padding: 0px;
	margin: 0px;
	line-height: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	color: #444;
	font-weight: 300;
	line-height: normal;
}
.MItem a,
.MItem a:hover,
.PanelInfo .Condensed a,
.PanelInfo .Condensed a:hover{
	color: #d41f6c;
}
.Message a,
.Message a:hover,
.Signature a,
.Signature a:hover{
	color: #d41f6c;
	font-weight: 700;
}
a, 
a:hover{
	font-family: 'Open Sans', sans-serif;
	color: #3B69A2;
	text-decoration: none;
}
input{
	font-family: 'Open Sans', sans-serif;
}

/** Custom Master View Stuff **/
.Banner {
   position: relative;
   min-height: 98px;
   text-align: left;
   padding: 20px;
}
.SiteTitle {
   font-size: 40px;
   font-weight: bold;
   line-height: 100px;
}
.SiteTitle a { 
   color: #000; 
}
.Banner .Row {
   position: relative;
}
.AdSpace {
   position: absolute;
   top: 0;
   right: 0;
   height: 90px;
   line-height: 90px;
   width: 728px;
   background: #ddd;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset; 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset;
   border: 4px solid #eee;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   text-align: center;
   color: #777;
}

/** Vanilla Contents **/
.PageDescription {
   color: #888;
   margin: 8px;
}
.CategoryBox h2 {
   margin: 20px 8px 8px;
}
.CategoryBox h2 a {
   color: #aaa;
}
.HomepageTitle {
   margin: 0 8px;
   display: none;
}
.HomepageTitle .AdminCheck {
   padding: 0;
}
.Pager {
   font-size: 18px;
}
.ProfileOptions {
   font-weight: bold;
}
.DataTable td {
   border-style: dotted;
}
/* Big Button */
.ButtonGroup .Button,
#Content input.Button,
.Button,
.input_button {
	font-size: 16px;
	font-weight: 700;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
   	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	color: #FFF;
	background-color: #d41f6c;
	padding: 5px 10px;
	border: 3px solid #d41f6c;
	border-radius: 5px;
	transition: all .2s ease-in-out;
}
.input_button{
	background-color: #3B69A2;
	border: 3px solid #3B69A2;
}
.ButtonGroup.Open .Button.Handle,
#Content input.Button:hover,
#Content input.Button:focus,
#Content input.Button:active,
.Button:hover,
.Button:focus,
.Button:active{
	color: #d41f6c;
	background-color: #FFF;
	transition: all .2s ease-in-out;
	border-color: #d41f6c;
}
.input_button:hover{
	color: #3B69A2;
	background-color: #FFF;
	transition: all .2s ease-in-out;
	border-color: #3B69A2;
}
.ButtonGroup.Open .Button.Handle,
#Content input.Button:focus,
#Content input.Button:active,
.Button:focus,
.Button:active {
	color: #d41f6c;
	background-color: #FFF;
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   border-color: #d41f6c;
}

.TextBoxWrapper{
	width: calc(100% - 10px);
}

.HasNew{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: #d41f6c;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	white-space: nowrap;
}

.JustNew {
  display: inline;
}


/*
----------------------------------------------------------------------------
Popup
----------------------------------------------------------------------------
*/
div.Popup h1{
	color: #FFF;
	background-color: #3B69A2;
	margin: -10px -10px 0 -10px;
	padding: 10px;
}
a.Close, 
a.Close:hover{
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
}


/*
----------------------------------------------------------------------------
Frame/Container
----------------------------------------------------------------------------
*/
.Row{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}
@media (min-width: 768px){
	.Row{
		width: 720px;
	}
}
@media (min-width: 992px){
	.Row{
		width: 945px;
	}
}
@media (min-width: 1200px){
	.Row{
		width: 1150px;
	}
}
.Row:after,
.BreadcrumbsWrapper:after,
.navigation_toggle_container:after, 
#navigation_menu_container:after{
	content: "";
	clear: both;
	display: table;
}

div{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*
----------------------------------------------------------------------------
TopMenu
----------------------------------------------------------------------------
*/
.TopMenuWrapper{
	text-align: center;
}
.TopMenuWrapper ul li{
	margin: 0 0 20px 0;
}
@media (min-width: 992px){
	.TopMenuWrapper{
		text-align: left;
		float: left;
	}
	.TopMenuWrapper ul li{
		float: left;
		margin: 0 20px 0 0;
	}
}
#Frame > .Top {
   background: #3B69A2;
   padding: 30px 0 20px 0;
   margin: 0;
}
.TopMenuWrapper ul li a {
   padding: 8px;
   font-size: 17px;
   font-weight: normal;
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
   letter-spacing: 2px;
}


/*
----------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------
*/
#Foot{
	background: #3B69A2;
	padding: 20px 0;
	margin: 50px 0 0 0;
	color: #FFF;
}
#Foot a, 
#Foot a:hover{
	color: inherit;
}
.FooterWrapper{
	text-align: center;
	padding: 8px;
   font-size: 17px;
   font-weight: normal;
   color: #FFF;
   text-shadow: 1px 1px 1px #000;
   letter-spacing: 2px;
}
@media (min-width: 992px){
	.FooterWrapper{
		text-align: left;
		float: left;
	}
}


/*
----------------------------------------------------------------------------
Social Buttons
----------------------------------------------------------------------------
*/
.social_container{
	color: #FFF;
	text-align: center;
}
@media (min-width: 992px){
	.social_container{
		text-align: right;
		float: right;
	}
}
.social_container ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}
.social_container ul li{
	color: #FFF;
	border: 2px solid #FFF;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 0 0 5px 5px;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
	transition: all .2s ease-in-out;
}
.social_container ul li:hover{
	color: #d41f6c;
	border-color: #d41f6c;
	background-color: #FFF;
	transition: all .2s ease-in-out;
}
.social_container ul li a{
	color: inherit;
	padding: 0;
}
.social_container i{
	font-size: 25px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	color: inherit;
}

.patreon_button_container{
	padding: 0 5px 0 0;
	float: right;
}
.patreon_button_image{
	max-height: 40px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.6);
    transition: all .2s ease-in-out;
}


/*
----------------------------------------------------------------------------
SiteMenu
----------------------------------------------------------------------------
*/
.header_shadow{
	background: url('images/shadow.png') no-repeat top center;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 20px;
	z-index: 99;
	width: 100%;
}
#Head{
	background-color: #FFF;
	width: 100%;
	position: relative;
}
#Head a{
	font-weight: normal;
}
#navigation_menu_container{
	margin: 20px 0;
}



#Head .SiteMenu{
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

@media (min-width: 768px){
	#Head .SiteMenu li{
		float: left;
	}
}
#Head .SiteMenu li{
	margin-right: 5px;
}
#Head .SiteMenu li a{
	padding: 10px 20px;
	color: #000;
	font-size: 15px;
	font-family:  'Arimo',Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	transition: all .1s ease-in-out;
}
#Head .SiteMenu li a:hover{
	color: #FFF;
	transition: all .1s ease-in-out;
	background-color: #d41f6c;
	text-decoration: none;
}
@media (max-width: 767px){
	.navigation_menu_hidden{
		display: none;
	}
	#Head .SiteMenu li a{
		padding: 15px 20px;
	}
}

.navigation_toggle_container{
	margin: 20px 0;
}
@media (min-width: 768px){
	.navigation_toggle_container{
		display: none;
	}
}
.navigation_toggle_button{
	float: right;
	padding: 9px 10px;
	border-width: 0px;
	border-radius: 5px;
	cursor: pointer;
	background-color: #3B69A2;
}
.menu_icon_bar {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 1px;
  background-color: #FFF;
}
.menu_icon_emptybar {
  display: block;
  width: 25px;
  height: 5px;
}


/*
----------------------------------------------------------------------------
Breadcrumbs
----------------------------------------------------------------------------
*/
.BreadcrumbsWrapper{
	background-color: #ecf0f1;
	padding: 0 0 30px 0;
	margin: 0 0 80px 0;
	font-size: 16px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.BreadcrumbsWrapper h1{
	margin: 0;
	padding: 30px 0 5px 0;
	font-size: 35px;
}
.BreadcrumbsWrapper .Crumb{
	padding: 0 8px;
	color: #000;
}


/*
----------------------------------------------------------------------------
Content
----------------------------------------------------------------------------
*/
#Body .ContentColumn {
	margin: 0 0 50px 0;
	font-size: 16px;
	color: #333;
}
@media (min-width: 992px){
	#Body .ContentColumn{
		float: left;
		width: 70%;
		
	}
}


/*
----------------------------------------------------------------------------
Sidebar
----------------------------------------------------------------------------
*/
#Panel{
	padding: 0;
	margin: 0;
	float: none;
	width: auto;
}
@media (min-width: 992px){
	#Panel{
		float: left;
		width: 30%;
	}
}

#Panel > div, 
#Panel .BoxFilter{
	border-color: #3B69A2;
	border-width: 4px;
	border-style: solid;
	border-radius: 5px;
	padding: 0 15px 15px 15px;
	margin: 0 0 30px 0;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.7);
	box-shadow: 0 0 6px rgba(0,0,0,.7);
}
@media (min-width: 992px){
	#Panel > div, 
	#Panel .BoxFilter{
		margin-left: 20px;
	}
}
#Panel > div ul{
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0;
}
#Panel > div ul li{
	margin: 10px 0;
}
#Panel > div ul li a{
	font-size: 16px;
	margin: 0 0 10px 0;
}
#Panel > #LatestPostList ul li a{
	font-size: 15px;
}
#LatestPostList .Condensed, 
#Panel > #LatestPostList  ul li a.PostAuthor{
	font-size: 12px;
}

.Box h4{
	padding: 10px 0;
	margin: 0 -15px 30px -15px;
	color: #FFF;
	background-color: #3B69A2;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}
.Box h4 a, 
.Box h4 a:hover{
	color: #FFF;
}

.PanelInfo li {
   font-weight: bold;
   background: #FFF;
   border: none;
   color: #333;
}
.PanelInfo a, 
.PanelInfo a:hover{
	color: #3B69A2;
}
body.Profile .PanelInfo .Active,
.PanelInfo .Active {
   background: #fff;
}
.PanelInfo .Active a {
   color: #333;
}
#Panel .FilterMenu li:first-child, .PanelInfo li:first-child{
	border: none;
}
#Panel .FilterMenu .Active, .PanelInfo .Active {
	background: #FFF;
	font-weight: bold;
}
#Panel .FilterMenu li, .PanelInfo li {
	border: none;
	padding: 0;
}
#Panel .BigButton {
   margin: 20px 0;
}

.MeBox .profile, 
.MeBox .categoryfilter{
	margin-top: 25px;
}


/*
----------------------------------------------------------------------------
Category view
----------------------------------------------------------------------------
*/
.CategoryList .Depth2 .ItemContent{
	margin: 0;
	border-bottom: 4px solid #DDD;
	padding: 20px;
}
.CategoryList .Depth2 .ItemContent .TitleWrap{
	margin-bottom: 10px;
}
.CategoryList .Depth2 .ItemContent .CategoryDescription{
	margin-bottom: 10px;
}
.CategoryList .Depth1 .ItemContent {
	font-weight: bold;
	font-size: 18px;
	background-color: #3B69A2;
	color: #FFF;
	border-color: #3B69A2;
	border-width: 4px;
	border-style: solid;
	border-radius: 5px;
	padding: 8px;
	margin: 0;
}
.CategoryList .Depth1{
	margin: 60px 0 0 0;
}
.CategoryList .Depth1:nth-of-type(1){
	margin-top: 0;
}
.CategoryList .Meta a {
	font-weight: bold;
}

.ChildCategoryList .Item{
	float: none;
	width: auto;
}
.ChildCategoryList .Item:nth-child(odd){
	clear: none;
}
.ChildCategoryList .Item .ItemContent{	
	margin: 0;
	border-bottom: 4px solid #DDD;
	padding: 10px;
}
.ChildCategoryList .Item .ItemContent .TitleWrap{
	margin-bottom: 10px;
}


/*
----------------------------------------------------------------------------
Discussion view
----------------------------------------------------------------------------
*/
.DataList .ItemContent, 
.Conversation .ConversationMessage{
	margin: 0 0 20px 0;
	border-bottom: 4px solid #DDD;
	padding: 10px;
}

.DataList .ItemDiscussion .ItemContent .Title{
	font-weight: bold;
	margin-bottom: 10px;
}

.Meta-Discussion a {
	font-weight: bold;
}

.Item.Read{
	background: inherit;
}


/*
----------------------------------------------------------------------------
Discussion
----------------------------------------------------------------------------
*/
.ItemDiscussion .Message {
  margin-bottom: inherit;
  font-size: inherit;
}
.Message{
	line-height: normal;
	margin: 20px 10px;
}
.Item-Header{
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #ecf0f1;
	padding: 10px;
	margin: 0;
}
.ItemDiscussion{
	margin: 0;
}
.MessageList > .Item{
   border: none;
   padding: 0;
   margin: 0 0 60px 0;
}
.DataList .Item .Item {
   border: none;
}
.DataList > .Item {
   border: none;
   padding: 0;
}
.DataList .Title,
.DataList .Title a {
   font-size: 18px;
}
.ItemDiscussion .Meta,
.DataList .Meta {
  font-size: 12px;
  color: #000;
}
.MItem {
   margin: 0 8px;
   padding: 0;
   white-space: normal;
}
.MItem:last-child {
   border: none;
}
div.PostEdited{
	font-size: 12px;
	color: #D35A42;
}

blockquote{
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #EEE;
	padding: 10px;
	margin: 20px 0 20px 0;
	font-size: 14px;
}
code, pre{
	display: block;
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #FF9;
	padding: 10px;
	margin: 20px 0 20px 0;
	font-size: 14px;
}

.CommentForm{
	border: 1px solid #CCC;
	border-radius: 5px;
	background-color: #ecf0f1;
	padding: 10px;
	margin: 0;
}
.EditCommentForm textarea.TextBox, 
.CommentForm textarea.TextBox, 
.DiscussionForm textarea{
  min-height: 200px;
  height: 200px;
}
.FormWrapper{
	background: none;
}


/*
----------------------------------------------------------------------------
Pager
----------------------------------------------------------------------------
*/
.PagerWrap, 
.PageControls{
	margin-bottom: 20px;
}
.Pager a.Highlight{
	background-color: #3B69A2;
	border-color: #3B69A2;
	font-weight: bold;
	color: #FFF;
}
.Pager a:hover{
	border-color: #3B69A2;
}
.Pager{
	font-size: 16px;
	clear: both;
	margin-bottom: 50px;
}
@media (min-width: 992px){
	.Pager{
		margin-bottom: 0;
	}
}

.Pager a{
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 10px;
	margin: 2px;
	border-radius: 5px;
}

.Pager span.Previous, 
.Pager span.Next{
	display: none;
}


/*
----------------------------------------------------------------------------
Input, search
----------------------------------------------------------------------------
*/
input[type=text]{
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}
textarea, 
input[type=text], 
select, 
input.InputBox{
	border: 1px solid #3B69A2;
	border-radius: 0px;
}
.input_group{
	margin: 15px 0 0 0;
}
.input_field{
	width: calc(100% - 70px);
	padding: 5px 10px;
	margin: 0;
	font-size: 17px;
	height: 28px;
	display: block;
	float: left;
	border-radius: 0px;
	border: 1px solid #3B69A2;
}
.input_button{
	font-size: 20px;
	font-weight: normal;
	height: 40px;
	width: 50px;
	cursor: pointer;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 0px;
}
.input_group_button{
	position: relative;
	font-size: 0;
	white-space: nowrap;
	width: 1%;
	display: inherit;
}