/* Layout */

#structure-layout {
	width:80%;
	max-width:1280px;
	min-width:960px;
	margin:auto;
	padding:15px 30px 30px;
}

#structure-menu {
	margin-bottom:30px;
}



#refresh-grid {



	display:grid;
	grid-template-columns:.5fr 1.5fr 1fr;
	gap:30px;


}




#structure-contextual {
	/*width:160px;
	float:left;
	margin-left:20px;
	position:relative;
	left:-420px;*/
	grid-column-start:1;
	grid-row-start:1;
}

#structure-content {
	/*width:400px;
	float:left;
	position:relative;
	left:180px;*/
	grid-column-start:2;
	grid-row-start:1;
}

#structure-promotional {
	/*width:336px;
	float:right;*/
	grid-column-start:3;
	grid-row-start:1;
}

#structure-footer {
	border-top:10px solid;
	margin-top:80px;
	padding: 20px 30px;
}

#structure-credits {
	padding: 20px 30px;
}


/* Share links */

#shareable-tools-header {
	background-color: #FFF;
	border:1px solid #999;
	border-bottom-color:#FFF;
    border-radius: 8px 8px 0 0;
    margin-bottom: -1px;
    overflow: hidden;
    padding: 9px 8px 4px;
    position: relative;
    width: 90px;
    z-index: 9999;
}

#shareable-tools {
	padding:5px;
	border:1px solid #999;
	overflow:hidden;
	-moz-border-radius:0 8px 8px 8px;
	border-radius:0 8px 8px 8px;
}

#shareable-tools ul li a {
	min-height:24px;
	display:block;
	font-weight:bold;
	font-size:1.1em;
	-moz-border-radius:5px;
	border-radius:5px;
	clear:both;
	padding:11px 3px 3px 3px;
	overflow:hidden;
}

#shareable-tools ul li a:hover {
	background-color:#E7E7FF;
}

#shareable-tools ul li a span {
	width:32px;
	height:32px;
	display:block;
	float:left;
	margin:-8px 6px 0 0;
	-moz-border-radius:3px;
	border-radius:3px;
	background-image:url('/shared/images/social/32.png');
	background-repeat:no-repeat;
}

#shareable-tools ul li a span.twitter {
	background-position:0 0;
}

#shareable-tools ul li a span.pinterest {
	background-position:0 -100px;
}

#shareable-tools ul li a span.facebook {
	background-position:0 -200px;
}

#shareable-tools ul li a span.google {
	background-position:0 -300px;
}


/* Follow us links */

.follow-us li {
	float:left;
}

.follow-us li a {
	background-image:url('/shared/images/social/48.png');
	display:block;
	width:48px;
	height:48px;
	margin:0 8px 0 0;
	-moz-border-radius:3px;
	border-radius:3px;
	text-indent:-9999px;
}

.follow-us li:last-child a {
	margin:0;
}

.follow-us li a.twitter {
	background-position:0 0;
}

.follow-us li a.pinterest {
	background-position:0 -100px;
}

.follow-us li a.facebook {
	background-position:0 -200px;
}

.follow-us li a.google {
	background-position:0 -300px;
}


/* Data table */

div.data {
	font-size:.85em;
	padding:5px;
	margin-bottom:10px;
}


/* Feature promo */

#featured-promo-header {
	background-color:#BBB;
	margin-bottom:-20px;
	padding:5px 15px 5px;
	border:none;
	z-index:9999;
	position:relative;
	-moz-border-radius:7px 7px 0 0;
	border-radius:7px 7px 0 0;
}

#featured-promo {
	margin-top:0px;
	width:400px;
	height:400px;
	position:relative;
}

#featured-promo > div {
	position:absolute;
	bottom:0;
	left:0;
	padding:12px 15px;
	width:370px;
	background-color:#000;
	color:#FFF;
	opacity:.7;
	font-size:1.25em;
	font-weight:bold;
}

#featured-promo:hover > div {
	opacity:.9;
}

#featured-promo > div a {
	color:#FFF;
	text-align:right;
	display:block;
}


/* CONTENT FORMS */

#structure-content fieldset {
	padding:10px;
	margin-bottom:10px;
}

#structure-content textarea {
	width:98%;
}

#structure-content label {
	margin-top:8px;
	display:block;
}

