/*
Theme Name: TLC Legacy
Author: John Noe
Author URI: http://Johnnoe.com
Description: The Last Leaky…
Version: 8.01
Tags: buddypress

*/



/* RESET CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


a {color:#ffbd2e;text-decoration: none;}
a:hover {text-decoration: underline;}
ul {list-style-type: none;}

body{margin:0px; background: url("images/reddiamondback.jpg") fixed top left; z-index: 1;
background-size: cover;
font-family: 'Prociono', serif;
}

p {
margin: 10px 0px;
font-family: Helvetica, sans-serif;
}

table {
width:100%;
  border-spacing:0;
  border-collapse:collapse;
}

form {
clear: both;
}

thead tr{
background: rgba(0, 0, 0, 0.3);
}

thead th {
padding: 10px 2px;
}

tbody {
background: rgba(0, 0, 0, 0.1);
}

tbody td {
font-size: .9em;
}

.alignleft {
float: left;
margin: 0 15px 15px 0;
}

.posttext h3, .posttext h4, .posttext h5 {
margin: 15px 0;
font-size: 18px;
}

.posttext iframe {
    max-width: 100% !important;
}

twitter-widget {
    max-width: 100% !important;
    width: auto !important;
    margin: 20px auto !important;
    display: table !important;
}

.posttext>div {
    max-width: 100% !important;
    width: auto !important;
}

#toprowtop {
background: url("images/toprows.jpg");
height: auto; width: 100%; min-width: 980px;
}

#toprow { width:980px; margin-left: auto; margin-right: auto; height: 100px; margin-top: 0px; margin-bottom: 0px;}

#logo {background: url("images/Leakylogo_gold.jpg"); width: 221px; height: 98px; float: left; position: relative;}

#navrow { width:980px; margin-left: auto; margin-right: auto; padding: 0 0 50px 20px; height: auto;  margin-top: 8px; margin-bottom: 0px; display: table; }



#navrow a, h1 {
color:#540606;
text-decoration: none;
font-size: 20px;

}

#navrow a:hover {
color: black;
text-decoration:underline;

}
#navrow li {float: left; padding-right: 15px;}


#contentwell {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-top:-38px;
position: relative;

}

#graywell {position: relative; width:600px; float:left;
z-index: 1;
background-color: #222222;
-webkit-box-shadow: inset 0px 2px 10px black;
-moz-box-shadow: inset 0px 2px 10px black;
box-shadow: inset 0px 2px 10px black;
padding: 10px 20px 120px 20px;
color: white;
}

#graywell h2 {
font-size: 24px;
}


#graytitle {position:relative; margin-top: 5px;  float:left;}

#graytitle h1 {font-size: 24px; color:white; margin-top: 5px; margin-bottom: 5px; text-shadow: 0px 2px 3px black;
filter: dropshadow(color=black, offx=0, offy=2);  }

#socialbuts {width: 90px; height: 30px; position: relative; float: right; margin-top: 10px;}

.twitter {background: url(images/_twitter.png); height:26px; width: 26px; display: block; float: left;}
.twitter:hover {background: url(images/_twitter_mo.png);}

.facebook {background: url(images/_facebook.png); height:26px; width: 26px; display: block; float: left;}
.facebook:hover {background: url(images/_facebook_mo.png);}

.rss {background: url(images/_rss.png); height:26px; width: 26px; display: block; float: left;}
.rss:hover {background: url(images/_rss_mo.png);}


.post {position:relative; float:left; width: 600px; margin-top: 15px; overflow: hidden;}
.post p {display: block;}

.post ol {
padding: 20px 40px;
background: rgba(66, 66, 66, 0.53);
}

.post ol, .post img {
border-radius: 5px;
}

.post ol li {
padding: 10px;
}

.post img {
    margin: 0 20px 20px 0;
    max-width: 100%;
    display: table;
    height: auto !important;
}


.post h3 {
font-size: 18px;
}

.post a {
color: #ffbd2e !important;
}

.hometitle {position:relative; float:none;}

.posttitle h1 {font-size: 28px; color:#ffbd2e; margin-top: 0px; margin-bottom: 15px; text-shadow: 0px 2px 3px black;
filter: dropshadow(color=blackb, offx=0, offy=2);  }

.postimage img, #loginprompt img {-webkit-box-shadow: inset 0px 5px 8px #000000;
-moz-box-shadow: inset 0px 5px 8px #000000;
box-shadow: inset 0px 5px 8px #000000; -moz-border-radius: 8px;
border-radius: 8px; border-bottom: solid #555555 3px; border-top: solid black;
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

#loginprompt img {
margin-top: -3px;
}

.meta, .date {
color: #fff;

}

.meta {
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta:hover {
    height: auto;
}


.topcomment {
    display: table;
    width: 95% !important;
    margin-left: 5%;
    color: #828282 !important;
    margin: 15px 0px;
    clear: none;
    position: relative;
    padding-bottom: 25px !important;
}
.topcomment b {
    font-weight: bolder;
	color: white;
}

.topcomment img {
float: left;
margin: 0 10px 0 0;
border-radius: 5px;
}
.topcomment .more {
position: absolute;
bottom: 5px;
right: 5px;
}

textarea#comment {
width: 100%;
height: 100px;
}

.comment-respond input#submit, .option-archive a {
float: right;
font-size: 24px;
padding: 6px 20px;
}

.option-archive a:first-of-type {
float: left;}

#comments span {
color: #eee !important;
}

.tweetbox {margin-bottom: 18px;}
.facebooklike {position: relative; margin-top: 0px; float: none;  height: 30px;  overflow: hidden; min-width: 200px;}

.posttext {width:600px; margin-bottom: 15px; margin-top: 10px;display: block;}
.posttext, .posttext p {font-size: 16px; color: white; line-height: 24px; }

.commenter {width:50px; margin-left: 10px; height: 120px;}
.commenter img {
width: 50px; height: 50px;
-webkit-box-shadow: inset 0px 2px 5px #000000;
-moz-box-shadow: inset 0px 2px 5px #000000;
box-shadow: inset 0px 2px 5px #000000; -moz-border-radius: 5px;
border-radius: 5px; border-bottom: solid black; border-top: solid black;
 }
.commenter p {font-size: 10px; color: white; text-align: center}
.commenter h3 {font-size: 12px; font-weight: bold; color: #ffbd2e; margin-top: 3px; text-align: center}
.commentbub {float: left; margin-right: 5px; background: url(images/_commentbub_small.png); height: 16px; width: 20px;}

.comment_prev {min-height: 120px;}
.commentcount {
    background: url("images/_commentbub.png") no-repeat scroll 0 0 transparent;
    font-size: 12px;
    font-weight: bold;
    height: 29px;
    margin-right: 4px;
    margin-bottom: 8px;
    padding-top: 0px;
    text-align: center;
    color: black;
    width: 40px;
    float: left;
    }

.commentlast {line-height: 24px; color: #707070; margin-left: 75px;
    margin-top: -94px;}
.commentlast i {color:#ffbd2e;}

#graysep {
margin-bottom: 15px;
position: relative;
float: left;
background-color: #1e1e1e;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #373737;
width: 100%;
height: 2px;
}

#postsep {
display: block;
position: relative;
clear: both;
margin-bottom: 15px;
padding: 6px 6px 2px;
height: 20px;
background-color: #CCCCCC;
border-top: solid 2px #131212;
border-radius: 4px;
border-bottom: solid 2px #6F6F6F;
}


.uiGrid span {
  color: #E7E7E7 !important;
}

p.author {
  font-size: 14px;
  color: #E7E7E7;
  margin: 0;
}

#rightwell {position: relative; float: left; width:300px; margin: 5px 0 0 15px;}

.bbp-logged-in {
display: table;
width: 100%;

}

.bbp-logged-in img.avatar {width:35px;height: 35px;}

.bbp-remember-me input[type="checkbox"] {width:20px;}
.bbp-remember-me label {margin: 0 0 0 5px; color:#ffbd2e;font-size: 10px; display:block !important; }


.logout-link {margin-top:4px;display:table;}

#loginprompt { position: relative; width:310px;margin:1px 15px 10px 0; float:right; height:30px;}

#loginprompt .button {
position: absolute;
top: 5px;
right: 5px;
}

#loginprompt h1 {font-size: 14px; color:#ffbd2e; margin-top: 7px; float: left; text-shadow: 0px 1px 3px #2b2b2b;
filter: dropshadow(color=#2b2b2b, offx=0, offy=1); }

#loginprompt h2 {font-size: 12px; color:#ffbd2e; margin-top: 7px;}

.bbp-remember-me {float:left;}

.logininput, .bbp-username input[type="text"], .bbp-password input[type="password"], .input:-webkit-autofill, .editfield input   {
background-color: #350202;
margin: 3px 0 0 5px
-webkit-box-shadow: inset 0px 5px 8px #000000;
-moz-box-shadow: inset 0px 5px 8px #000000;
box-shadow: inset 0px 5px 8px #000000;
width:65px;
height: 20px;
-moz-border-radius: 6px;
border-radius: 6px;
border-style: none;
float: left; color: #f4c15d; font-size: 12px; padding-left: 4px; padding-right: 4px; text-align: right;
font-family: Helvetica, sans-serif;
}



.bbp-username, .bbp-password, .bbp-remember-me {
margin: 0 5px 0 0 !important;
display: table;
float: left;
}

#loginprompt label {
display: none;
}

.nav-buttons li {
float: left;
margin: 5px 0px 0px 5px;
}

.loginbutton, .button, input[type="submit"], .nav-buttons li a, #subnav a, .add, .join-group, .generic-button a {

	font-size: 14px;
	color: #450303;
	padding: 3px 8px;
	display: table;
	font-family: Verdana, sans-serif;
	background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#f4c25d);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#f4c25d));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 0px solid #b85f00;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px -1px 4px rgba(120,72,0,0.7);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px -1px 4px rgba(120,72,0,0.7);
	text-shadow:
		0px 2px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.loginbutton:hover, .button:hover {
		background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffedb8 25%,
		#fad155);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fff3db),
		color-stop(0.25, #ffedb8),
		to(#fad155));

}

.loginbutton:active, .button:active {

	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#d6c6a7 0%,
		#e3ac20 25%,
		#ff9900);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d6c6a7),
		color-stop(0.25, #e3ac20),
		to(#ff9900));

}




.roundpic {
border-radius: 16px;
box-shadow: 3px 4px 12px #000000;
}


.wellshadow {-webkit-box-shadow: 0px 2px 7px black;
-moz-box-shadow: 0px 2px 7px black;
box-shadow: 0px 2px 7px black;}


.sidebox {
display: table;
width: 90%;
min-width: 300px;
margin: 10px auto;
background: #540606; /* Old browsers */
background: -moz-linear-gradient(top, #540606 51%, #380404 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#540606), color-stop(95%,#380404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #540606 51%,#380404 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #540606 51%,#380404 95%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #540606 51%,#380404 95%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#540606', endColorstr='#380404',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #540606 51%,#380404 95%); /* W3C */

list-style-type: none;
}

