/*================
	Regular BASE
	
	font-family: Helvetica, Arial, sans-serif;
	font-family: "rooney-web",sans-serif;
	
==================*/

body {-webkit-font-smoothing: antialiased;background-color: #fff;}

p {line-height: 25px; margin-top:20px;}

.calltoaction {font-family: Helvetica, Arial, sans-serif; font-size:14px;line-height:19px;}


html {
    -webkit-text-size-adjust: none;
}


a {
    text-decoration: none; color:#666;
}
a:hover{
    text-decoration: none;
}
a.hover-color{
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
}
a.hover-color:hover{
    color:#f2632a !important;
}

iframe {width:100%;}

.VideoWrap {margin-top:20px;}

.navbar-toggle{border:none;border-radius:0}
.navbar-toggle .icon-bar{height:4px;border-radius:1px}

.navbar-default {
    background-color: #fff;
    border-color: #eeeeee;
    -webkit-box-shadow: 0 5px 6px -6px #ccc;
    -moz-box-shadow: 0 5px 6px -6px #ccc;
    box-shadow: 0 5px 6px -6px #ccc;
     
}
.navbar{
    border-radius: 0;
    margin-bottom: 0px;
}

.navbar a {letter-spacing: 2px;}

.navbar-brand img{
  max-width:200px;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #f2632a;
    background-color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #fff;
    color: #f2632a;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #f2632a;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    font-family: "brandon-grotesque";
    font-weight: 700;
     color: #252525;
    font-size: 14px;
    text-transform: uppercase
    

}
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding: 20px 15px;
        line-height: 44px;
        text-transform: uppercase;
    }
    .navbar-brand{
        padding-top: 30px;
height:86px;
    }

}
/*sticky header*/
.sticky-nav{
    width:100%;
    z-index: 999;
}

/*top bar*/
.top-bar{
    background-color: #f2f2f2; border-bottom:1px solid #ccc;
}
.top-bar .info {
    margin: 0px;
}
.top-bar .info li {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    color:#333;
    font-weight: 500;
    font-size: 13px;
}
.top-bar .info li a{
    color:#666;
    margin-right: 10px;
    letter-spacing: 0;
   
}

.top-bar .social {
    margin: 0px;
}
.top-bar .social li {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    font-weight: 300;
    font-size: 25px;
}
.top-bar .social li a{
   color:#666;
    margin-right: 10px;
   
}
.top-bar .social li a:hover{
   color:#f2632a;
   
}