#structure-content label:first-child {
	margin-top:0px;
}

#structure-content div.actions {
	clear:both;
	display:block;
}

#structure-content div.actions button {
	float:right;
}

/* FORM ERRORS */

#structure-content ul.error {
	background-color:#FFC0CB;
	padding:15px 20px;
	border:3px solid #C00;
	-moz-border-radius:7px;
	border-radius:7px;
	margin-bottom:10px;
}

#structure-content .error-chrome {
	background-image:url('/shared/images/chrome/error-chrome.png');
	position:absolute;
	height:27px;
	width:27px;
	margin:-13px 0px 0px 250px;
}

/* TABS */

#structure-menu ul.tabs li {
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:-4px;
}

#structure-menu ul.tabs li a {
	display:block;
	padding:6px 12px 8px;
}

#structure-menu .neck {
	position:relative;
	z-index:1000;
}

/* BREADCRUMBS */

#breadcrumbs {
	margin-bottom:20px;
}

#breadcrumbs + div {
	padding-top: 20px;
}

#breadcrumbs li {
	padding-right:5px;
	float:left;
	font-weight:bold;
}

/* PAGINATION */

.pagination {
	margin:25px 0px;
	overflow:hidden;
}

.pagination li {
	float:left;
}

.pagination li a,
.pagination li span {
	text-decoration:none;
	display:block;
	font-weight:bold;
	width:23px;
	padding:3px;
	text-align:center;
	margin:4px;
	border:1px solid #999;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* COMMERCIAL */

.leaderboard-ad,
.mpu-ad,
.sky-ad,
.square-ad {
	background-color:#999;
}

.leaderboard-ad {
	/*width:728px;*/
	height:90px;
}

.mpu-ad {
	width:336px;
	height:280px;
}

.square-ad {
	/*width:336px;*/
	height:400px;
}

.sky-ad {
	/*width:160px;*/
	height:600px;
}

/* ITEMS */

.item {
	overflow:hidden;
	border-top:1px dotted #CCC;
	padding:20px 0px 3px 0px;
}

.item:first-child {
	border:none;
	padding-top:0px;
}

.item h3 {
	font-size:1.8em;
	margin-top:0px;
	line-height:1.2em;
}

/* PANEL RELATED */

.panel {
	margin-bottom:20px;
}

.panel h3 {
	color:#FFFFFF;
	padding:2px 0px;
	margin:0px;
}

.panel h3 span {
	padding:2px 12px;
}

.panel .inner {
	padding:20px;
	overflow:hidden;
}

.panel .inner ul li {
	margin-bottom:10px;
	clear:both;
}

.panel.image-list .inner ul li img {
	margin:0px 10px 10px 0px;
	float:left;
}

.panel.image-list .inner ul li strong {
	font-size:1.4em;
}

.panel.promote-first .inner ul li img {
    float: left;
    margin: 0 10px 15px 0;
}

.panel.promote-first .inner ul li:first-child strong {
    font-size:1.2em;
}

.panel .inner ul li:last-child {
	margin-bottom:0;
}

.panel .inner button {
	float:right;
}

.panel .inner #advanced-search-link {
	margin-top:5px;
	float:left;
	font-size:.75em;
	width:80px;
}

.panel .inner #advanced-search-link a {
	text-decoration:underline;
	cursor:pointer;
}

/* POLL PANEL */

.poll .pollText {
	margin:5px 0 0;
}

.poll .pollBar {
	background-color:#333;
	height:12px;
}

.poll .pollBackground {
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:#FFF;
	padding:1px;
}

#structure-content .poll .pollBackground {
	background-color:#DDD;
}

/* BASE COLORS */

body {
	background-color:#EEE;
}

.neck {
	background-color:#CCC;
	height:10px;
}

ul.tabs li {
	background-color:#EEE;
}

ul.tabs li.active {
	background-color:#CCC;
}

#structure-layout {
	background-color:#FFF;
}

#structure-menu {
	margin-bottom:20px;
}

#structure-footer {
	border-color:#CCC;
}

#structure-credits {
	background-color:#CCC;
}

.panel h3 {
	background-color:#666;
	color:#FFF;
}

.panel h3 span {
	background-color:#CCC;
}

.panel .inner {
	background-color:#EEE;
}

/* Buttons */