.sidebox .wp-post-image {
width:75px;
height: 75px;
float: left;
margin:5px;
}

.sidebox h2 {
background: #9c6500; /* Old browsers */
background: -moz-linear-gradient(top,  #9c6500 0%, #e8a703 5%, #e5cd90 7%, #e8c25a 12%, #f1c240 90%, #9c6500 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c6500), color-stop(5%,#e8a703), color-stop(7%,#e5cd90), color-stop(12%,#e8c25a), color-stop(90%,#f1c240), color-stop(96%,#9c6500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9c6500 0%,#e8a703 5%,#e5cd90 7%,#e8c25a 12%,#f1c240 90%,#9c6500 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9c6500 0%,#e8a703 5%,#e5cd90 7%,#e8c25a 12%,#f1c240 90%,#9c6500 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9c6500 0%,#e8a703 5%,#e5cd90 7%,#e8c25a 12%,#f1c240 90%,#9c6500 96%); /* IE10+ */
background: linear-gradient(to bottom,  #9c6500 0%,#e8a703 5%,#e5cd90 7%,#e8c25a 12%,#f1c240 90%,#9c6500 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c6500', endColorstr='#9c6500',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 3px 4px 0px #000;
box-shadow: 0px 3px 4px 0px #000;
    display: block;
    font-size: 18px;
padding: 7px 10px;
margin-bottom: 10px;

    }
 .sidebox h3 {
background: #e0a24c; /* Old browsers */
background: -moz-linear-gradient(top,  #e0a24c 0%, #e2e2e2 7%, #f1c240 90%, #c99d4a 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0a24c), color-stop(7%,#e2e2e2), color-stop(90%,#f1c240), color-stop(96%,#c99d4a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0a24c 0%,#e2e2e2 7%,#f1c240 90%,#c99d4a 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0a24c 0%,#e2e2e2 7%,#f1c240 90%,#c99d4a 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0a24c 0%,#e2e2e2 7%,#f1c240 90%,#c99d4a 96%); /* IE10+ */
background: linear-gradient(to bottom,  #e0a24c 0%,#e2e2e2 7%,#f1c240 90%,#c99d4a 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a24c', endColorstr='#c99d4a',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 3px 4px 0px #000;
box-shadow: 0px 3px 4px 0px #000;
display: table;
font-size: 18px;
padding-bottom: 5px;
padding-left: 2%;
padding-top: 8px;
width: 98%;
height: 20px;
text-align: center;

 }

 .sidebox .dark {
 background:#540606;color:white;font-size:12px;
 }

 .choices {float:none;margin: 0px;display: table;
width: 100%;}

 .choices a {

	font-size: 14px;
	margin: 10px 10px 0 10px;
	display: block !important;
	background: #f5b74a;
	color: black;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0px solid #b85f00;c
	-moz-box-shadow:
	0px 3px 3px rgba(000,000,000,0.5),
	inset 0px -1px 4px rgba(120,72,0,0.7);
	-webkit-box-shadow:
	0px 3px 3px rgba(000,000,000,0.5),
	inset 0px -1px 4px rgba(120,72,0,0.7);

}

  .sidebox a:hover {}

  .sidebox h4 {background: url("images/gry_sidetitle.jpg") repeat-x;
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 2%;
    padding-top: 8px;
    width: 98%;
    height: 18px;
    -moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px -1px 4px rgba(120,72,0,0.7);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px -1px 4px rgba(120,72,0,0.7);
		}


#bignewsbox a{
display:table !important;
width:90%;
text-align: left;
font-size: 18px;
}

.colthree {width:500px; margin-top: 10px; float: left;}
.col-160 {width:160px; height: 600px; margin-top: 10px; position: relative; float: left; margin-left: 10px; overflow: hidden;}
#col-160 {width:160px; height: 600px; margin-top: 10px; position: relative; float: left; margin-left: 10px; overflow: hidden;}

#bignewsbox {width:300px; height: auto;}

#bignewsbox li {
display: table;
padding: 10px;
}

.ad-rec {width: 300px; height: 250px;}
.ad-sky {width: 160px; height: 600px;}
.ad-lead {width: 728px; background-color: black; position: relative; float: left; margin-top: 4px;}

.ad-rec, .ad-sky, .ad-rec div, .ad-sky div {
	padding: 0 !important;
}

.insite300 {width:300px;}



#logo {background: url("images/Leakylogo_gold.jpg"); width: 221px; height: 98px; float: left; position: relative;}


#footer {
position: relative; float: left; margin-top: 30px;
height: 75px; width: 100%; min-width: 980px; text-align: center;

}

#footer h1 {font-size: 14px; color:#ffbd2e; margin-top: 0px; margin-bottom: 5px; text-shadow: 0px 2px 3px black;
filter: dropshadow(color=blackb, offx=0, offy=2);
}