/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: "brandon-grotesque"; margin-top: 0; text-transform:uppercase;font-weight:bold; letter-spacing:2px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 36px; line-height: 50px; margin-bottom: 20px;}
h2 { font-size: 35px; line-height: 40px; margin:20px 0 20px 0;}
h3 { color: #7f8c8d; font-size: 28px; line-height: 34px; margin:20px 0 20px 0;}
h4 { font-size: 21px; line-height: 30px; margin-bottom: 20px; }
h5 { font-size: 17px; line-height: 24px; color:#111;}
h6 { font-size: 14px; line-height: 21px; color:#111;}

/* Buttons
================================================== */

.Button {font-family: "brandon-grotesque";text-transform:uppercase;margin-bottom:20px;}

.Button.Primary, .Button.CommentButton {color:#fff;background-color:#2ecc71;border:none;}

.Button.Primary:hover,.Button.Primary:focus,.Button.Primary:active, .Button.CommentButton:hover {color:#fff;background-color:#27ae60;border:none;}

.Button.Secondary{color:#fff;background-color:#95a5a6;border:none;}

.Button.Secondary:hover,.Button.Secondary:focus,.Button.Secondary:active{color:#fff;background-color:#7f8c8d;border:none;}

.ReactButton  {
  color:#fff;
  background-color:#bec3c7;border:none; 
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 10px 15px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  margin:10px 0 10px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;} 
  
.ReactButton:hover {background-color: #cbcfd2, color:#fff;}



/* Photo
================================================== */

.ProfilePhoto, .MeBox .ProfilePhoto, .Discussions .DataList .ProfilePhoto, .MessageList .Author .ProfilePhoto,.MessageForm .Author .ProfilePhoto{border-radius:50%;}


.CategoryBox .DataList .Item > .PhotoWrap .ProfilePhotoMedium,
.DataList .Item .Author > .PhotoWrap .ProfilePhotoMedium{
	width:120px;
	height:120px;
	border-radius:50%;
}

/*margin spaces*/
.space-10{
    width:100%;
    height: 10px;
    clear: both;
}
.space-20{
    width:100%;
    height: 20px;
    clear: both;
}
.space-30{
    width:100%;
    height: 30px;
    clear: both;
}
.space-40{
    width:100%;
    height: 40px;
    clear: both;
}
.space-50{
    width:100%;
    height: 50px;
    clear: both;
}
.space-70{
    width:100%;
    height: 50px;
    clear: both; 
}
.margin-btm-20{
    margin-bottom: 20px;
}
.margin-btm-40{
    margin-bottom: 40px;
}
.title-divider{
	border-bottom: 2px solid #ff5733;
	display: block;
	width: 100px;
	margin: auto;
	margin-bottom: 20px;
}

.text-center{
    text-align: center;
    
}
.breadcrumbs {font-size:14px;margin:10px 0 10px 0;}

/*--------Backgrounds------------*/

.light-grey-bkg {padding-top:10px; padding-bottom:10px; background-color:#f2f2f2;border-top:1px #ccc solid;border-b:1px #ccc solid;}

.dark-grey-bkg {padding-top:50px; padding-bottom:20px; background-color:#95a5a6; color:#fff;margin-top:-50px;}

.dark-grey-bkg a{color:#f2f2f2;letter-spacing: 0px;}

.record { 
background: url(http://community.soulstrut.com/themes/soulstrut/community-splash.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:500px;
}

 
 
 /**********************************************footer*****************************************/
 
 .page-footer{background-color: #111; padding: 20px;}
 
 
 .page-footer p{margin-bottom:0}
 
 .sticky-footer{position:absolute;bottom:0;width:100%;min-height:250px;margin-top:40px}
 
 .sticky-footer-body{margin-bottom:300px}
 
 .sticky-footer-html{position:relative;min-height:100%}
 
#footer{
    background-color: #111;
    padding: 60px 0;
}
.footer-col h3{
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    color:#fff;
    margin-bottom:
        30px;
}

.footer-col h3:first-letter{
    border-bottom: 5px solid #f2632a;
}
.footer-col p{
    font-size: 14px;
    color:#b3b3b3;
}

.post-list li a{
    color:#b3b3b3;
    font-weight: 500;
    font-size: 13px;
    display: block;
    padding: 8px 0;        
    border-bottom: 1px solid #444;
   
}
.footer-col form input{
    background-color: #111;
    border: none;
    color:#fff;
}
.footer-col form input:focus{
    background-color: #333;
    border: none;
}
.footer-col form textarea{
    background-color: #111;
    border: none;
    color:#fff;
}
.footer-col form textarea:focus{
    background-color: #333;
    border: none;
}

.footer-col .social li {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    font-weight: 500;
    font-size: 25px;
}
.footer-col .social li a{
   color:#f2f2f2;
    margin-right: 10px;
   
}
.footer-col .social li a:hover{
   color:#f2632a;
   
}
.footer-bottom{
    border-top: 1px solid #111;
    padding-top: 20px;
    
}
.footer-bottom img{
    max-width: 200px;
}
.footer-bottom span{
    color:#fff;
  
}
/*================
	THREAD LIST PAGE
==================*/

/* Crucial - Thread List Link Color */

.Discussions .DataList .Item .Title a,
.Categories .DataList .Item .Title a,
.Profile .DataList.Discussions .Title a,
.Search .DataList .Item .Title,
.DataList .Users > a,
.DataTable a.Title,
.Categories .DataList .Category .Title{
	color: #000;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	line-height:30px;
	
}

.Discussions .DataList .Item .Title a:hover,
.Categories .DataList .Item .Title a:hover,
.Profile .DataList.Discussions .Title a:hover,
.Search .DataList .Item .Title,
.DataList .Users > a:hover,
.DataTable a.Title,
.Categories .DataList .Category .Title{
	color: #ff6600;
	
}
/* Thread List Borders */

.list-group-item,.PanelInfo a,.PanelInfo .Heading,.DataList .Foot,.DataList .Item,.DataList.Activities .CommentForm{position:relative;display:block;margin-bottom:-1px;background-color:#fff;border-top:1px solid #eee}


/* Thread List H1 */

.page-header,h1.H,.HomepageTitle,.PageTitle{border:none;font-size:30px;border-bottom:1px #eee solid;margin-bottom:1px;}

.PageTitle H1 {font-size:24px;color:#354b60;line-height: 28px;}

/* author link in Meta */

.DataList .Item .Meta {font-family: Helvetica, Arial, sans-serif;, sans-serif !important;}

.Categories.index .DataList .Item .CommentCount,
.DataList .Item .LastCommentBy a,
.DataList .Item .Meta  a{
	color: #000;
}


.DataList .Item .LastCommentBy a:hover,
.DataList .Item .Meta  a:hover{
	color: #ff6600;
}


.DiscussionAuthor {display:none;}

.Tag-Announcement {font-family: Helvetica, Arial, sans-serif;background:#ff6600;}


.HasNew {background-color:#2ecc71; padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em; text-transform:uppercase;} 


/* Votes and Views */

.StatBox {
   /* background: #004C9B; */
	padding: 5px 5px 0;
	float: right;
	height: 38px;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.2;
	font-family: Helvetica, Arial, sans-serif;
	
}
.StatBox span {
	display: block;
	font-weight: normal;
	font-size:10px;
	line-height: 1;
	padding-bottom:2px;
	min-width:38px;
}
.StatBox,
.StatBox a {
	/* color: #99e2fe; */
	display: block;
}
.StatBox a {
	position: relative;
	z-index: 10;
	color:#7f8c8d;
}
.StatBox a:hover {color:#ff6600;}

.VotingSort {font-size:16px;}

.VotingSort h1{font-size:55px;}

.GuestBox {background:#fff;padding:10px;}

a.Bookmark,
a.Bookmarked,
a.Bookmarking {
   margin: 11px 10px;
   float: right;
   background: url(styles/system/img/discussions/list/menu/options_bookmark.png) 0 0 no-repeat;
   width: 20px;
   height: 20px;
}
.DiscussionsTable a.Bookmark{
    margin: 5px 10px 0;
}
a.Bookmark:hover {
	background-position: 0 -20px;
}
a.Bookmarked {
   background-position: 0 -40px;
}
a.Bookmarked:hover {
   background-position: 0 -80px;
}
a.Bookmarking,
a.Bookmarking:hover {
   background-position: 0 -60px;
}
.Item .OptionsActive a.Bookmark{
    margin-left: 48px;
}
.Item:hover .OptionsActive a.Bookmark{
    margin-left: 10px;
}

.MCount {color:#000;}

/*================
	SIDEBAR
==================*/

/* CATEGORIES,  POPULAR TAGS, titles */

.Box h4,
.CategoryFilterTitle,
.DismissMessage h4{
	color: #51595A;
	font-size: 20px;
	margin: 20px 0px 20px 0;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
li .Discussions .active a {background-color:#ff6600;}

.BoxFilter {background:#fff;margin-top:20px;padding:0px;}

/*--------FilterMenu (on the right) ------------*/

.FilterMenu {margin-bottom:0;padding:0;list-style:none}

.FilterMenu a, .PanelInfo a {
    text-decoration: none;
     color:#7f8c8d;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border-top:1px solid #eee;
}

.FilterMenu li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-radius: 0;
     border:none;
     font-size:13px;
   
}

.FilterMenu li>a:hover,
.FilterMenu li>a:focus{
    text-decoration: none;
    color:#fff;
    background-color:#ff6600;
   
}

.FilterMenu .Active>a,.FilterMenu .Active>a:hover,.FilterMenu .Active>a:focus{color:#fff;background-color:#95a5a6;border:none;}


.list-group,.PanelInfo,.DataList{margin-bottom:20px;padding-left:0}

/* Crucial */

.list-group-item,.PanelInfo a,.PanelInfo .Heading,.DataList .Foot,.DataList .Item,.DataList.Activities .CommentForm{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border-top:1px solid #eee; font-size:13px;}

.list-group-item:first-child,.PanelInfo li:first-child a,.DataList .Foot:first-child,.DataList .Item:first-child,.DataList.Activities .CommentForm:first-child{border-top-right-radius:0px;border-top-left-radius:0px;}

.list-group-item:last-child,.PanelInfo li:last-child a,.DataList .Foot:last-child,.DataList .Item:last-child,.DataList.Activities .CommentForm:last-child{margin-bottom:0;border-bottom-right-radius:0px;border-bottom-left-radius:0px}

a.list-group-item,.PanelInfo a{color:#555}a.list-group-item .list-group-item-heading{color:#333}

a.list-group-item:hover,a.list-group-item:focus,.PanelInfo a:hover,.PanelInfo a:focus{text-decoration:none;color:#fff;background-color:#ff6600;}


.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{color:#fff;background-color:#95a5a6;cursor:not-allowed}.list-group-item.disabled

.list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}

.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#95a5a6}

.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus,.PanelInfo .Active a,.PanelInfo .Active a:hover,.PanelInfo .Active a:focus{z-index:2;color:#fff;background-color:#95a5a6;border-top:none;}


/*================
	THREAD PAGE
==================*/



.MessageList {position:relative;margin-bottom:20px;}
 
 
 .MessageList .Item:hover,.MessageList .Item:focus{background-color:#fff}
 
 
 .MessageList .Item .Options{padding:10px 15px;margin-bottom:-10px}
 
 
/*--------Crucial ------------*/
 
 
 .MessageList .Item-Header{color:#333;background-color:#fff;border:none;margin-left:0px;margin-top:20px;}
 
  .MessageList .Item{position:relative;padding:0;margin-bottom:20px;margin-left:220px;}
 
 .MessageList .Item-Header .PhotoWrap,.MessageList.Conversation .Meta .PhotoWrap{position:absolute;top:30px;left:-180px}
 
 
 
  /*--------Ranks ------------*/

 
.Rank-alumni {position: absolute; top: 135px; left: -150px;color:#fff; background: #ff6600;
  box-shadow: 10px 0 0 #ff6600, -10px 0 0 #ff6600;}
  
  .Rank-classic {position: absolute; top: 135px; left: -150px;color:#fff; background: #f1c40f;
  box-shadow: 10px 0 0 #f1c40f, -10px 0 0 #f1c40f;}
  
  .Rank-real-head {position: absolute; top: 135px; left: -160px;color:#fff; background: #2ecc71;
  box-shadow: 10px 0 0 #2ecc71, -10px 0 0 #2ecc71;}
  
.Rank-super-og {position: absolute; top: 135px; left: -155px;color:#fff; background: #8e44ad;
  box-shadow: 10px 0 0 #8e44ad, -10px 0 0 #8e44ad;}
  
.Rank-the-creator {position: absolute; top: 135px; left: -166px;color:#fff; background: #7f8c8d;
  box-shadow: 10px 0 0 #7f8c8d, -10px 0 0 #7f8c8d;}
  
.Rank-the-creator { content: '\26a1'; } /* '⚡' */
 
 
 @media (min-width:768px){.MessageList .Item-Header .AuthorWrap,.MessageList.Conversation .Meta .AuthorWrap{float:left}
 
 .MessageList .Item-Header .Meta,.MessageList.Conversation .Meta .Meta{float:right}}
 

 
.PopList .Item {border-bottom:1px #eee solid; background-color:#fff;}

.DataList .Item {border-bottom:1px #eee solid; background-color:#fff;}

#vanilla_discussions_index .Item.Alt {background-color:#f3f3f3;}

#vanilla_discussion_index .BoxCategories, #vanilla_discussion_index .WhosOnline {display:none;}

#vanilla_discussion_index main , #vanilla_discussion_comment main {width:100%;}

#vanilla_discussion_index aside , #vanilla_discussion_comment aside {display:none;}


/* ============================================================== MessageList */
/* used for lists of message-based content (discussion comments, private
conversation messages, etc). 
#vanilla_discussion_index .page-content {width:100%;}
ul.MessageList li.Item {
   border-top: 1px solid #eee;
}*/


/*--------Meta Data Below Username ------------*/



.AuthorLocation {font-family: "rooney-web",sans-serif;color:#666; font-style:italic;font-size:14px;}

.PostCount, .Rank, .DateCreated,  .Category, .CommentFlag {font-family: Helvetica, Arial, sans-serif;text-transform: uppercase;}


 .Comment {
	border:none;
	margin-top:0;
	color:#666;
}

.AuthorInfo, 
.AuthorInfo a {
    color: #666;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom:30px;
   
}

.AuthorInfo a:hover {
    color: #F88A79;
}

.AuthorInfo {
    margin: 8px 0 15px;
}


 
 /*--------Username ------------*/
 
.Item .Username,.Conversation .Item .Name{font-weight:bold;color: #000; display: block;font-family: "brandon-grotesque";text-transform: uppercase;font-size: 22px;}

.MeBox .Username {font-weight:bold;color: #2c3e50; display: block;font-family: "brandon-grotesque";font-weight: bold;color: #2c3e50;font-size: 17px;text-transform: uppercase}
 
/*--------Comment Body ------------*/

.Message {font-family: "rooney-web",sans-serif; font-size: 17px; color:#333; line-height: 25px; -webkit-font-smoothing: antialiased;margin-bottom:40px;border-top:1px solid #eee;padding-top:20px;}

.Message a {text-decoration: underline;}

.Message a:hover {color:#ff6600;}

blockquote {
    background: rgba(0, 0, 0, 0.02);
    border-left: 4px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1em;
    padding: 1ex 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:12px;
}

.quote {margin:20px 0 20px 0;}
.Item-Header {border:none;padding: 40px 0 25px 45px;}
    
.Reactions {margin:0px;}

.VotingSort {margin:40px 0 40px 0}

 /*--------Author Post ------------*/

.MessageList .Item {border:none;}

 /*--------Commenter Post ------------*/

.ItemComment {margin-top:20px;}

.CommentHeading{
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: rgba(0,0,0,0.7);
	text-align: center;
	position: relative;
	z-index: 1;
}
.CommentHeading:before{
	content: "";
	height: 1px;
	width: 100%;
	background: rgba(0,0,0,0.1);
	display: block;
	position: absolute;
	top: 50%;
	z-index: -1;
}
.CommentHeading:after{
	content: "";
	height: 23px;
	width: 140px;
	background: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}



/*================
	Profile
==================*/

.Location {font-family: "rooney-web",sans-serif;color:#666; font-style:italic; font-size:16px;}

 .H {display:none;}

main .BoxProfileFilter {display:none}


.About {padding:20px; background:#fff;}

.ProfilePhotoLarge{width:50%; border-radius:50%; vertical-align: middle;}

.ProfileButtons {margin:20px;}

.CountTotal, .CountLabel {font-family: Helvetica, Arial, sans-serif;text-transform: uppercase;font-weight:bold;}

.CountItem.Selected {
  background: #2ecc71;
  border: solid 2px #27ae60;
  padding: 4px
}

#splist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 200px;
}

#splist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#splist li a { text-decoration: none; }
    
/*================
	Misc
==================*/

/* Circle Balls with #s */

.badge,.Alert{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#2ecc71;border-radius:10px;font-family: Helvetica, Arial, sans-serif;text-transform: uppercase;}

.Count {display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#7f8c8d;border-radius:10px;font-family: Helvetica, Arial, sans-serif;text-transform: uppercase;}


/* Tagging */


.TagCloud li a {
	font-weight: normal;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
}
.TagCloud li a:hover {
	color: rgba(0,0,0,0.5);
}
.Info {font-family: Helvetica, Arial, sans-serif;font-size:16px; }

.DiscTag {font-size:15px;margin-top:30px;font-family: Helvetica, Arial, sans-serif;}

.DiscTag a {text-decoration: underline}

.DiscTag ul {margin: 0; padding: 0; list-style-type: none;}

/*================
	search
==================*/


input#Form_Search1.Button {color:#fff;margin:20px 0 20px 0;background-color:#2ecc71;border:none;}

input#Form_Search1.Button:hover {background:#27ae60;}

span#SearchAgain a {color:#ff6600;}

span#SearchAgain a:hover {color:#666;}

.SphinxSearch h4 .title


/*================
	Forms
==================*/

.TextBox:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border: 2px solid #ff6600;
   box-shadow:none;
  font-family: Helvetica, Arial, sans-serif;

}

select {font-family: Helvetica, Arial, sans-serif;}

label {font-family: Helvetica, Arial, sans-serif;text-transform:uppercase;margin-bottom:20px;}

.MessageForm {background:#fff;padding:20px;margin-left:0px;border-top:1px #eee solid;}

.MessageForm img {display:none;}


/* Tables
================================================== */

.DataTable  {
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
    border-collapse: collapse;
    vertical-align: top;
    font-weight:bold;
    color: #414141;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
    width: 100%;
    margin-bottom:30px;
  
}

.DataTable td { font-family: "brandon-grotesque", sans-serif;text-transform: uppercase;}
    
.DataTable thead tr th {
    padding: 20px 20px 20px;
    font-size: 14px;
    font-weight: 700;
    color: white;
    font-family: "brandon-grotesque", sans-serif;
    text-transform: uppercase;
    letter-spacing: .07em;
    background:#95a5a6;
    text-transform: uppercase;
}

.DataTable tbody tr {
    padding: 0;
    vertical-align: top;
}

.DataTable tbody tr:nth-child(even) {
    background: #f2f2f2;
}


.DataTable tbody tr td {
    padding: 30px 1px 20px 20px;
}

.DataTable .marker {width:3%;font-size:20px;}

.DataTable .marker img {width:16px; height:16px;}

.DataTable .topic-heading {font-size:14px;font-weight:bold;text-transform:uppercase;line-height:15px;margin-bottom:0;font-family: "brandon-grotesque", sans-serif;text-transform: uppercase;}

.DataTable .avs {width:10%;}

.DataTable .topic-title {padding-right:30px;width:60%;font-size:14px; line-height:22px;font-weight:normal; font-family: "brandon-grotesque", sans-serif;text-transform: uppercase;}

.DataTable .topic-title .header {font-size:15px;line-height:22px;margin:5px 0px 0px 0px;font-weight:bold;letter-spacing:2px;}

.DataTable .started, .DataTable .last-reply-yes {font-size:11px;font-weight:normal;font-family: "brandon-grotesque", sans-serif; color:#666;text-transform: uppercase;margin-top:10px;letter-spacing:0px;text-transform: uppercase;}
.DataTable .started, .DataTable .last-comment, .DataTable .last-reply-yes a {letter-spacing: 0px;}
.DataTable .replies {font-size:40px;color:#999;text-align:center;}

.DataTable .last-comment {width:20%;font-family: "brandon-grotesque", sans-serif; color:#666;text-transform: uppercase; font-size:11px; font-weight:normal;}




/*===================================================================================*/
/*	GO TO TOP / SCROLL UP
/*===================================================================================*/

#scrollUp {
	bottom: 20px;
	right: 20px;
	font-size: 36px;
	line-height: 100%;
	color: #FFF;
	background-color: #666;
	padding: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	opacity: .5;
}
#scrollUp:hover {
	color: #f2632a;
	opacity: 1;
	
}

/******************************************************
  RESPONSIVE CSS
********************************************************/

@media (max-width: 1192px) { 
 
 .sticky-footer-body{margin-bottom:400px}
 
 }
 
 @media (max-width: 994px) { 
 
 .sticky-footer-body{margin-bottom:400px}
 
 }

/* Tablets and Small Computers */
 @media (max-width: 990px) { 
 
 .MessageList .Item{position:relative;padding:0;margin-bottom:20px;margin-left:-10px;}
 
 
 .MessageList .Item:hover,.MessageList .Item:focus{background-color:#fff}
 
 
 .MessageList .Item .Options{padding:10px 15px;margin-bottom:-10px}
 
 
 .MessageList .Item-Header .PhotoWrap{position:absolute;top:30px;left:0px}
 
 .MessageList.Conversation .Meta .PhotoWrap {position:absolute;top:0px;left:0px}
 
  .MessageList .Item-Header{color:#333;background-color:#fff;margin-left:45px;margin-top:20px;}
  
   .MessageList.Conversation .Meta {margin-left:45px;margin-top:20px;}
  
.PhotoWrap img, .CategoryBox .DataList .Item > .PhotoWrap .ProfilePhotoMedium,
.DataList .Item .Author > .PhotoWrap .ProfilePhotoMedium{
	width:50px;
	height:50px;
	border-radius: 50%;
}

.DateUpdated {display:none;}

 }

 /* Phones and down */
 @media (max-width: 480px) { 
 
 .sticky-footer-body{margin-bottom:500px}
 
 img { display: table-cell; max-width: 100%; }
 

 
 .MessageForm {padding:0px;}
 
 .ReactButton  {
  font-size: 8px;
  font-weight: normal;
  line-height: 1.4;
  padding: 1px 4px;
  margin:5px 0 1px 0;
 } 
.Item .Username,.Conversation .Item .Name{font-size: 18px;}

.AuthorLocation, .PostCount {display:none}


.Discussions .DataList .Item .Title a,
.Categories .DataList .Item .Title a,
.Profile .DataList.Discussions .Title a,
.Search .DataList .Item .Title,
.DataList .Users > a,
.DataTable a.Title,
.Categories .DataList .Category .Title{
	line-height:17px;	
	
}

.DraftButton, .BigButton {display:none;}

.PageTitle{font-size:17px;}

.PhotoWrap img, .CategoryBox .DataList .Item > .PhotoWrap .ProfilePhotoMedium,
.DataList .Item .Author > .PhotoWrap .ProfilePhotoMedium{
	width:50px;
	height:50px;
	border-radius: 50%;
}
.pagination>li>a,.pagination>li>span,.NumberedPager>a,.NumberedPager>span,.NumberedPager>div{padding:4px 10px;margin-bottom:20px;}

.SphinxSearch {margin:0px -20px 0 -20px;}

.SphinxSearch .MItem {float:left;}
 }
 @media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}