button,
a.button {
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 5px 8px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-weight:bold;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-linear-gradient(top,  #7db72f,  #4e7d0e);
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	background: linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

button:hover,
a.button:hover {
	text-decoration: none;
	background: #538018;
	background: -webkit-linear-gradient(top,  #6b9d28,  #436b0c);
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	background: linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

button:active,
a.button:active {
	position: relative;
	top: 1px;
	color: #a9c08c;
	background: -webkit-linear-gradient(top,  #4e7d0e,  #7db72f);
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	background: linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* Recent contributors */

#recent-contributors {

}

#recent-contributors > ul {
	 margin:0 0 -5px;
	 padding:5px 5px 0;
	 overflow:hidden;
	 background-color:#CCC;
	 border-radius:5px 5px 0 0;
	 float:left;
}

#recent-contributors > ul li {
	margin:0 0 0 5px;
	padding:7px 7px;
	border-radius:2px 2px 0 0;
	float:left;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-weight:bold;
	font-size:.9em;
	background-color:#DDD;
	background: #64991e;
	background: -webkit-linear-gradient(top,  #7db72f,  #4e7d0e);
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	background: linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	color:#FFF;
	max-width:110px;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	cursor:pointer;
}

#recent-contributors > ul li:first-child {
	margin:0;
}

#recent-contributors > ul li.active {
	background:#FFF;
	background: linear-gradient(top,  #EEE,  #FFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
	color:#333;
}

#recent-contributors > div {
	padding:5px;
	overflow:hidden;
	background-color:#CCC;
	border-radius:0 5px 5px 5px;
	clear:both;
}

#recent-contributors > div > div {
	background-color:#FFF;
	padding:10px;
	overflow:hidden;
}

#recent-contributors > div > div ul li {
	padding-top:10px ! important;
	clear:both;
}

#recent-contributors > div > div ul li:first-child {
	padding-top:0 ! important;
}

#recent-contributors > div > div ul li a {
	text-decoration:none;
}

#recent-contributors > div > div ul li img {
	width:55px;
	height:55px;
	float:left;
}

#recent-contributors > div > div ul li span {
	padding:5px 10px;
	float:left;
	width:295px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.45em;
	background-color:#EEE;
	height:45px;
}


/* Twitter link */

#follow-on-twitter-link {
	background:#369 url('/shared/images/social/twitter-fixed.png') 8px 16px no-repeat;
	width:40px;
	height:180px;
	position:fixed;
	right:0px;
	top:140px;
	z-index:99999;
	cursor:pointer;
	-moz-border-radius:7px 0px 0px 7px;
	border-radius:7px 0px 0px 7px;
	-moz-box-shadow:0px 0px 25px 5px rgba(0, 0, 0, .2);
	box-shadow:0px 0px 25px 5px rgba(0, 0, 0, .2);
}

#follow-on-twitter-link:hover {
	background-color:#258;
}

/* COMMENTS */

.comment {
	overflow:hidden;
	margin-bottom:20px;
}

.member-byline img.profile-image {
	background-color:pink;
	float:left;
	margin:0px 20px 0px 10px;
	width:60px;
	height:60px;
}

.member-byline h3,
.member-byline p {
	margin:0px;
}

.member-byline h3 img.speech-chrome {
	position:relative;
	width:30px;
	height:30px;
	top:-13px;
	left:10px;
	margin-bottom:-10px;
}

.comment-body {
	background-color:#FAF0BE;
	padding:10px;
	margin-bottom:10px;
	clear:both;
	border:3px solid #F0DC82;
	-moz-border-radius:7px;
	border-radius:7px;
}

.comment-body p:first-child {
	margin-top:0px;
}

.comment-body p:last-child,
.comment-body p.like-list {
	margin-bottom:0px;
}

.comment-body p.like-list {
	font-size:.85em;
	border-top:1px solid #F0DC82;
	padding-top:8px;
}

.comment-body .open-like-list,
.comment-body .close-like-list {
	cursor:pointer;
	width:9px;
	height:9px;
	position:absolute;
	margin:1px 0px -1px 1px;
}

/* GOOGLE AD */

.google-ad {
	padding:0px 0px 10px 13px;
	border:1px solid #999;
	-moz-border-radius:7px;
	border-radius:7px;
}