#bottomrow { max-width:800px; margin: 0 auto; padding: 10px 0; margin-top: 0px; margin-bottom: 0px; color: #ffbd2e; font-size: 10px;}
#footcover { background: #630f0f; /* Old browsers */
background: -moz-linear-gradient(top, #630f0f 0%, #3f0303 17%, #540606 82%, #210101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#630f0f), color-stop(17%,#3f0303), color-stop(82%,#540606), color-stop(100%,#210101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630f0f', endColorstr='#210101',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* W3C */
-webkit-box-shadow: 0px -2px 10px #270202;
-moz-box-shadow: 0px -2px 10px #270202;
box-shadow: 0px -2px 10px #270202; width: 445px;

z-index: 10500;
width: 100%; position: fixed; bottom: 0px; opacity: .97;}





#s {
float: left;
margin: 0px 10px 10px 10px;
height: 18px;
background: white;
width: 200px;
}


/* Archives */

.archive-sub-menu {
	display:none;
}

.selected {
}

.years {float: left;
margin: 3px;
background: rgb(105, 10, 10);
padding: 3px 5px;
-moz-border-radius: 8px;
border-radius: 8px;
}



/* Buddypress */

.security-question-section {
width: 100% !important;
}

#members-dir-search{
display: table;
float: right;
}

#members-dir-search label {
float: left;
}

#item-nav {
display: table;
width: 600px;
background: rgb(19, 19, 19);
padding: 4px 20px;
}

#item-nav li{
float: left;
padding: 5px 8px;
background: rgb(49, 49, 49);
-moz-box-shadow: 0px 3px 5px #000000;
box-shadow: 0px 1px 3px #000000; -moz-border-radius: 15px;
color: white;
font-size: 12px;

}

#item-nav li:hover {
background: rgb(66, 66, 66);
}

#item-nav li a{
color: #eee;
display: block;
}

#item-nav li a:hover{
color: #fff;
text-decoration: none;
}

#item-buttons div {
float: left;
margin: 5px 5px 0 0;
}

#item-header {
display: table;
width: 100%;
}

#item-header-avatar, .ac-reply-avatar {
float: left;
margin: 0 5px 15px 0;
}

#item-body {
margin-top:15px;
color: white;/*

display: table;
width: 94%;
padding: 3%;
background: #540606;
-moz-box-shadow: inset 0px 3px 5px #000000;
box-shadow: inset 0px 1px 3px #000000; -moz-border-radius: 15px;
border-radius: 15px; border-bottom: solid #555555; border-top: solid black;
*/

}


/* #item-body li a {float:left;margin-right:10px;} */

#item-body h4 {
font-size: 18px;font-weight: 800;color: #ffbd2e;
}


#item-body h3 {
clear: both;
padding: 10px 0px;
}

#item-body .yes,#item-body .no {
width:25px;
}

#item-body .title {
text-align: left;
}

#item-body .icon {
width:10px;
}



.item-list li {
    margin: 20px 0 10px;
}

.item-list-tabs li {
float: left;
margin: 0 2px 0;
}

.item-list-tabs ul {
display: table;
}

.action .meta, .item-meta, #item-header-content .highlight, .activity {
font-size: 12px;
color: #CCC;
}

#item-actions h3 {
float: left;
margin: 0 10px 0 0;
font-size: 12px;
}

#item-actions {
margin: 0 0 10px 0;
}

#item-body textarea {
clear: both;
float: none;
width: 520px;
height: 50px;
}

.profile li {float:none;}

.field-visibility-settings-notoggle, .field-visibility-settings-toggle {font-size: 10px;margin-top: 5px; color:#eee;}


.editfield, #avatar-upload, .sunk {
display: table;
width:93%;
background: rgb(29, 29, 29);
margin: 5px 0px;
padding: 10px 10px;
border-radius: 10px; border-bottom: solid #555555 1px; border-top: solid black 1px;
color: #eee;
}

.editfield label {
color: #ffbd2e;
font-size: 16px;
}

.editfield input, .editfield select  {
float: right;
width:50%;
}

input[type="radio"] {
width: auto;
float: none;
}

.profile-fields {width:100%;}

.bp-primary-action, .bp-secondary-action {float: left;
margin-right: 10px;}

#activity-stream li {
display: table;
padding: 10px 0px;
-moz-box-shadow: 0px 1px 0px rgb(17, 17, 17);
border-bottom: 2px solid rgb(49, 49, 49);
box-shadow: 0px 1px 0px rgb(17, 17, 17);
margin: 10px 0px;
width: 100%;
}


.avatar {
float: left;
margin: 0 10px 15px 0;
}

.item-list li {
margin: 10px 0;
display: table;
min-width: 300px;
}

.generic-button a {
font-size: 10px !important;
}



.activity-header, .activity-inner {
display: table;
}


.activity-content p {
margin-top: 0px;
}

.activity-meta {
clear: both;
display: table;
float: right;
margin-bottom: 10px;
}

.activity-meta a{
font-size: 10px;
}

#activity-filter-select {clear:both;}

#subnav {
margin-bottom: 15px;
}

#whats-new-avatar {
float: left;
margin-right: 10px;
}

#whats-new-submit {
float: right;
margin-right: 10px;
}

.time-since {
float: left;
font-size: 12px;
margin-bottom: 10px;
}

/*
.fb_iframe_widget {
display: table !important;
position: relative;
height: 20px;
width:300px !important;
margin: 10px 0;
}
*/

.fb_iframe_widget iframe, .fb_iframe_widget span {
width:300px !important;
}


#mobile_drop{
display: none;
}

/*
.facebooklike {
display: block;
border-radius: 10px;
padding: 5px 10px;
}
*/


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 600px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 568px) {


.lightbg {

background: #9e6400; /* Old browsers */
background: -moz-linear-gradient(top,  #9e6400 0%, #f5b74a 5%, #f9d475 95%, #804c01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e6400), color-stop(9%,#f5b74a), color-stop(95%,#f9d475), color-stop(100%,#804c01)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9e6400 0%,#f5b74a 5%,#f9d475 95%,#804c01 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9e6400 0%,#f5b74a 5%,#f9d475 95%,#804c01 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9e6400 0%,#f5b74a 5%,#f9d475 95%,#804c01 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9e6400 0%,#f5b74a 5%,#f9d475 95%,#804c01 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e6400', endColorstr='#804c01',GradientType=0 ); /* IE6-9 */
}

#loginprompt {
width: 548px;
margin: 10px 10px;
}

#graywell, .post, .posttext  {
width: 528px;
}

#contentwell {
width: 568px;
display: table;
margin: 0;
}

.video-container {
	width: 550px;
}

#toprowtop {
background: #222222;
}

#navrow {
margin: 0;
padding: 10px;
display: table;
width: 548px;
}

#loginprompt{
background: #630f0f; /* Old browsers */
background: -moz-linear-gradient(top, #630f0f 0%, #3f0303 17%, #540606 82%, #210101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#630f0f), color-stop(17%,#3f0303), color-stop(82%,#540606), color-stop(100%,#210101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630f0f', endColorstr='#210101',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #630f0f 0%,#3f0303 17%,#540606 82%,#210101 100%); /* W3C */
padding: 10px 10px;
margin: 0;

}

#loginprompt .button {
position: absolute;
top: 5px;
right: 5px;
}


#toprow {
width: 568px;
margin: 0;
}

#toprowtop {
display: table;
width:568px;
min-width: 568px;
}

.ad-lead {
width:320px;
clear: both;
}

#rightwell {
margin: 0 auto;
width: 568px;
}

#item-nav {
width:100%;
padding: 10px 0;
}

#item-body textarea {
width: 100%;
}


.bbp-username input[type="text"], .bbp-password input[type="password"]{
width:80px;
}


}



@media only screen and (max-width: 480px) {

#mobile_drop{
display: block !important;
font-size: 18px;
width: 90% !important;
}

#loginprompt {
  width: auto;
padding: 10px 10px;
margin: 0;
}

#graywell {
	padding: 20px;
	width: auto;
}

.choices {
	width: 90%;
}

.post, .posttext  {
  width: auto;
  padding:0px;
}

.post {
	padding:0px;
}

#contentwell {
  width: auto;
display: block;
margin: 0;
}



#navrow {
margin: 0;
padding: 0;
background-color: #ffbd2e;
display: inline-block;
width:100%;
}

#navrow ul {
  display: inline-block;
    margin: 10px;
}

#navrow li {
float: left;
padding: 4px 0;
width: 50%;
display: none;
}

#toprow {
width: auto;
  margin: 0;
}

#toprowtop {
display: table;
  width: 100%;
  min-width: 0;
  background: #222;
}

.ad-lead {
width:320px;
}

#rightwell  {
margin: 0 auto;
  width: auto;
}

#rightwell a, #rightwell div, #rightwell iframe {
    margin: 10px auto;
    display: table;
}

#item-nav {
width:100%;
padding: 10px 0;
}

#item-body textarea {
width: 100%;
}

.video-container {
	width: 100%;
}

twitterwidget {
	width: 300px !important;
}


}


@media only screen and (max-width: 320px) {

#loginprompt {
/* width: 300px; */
}

.bbp-login-form label {
width: 60px;
}

bbp-password input[type="password"] {
width: 50px !important;
}

#graywell, .post, .posttext  {
/* width: 280px; */
}




.ad-lead {
width:320px;
}

#item-nav {
width:100%;
padding: 10px 0;
}

#item-body textarea {
width: 100%;
}



}

.related-posts li {
    display: inline-block;
    margin: 10px 0 0;
    border: 1px solid #3c3c3c;
    background: #1b1b1b;
    padding: 10px;
    border-radius: 5px;
}

.related-posts li img {
    display: block;
    float: left;
    margin-right: 20px;
    height: 120px;
    width: 120px;
    border: 1px solid #696969;
    border-radius: 5px;
}