style.css

/* 
-----------------------------
Apocrypha Theme Stylesheet
-----------------------------
Theme Name: 	Apocrypha
Theme URI: 		http://tamrielfoundry.com
Description: 	Custom Tamriel Foundry parent WordPress theme.
Version: 		2.0
Tags: 			bbpress, buddypress
Author: 		Andrew Clayton
Author URI: 	http://tamrielfoundry.com
Updated:		4-22-2013
Copyright(c):	2013 Andrew Clayton.  All rights reserved.

----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset Browser Styles
2.0 - Primary Structure
	2.1 - Header
	2.2 - Content
	2.3 - Sidebars
	2.4 - Footer
3.0 - Non-structural Elements
	3.1 - Text Elements
	3.2 - Forms
	3.3 - Fields
	3.4 - Buttons
	3.5 - Media
	3.6 - Feedback Elements
4.0 - Navigation
	4.1 - Admin Bar
	4.2 - Breadcrumbs
	4.3 - Pagination
	4.4 - Footer Navigation
	4.5 - Forum Navigation
	4.6 - Tabbed Containers
5.0 - Posts and Pages	
	5.1 - Headers
	5.2 - Content
	5.3 - Comments
	5.4 - Respond
6.0 - Home Page
	6.1 - Posts Loop
	6.2 - Widgets
	6.3 - Showcase
7.0 - WordPress
	7.1 - Archives
	7.2 - Search
	7.3 - 404
	7.4 - Development FAQ
	7.5 - Calendars
	7.6 - 404 Page
8.0 - bbPress
	8.1 - Forums and Topics Loops
	8.2 - Single Topics
	8.3 - New Topic and Reply Forms
9.0 - BuddyPress
	9.1 - User Profiles
	9.2 - Profile Edit
	9.3 - Group Profiles
	9.4 - Directories
	9.5 - Private Messages
	9.6 - New User Registration
10.0 - Responsive Width
11.0 - Plugins
	11.1 - TinyMCE
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 - RESET BROWSER STYLES
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*---------------------------------------------
	1.1 - Import Custom Fonts
----------------------------------------------*/
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel-Regular'), url(http://themes.googleusercontent.com/static/fonts/cinzel/v2/mLL0ZqnXRx3m16FnBy9gcg.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptserif/v6/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/*--------------------------------------------------------------
2.0 - PRIMARY STRUCTURE
--------------------------------------------------------------*/
body {
	font-size: 100%;
	font-family: 'Palatino Linotype', 'Book Antiqua' , serif;
	font-weight: normal;
	line-height: 1.5em;
	color: #CCC;
	background-image: url("images/backgrounds/bg-loop.jpg");
	background-position: 50% 0;
	position: relative;
	}
div#header-container {
	width: 100%;
	height: 400px;
	background-image: url("images/backgrounds/tf-banner.jpg");
	background-repeat: repeat-x;
	background-position: 50% 0;
	}
div#main-container {
	width: 1200px;
	margin: 1em auto 0;
	clear: both;
	}
div#footer-container {
	width: 100%;
	float: left;
	margin: 1em 0 0;
	border-bottom: 1px solid #cc6600;
	box-shadow: 0 0 10px #000;
	}
	
	
/*---------------------------------------------
	2.1 - Header
----------------------------------------------*/
header#site-header {
	width: 1200px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	}
a#main-banner {
	width: 460px;
	height: 210px;
	display: block;
	background-image: url("images/headers/tf-header.png");
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	}

#div-gpt-ad-1414127616072-0 {
	width: 728px;
	height: 90px;
	position: absolute;
	top: 45px;
	right: 2px;
	}

/*---------------------------------------------
	2.2 - Content
----------------------------------------------*/
div#content {
	width: 900px;
	min-height: 400px;
	float: left;
	clear: left;
	margin: 0 0 1em 0;
	}
div#content.no-sidebar {
	width: 100%;
	}
	
/*---------------------------------------------
2.3 - Sidebars
---------------------------------------------*/	
div#primary-sidebar {
	width: 300px;
	float: right;
	clear: right;
	margin: 0 0 1em 0;
	}
	
/*---------------------------------------------	
2.4 - Footer
---------------------------------------------*/		
#footer-divider {
	height: 25px;
	background: rgba(51,51,51,0.75);
	background: -ms-linear-gradient(top, #555, #222);
    background: -moz-linear-gradient(top, #555, #222);
	background: -o-linear-gradient(top, #555, #222);
	background: -webkit-linear-gradient(top, #555, #222);
	border-top: 1px solid #777;
	border-bottom: 1px solid #444;
	color: #BBB;
	text-shadow: 1px 1px #000;
	text-transform: uppercase;
	box-shadow: 0 0 5px #000;
	}
div#footer {
	width: 750px;
	overflow: hidden;
	clear: both;
	margin: 1em auto;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	color: #BBB;
	text-align: center;
	}
	
	
/*--------------------------------------------------------------
3.0 - NON-STRUCTURAL ELEMENTS
--------------------------------------------------------------*/	

/*---------------------------------------------
	3.1 - Text Elements
----------------------------------------------*/
p { 
	margin: 0 0 1em 0;
	}

/* Links */
a {
	position: relative;
	color: #c5772b;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	cursor: pointer;
	}
a:hover { color: #ffb14c; }

/* Lists */
ul,
.reply-content ul {
	list-style: square;
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
	}
li > ul  {
	font-size: 1em !important;
	list-style: circle;
	margin: 0;
	padding: 0 0 0 1.5em;
	}
ol,
.reply-content ol {
	list-style: upper-roman;
	margin: 0 0 1em 0;
	padding: 0 0 0 2.5em;
	}
li > ol {
	font-size: 1em !important;
	list-style: decimal;
	margin: 0;
	padding: 0 0 0 1.5em;
	}
li > p {
	font-size: 1em !important;
	}

	
/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-shadow: 1px 1px #000;
	margin-bottom: 1em;
	}
h1 {
	font-family: Cinzel , 'Book Antiqua' , Serif;
	font-size: 1.75em; 
	font-weight: bold;
	text-shadow: 2px 2px #000;
	margin-bottom: 0.5em; 	
	}
h2 {
	font-size: 1.25em; 
	margin-bottom: 0.5em; 
	font-weight: bold; 
	}
h3 {
	font-family: Cinzel , 'Book Antiqua' , Serif;
	font-size: 1.25em; 
	margin-bottom: 0.5em;
	}
h4 {
	font-size: 1em;
	text-transform: uppercase; 
	margin-bottom: 0.5em;  
	}
h5 {
	font-size: 1em; 
	font-weight: bold; 
	}
h6 {
	font-size: 0.875em;
	margin-bottom: 0; 
	}

/* Stylings */
strong{
	font-weight:bold
	}
strong strong{
	font-weight:normal
	}
em,cite{
	font-style:italic
	}
em em,cite cite{
	font-style:normal
	}
big{
	font-size:120%
	}
small,sup,sub {
	font-size: 11px;
	position: relative;
	}
sup{
	vertical-align: top;
	bottom: 0.5em;
	}
sub{
	vertical-align: baseline;
	top: 0.5em;
	}
pre {
	font-size: 1.25em;
	}
	
/* Tables */
table {
	table-layout: fixed;
	margin: 1em auto;
	}
.entry-content table,
.reply-content table {
	background: rgba(17,17,17,0.5);
	border: 1px solid #333;
	border-radius: 3px;
	box-shadow: 0 0 5px #000;
	font-family: 'Open Sans';
	font-size: 0.8em;
	}
thead { 
	background: rgba(17,17,17,0.5);
	border-bottom: 1px solid #444;
	font-weight: bold; 
	}
thead h1, thead h2, thead h3 { margin-bottom: 0; }
tr, th, td {
	vertical-align: middle;
	text-align: center;
	}
td {
	padding: 0.5em 0;
	}
caption {
	font-size: .875em;
	font-style: italic;
	text-align: center;
	}

hr {
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255, 225, 132, 0.75), rgba(0,0,0,0));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255, 225, 132, 0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255, 225, 132, 0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255, 225, 132, 0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(255, 225, 132, 0.75), rgba(0,0,0,0)); 
}
	
/* Quotes */
blockquote {
	position: relative;
	float: left;
	margin: 0 1em 1em;
	padding: 0.5em 1em 0.5em 3em;
	font-family: 'Palatino Linotype' , 'Book Antiqua' , serif;
	font-size: 1em;
	color: #bbb;
	text-shadow: 1px 1px #111;
	background: rgba(17,17,17,0.25);
	border-radius: 3px;
	}
blockquote:before {
	position: absolute;
	top: 1em;
	left: 0.5em;
	font-family: FontAwesome;
	color: #222;
	text-shadow: 1px 1px #000;
	content: "\F10E";
	font-size: 1.5em;
	line-height: 0;
	margin: 0 0.25em;
	vertical-align: -0.25em;
	}
blockquote > p { margin: 0.5em 0; }
blockquote + * { clear: left; }

div.quote,
div.spoiler{
	width: 97%;
	margin: 0 auto 1em;
	padding: 0.5em 1%;
	position: relative;
	overflow: hidden;
	background: rgba(17,17,17,0.25);
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	color: #AAA;
	}
div.quote > *,
div.spoiler > * {
	clear: both;
	margin: 0.5em 0;
	}
p.quote-author,
p.spoiler-title {
	float: left;
	padding: 0 1em 0.5em;
	color: #BBB;
	text-shadow: 1px 1px #000;
	}
button.quote-toggle,
button.spoiler-toggle {
	position: absolute;
	right: 10px;
	}

/* Font-Awesome Icons */
i[class^="icon-"],
i[class*=" icon-"] {
	margin: 0 3px 0 0;
}
	
/* Double Borders */
.double-border {	position: relative; }
.double-border:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    box-sizing: border-box;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	}
.double-border.top:before {	top: 0; }
	
/* Alliances */
p.aldmeri { color: #C90; }
p.daggerfall { color: #33C; }
p.ebonheart { color: #900; }	


/*---------------------------------------------
	3.2 - Forms
----------------------------------------------*/
form {
	width: 100%;
	float: left;
	margin: 1em 0;
	}
form fieldset { clear: both; }
form ol {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	}
form ol li { 
	width: 100%;
	margin: 0.5em 0; 
	float: left;
	}
form p { margin: 0.5em 0; }
form li.honeypot {
	position: absolute;
	left: -999em;
	}
form .form-right,
form .form-left { 
	width: 45%; 
	float: left;
	clear: left;
	text-align: left;
	}
form .form-right { 
	float: right; 
	clear: right;
	text-align: right;
	}
form li.submit input[type="submit"],
form li.submit button {
	float: right;
	font-size: 1em;
	padding: 8px 16px;
	}
form ol li label { display: inline-block }
form li.wp-editor { margin: 0; }

form li.hidden { 
	margin: 0; 
	list-style: none;
	}
form li.submit { 
	float: right;
	margin: 0;
	list-style: none;
	}
	
/* Radios and Checkboxes */
.checkbox,
.radio {	position: relative;	}
ul.radio-options-list li {
	position: relative;
	margin: 0;
	list-style: none;
}
	
/*---------------------------------------------
	3.3 - Fields
----------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="url"],
input[type="file"],
input[type="search"],
select {
	height: 24px;
	line-height: 24px;
	padding: 3px 5px;
	background: #AAA;
	background: -ms-linear-gradient(top, #BBB, #b3a695);
	background: -moz-linear-gradient(top, #BBB, #b3a695);
	background: -o-linear-gradient(top, #BBB, #b3a695);
	background: -webkit-linear-gradient(top, #BBB, #b3a695);
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #111;
	font-family: Bitter, Georgia, serif;
	color: #111;
	}
input[type="text"]:focus,
input[type="url"]:focus,
input[type="password"]:focus {
	box-shadow: 0 0 3px #f90;
	}
	
/* Selects */
select { 
	height: 32px;
	padding: 5px;
	}
select option {	background: #b3a695;}

/* Radios and Checkboxes */
input[type="checkbox"], 
input[type="radio"] {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	cursor: pointer;
	opacity: 0;
	z-index: 100;
	}
input[type='radio'] + label, 
input[type='checkbox'] + label {
	position: relative;
	top: 0px;
	cursor: pointer;
	padding: 5px 3px 5px 24px;
	background: url("images/icons/checkboxes.png") 4px -50px no-repeat;
	}
input[type='checkbox']:hover + label,
input[type='checkbox']:hover + label,
input[type='checkbox'] + label:hover,
input[type='checkbox'] + label:hover {
	background-position: 4px -20px;
	}
input[type='radio']:checked + label, 
input[type='checkbox']:checked + label {
	background-position: 4px 9px;
	}
	
/* Text Areas */
textarea {
	width: 96%;
	max-width: 96%;
	margin: 0.5em 1%;
	padding: 0.5em 1%;
	background: rgba( 51,51,51,0.5);
	border: 1px solid #444;
	border-radius: 5px;
	box-shadow: 0 0 5px #000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #CCC;
	}
textarea:focus {
	border-color: #c60;
	box-shadow: 0 0 5px #c60;
	}
	
/* Text Selection */
::selection {
	background: rgba(204, 204, 204, 0.25);
	}
::-moz-selection {
	background: rgba(204, 204, 204, 0.25);
	}
	
/* Placeholder Values */
::-webkit-input-placeholder { color: #444; }
:-moz-placeholder { color: #444; }
::-moz-placeholder { color: #444; }
:-ms-input-placeholder { color: #444; }
	
/*---------------------------------------------
	3.4 - Buttons
----------------------------------------------*/
button,
input[type="submit"],
input[type="button"],
a.button {
	position: relative;
	display: inline-block;
	padding: 4px 5px;
	margin: 5px;
	background: #AAA;
	background: -ms-linear-gradient(top, #BBB, #b3a695);
    background: -moz-linear-gradient(top, #BBB, #b3a695);
	background: -o-linear-gradient(top, #BBB, #b3a695);
	background: -webkit-linear-gradient(top, #BBB, #b3a695);
	border: 1px solid #111;
	border-radius: 3px;
	box-shadow: 0 0 5px #000;
	font-family: 'Open Sans' , sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #111;
	cursor: pointer;
	}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover {
	color: #000;
	border: 1px solid #000;
	box-shadow: 0 0 5px #c60;
	}
a.button-dark,
button.button-dark {
	background: rgba(34,34,34,0.9);
	background: -ms-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
    background: -moz-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	background: -o-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	border: 1px solid #000;
	box-shadow: 0 0 2px #999 inset;
	color: #CCC;
	}
a.button-dark:hover,
button.button-dark:hover { color: #EEE; }

	
/*---------------------------------------------
	3.5 - Media
----------------------------------------------*/

/* Images */
img { max-width: 100%;}
.entry-content img,
.reply-content img {
	max-width: 99%;
	max-height: 600px;
	width: auto;
	margin: 0 3px;
	padding: 2px;
	border: 1px solid #333;
	border-radius: 2px;
	box-shadow: 0 0 8px #000;
	background: rgba( 17,17,17,0.5 );
	}
img.alignright, .wp-caption.alignright {
	float:right;
	clear: right;
	margin: 0 0 1em 2em;
	}
img.alignleft, .wp-caption.alignleft {
	float:left;
	clear: left;
	margin: 0 2em 1em 0;
	}
img.aligncenter, .wp-caption.aligncenter {
	display: block; 
	margin: 0 auto 1em;
	}
img.thumbnail {
	float: right;
	margin: 0 0 1em 1em;
	}
	
/* Image Links */
a img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	color: transparent;
	}
a img:hover  {
	background: rgba( 34,34,34,0.5 );
	box-shadow: 0 0 5px #c60;
	border-color: #000;
	}
	
/* Galleries */
.gallery {
	clear: both;
	overflow: hidden;
	margin: 0 auto 1em;
}
.gallery .gallery-item {
	float: left;
	margin: 0.5em 0 0;
	text-align: center;
}
.gallery-caption {
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	text-align: center;
	font-style: italic;
	color: #AAA;
}
.gallery-columns-0 .gallery-item { width: 100%; }
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }

/* Captions */
.wp-caption img {
	display: block;
	margin: 0 auto;
	}
.wp-caption .wp-caption-text {
	width: 98%;
	margin: 0 auto;
	padding: 3px 2px;
	background: rgba(17,17,17,0.25);
	border: 1px solid #111;
	border-top-color: #000;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 0 2px #555 inset;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	text-align: center;
	font-style: italic;
	color: #AAA;
	}
	
/* Avatars */	
img.avatar {
	float: left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	}
a.member-avatar.supporter > img {
	border: 2px ridge #000;
	padding: 0px;
	box-shadow: 0 0 8px #444;
	}
a.member-avatar.supporter.aldmeri > img,
div#profile-user a.member-avatar.supporter.aldmeri > img { box-shadow: 0 0 8px #C90; }
a.member-avatar.supporter.daggerfall > img,
div#profile-user a.member-avatar.supporter.daggerfall > img { box-shadow: 0 0 8px #33C; }
a.member-avatar.supporter.ebonheart > img,
div#profile-user a.member-avatar.supporter.ebonheart > img { box-shadow: 0 0 8px #900; }
	
/* Smileys */
img.wp-smiley {
	max-width: 15px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none !important;
	position: relative;
	top: 2px;
	box-shadow: none !important;
	}
	
/* Videos */
iframe,
object {
	display: block;
	margin: 0 auto 1em;
	padding: 2px;
	border: 1px solid #333;
	border-radius: 2px;
	background: rgba( 17,17,17,0.5 );
	}
.youtube { 	box-shadow: 0 0 8px #000; }
	
/*---------------------------------------------
	3.7 - Feedback Elements
----------------------------------------------*/
div.warning,
div.error,
div.updated,
div.success,
.instructions {
	width: 95%;
	margin: 1em 0;
	padding: 0.5em 2.5%;
	overflow: hidden;
	background: rgba(204, 153, 0, 0.5);
	border: 1px solid #FC0;	
	border-radius: 3px;
	box-shadow: 0 0 5px #000;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #000;
	}
div.warning:before,
div.error:before,
div.updated:before,
div.success:before {
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 5px;
	font-weight: normal;
	}
div.warning >p,
div.error > p,
div.updated > p,
div.success > p {
	font-size: 1em;
	display: inline-block;
	margin: 0; 
	}
	
/* Warnings */
div.warning:before {	content: "\F071"; }
div.warning a { color: #DDD; }

/* Updates */
div.updated {
	color: #CCC;
	background: rgba( 51,85,102,0.5);
	border: 1px solid #6cf;
	}
div.updated:before {	content: "\F024"; }

/* Errors */
div.error {
	background: rgba(51,0,0,0.5);
	border: 1px solid #900;
	color: #DDD;
	}
div.error:before {	content: "\F12A"; }

/* Instructions */
.instructions {
	float: left;
	background-image: url("images/backgrounds/dark-denim.jpg");
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	color: #BBB;
	border: 1px solid #000;
	box-shadow: 0 0 2px #444 inset;
	}
.instructions > h3 { float: left; }
.instructions > h3 + * { clear: left; }
.instructions > * { margin: 0.5em 0; }
.instructions > p,
.instructions > ul,
.instructions > ol { font-size: 1em !important; }

/* No Results */
p.no-results { 
	width: 98%;
	float: left;
	margin: 1em 1%;
}

/*--------------------------------------------------------------
4.0 - NAVIGATION
--------------------------------------------------------------*/	
nav#primary-menu {
	width: 1200px;
	height: 50px;
	overflow: visible;
	margin: -250px auto 0;
	}
div#menu-container {
	position: relative;
	height: 50px;
	margin: 0 0 0 130px;
	background: rgba(34,34,34,0.9);
	background: -ms-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
    background: -moz-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9)); 
	background: -o-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9)); 
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0 0 20px #000;
	z-index: 99;
	}
ul#top-menu {
	height: 48px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
	border-top: 1px solid #444;
	border-radius: 4px;
	}
	
/* Top level buttons */
ul#top-menu li.top {
	width: 25%;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 0 0 -1px;
	border-right: 1px solid #444;
	}
li.top > a {
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 0 0 0 1px;
	border-right: 1px solid #000;
	font-family: Cinzel , 'Book Antiqua' , Serif;
	font-size: 1.25em;
	color: #CCC;
	text-align: center;
	text-shadow: 1px 1px 3px #000;
	letter-spacing: -1px;
	}
ul#top-menu li#menu-forums { border-right: none; }
li#menu-forums > a { border-right: none; }
li#home > a { border-radius: 4px 0 0 4px; }
li.top:hover > a  {
	background: rgba(17,17,17,1);
	background: -ms-linear-gradient(top, rgba(51,51,51,1), rgba(17,17,17,1));
    background: -moz-linear-gradient(top, rgba(51,51,51,1), rgba(17,17,17,1));
	background: -o-linear-gradient(top, rgba(51,51,51,1), rgba(17,17,17,1));
	background: -webkit-linear-gradient(top, rgba(51,51,51,1), rgba(17,17,17,1));
	text-shadow: 0 0 20px #c60;
	}
li.top.drop i.drop-icon {
	display: block;
	position: absolute;
	top: 12px;
	right: 8px;
	}

/* Dropdown Containers */
li.top div.dropdown {
	position:absolute;  
	left: -999em;
	background: #999;
	background: -ms-linear-gradient(top, #999, #666);
    background: -moz-linear-gradient(top, #999, #666);
	background: -o-linear-gradient(top, #999, #666);
	background: -webkit-linear-gradient(top, #999, #666);
	border: 1px solid #000;
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 2px #AAA inset;
	color: #222;
	z-index: 90;
	}
div.dropdown.col1 { width: 100%; }
div.dropdown.col2 { width: 200%; }
div.dropdown.col3 { width: 300%; }
div.dropdown.col4 { width: 400%; }
li.top.drop:hover div.dropdown { left: -100% }
li.top.drop.right:hover div.dropdown { left: auto; }

/* Items Within A Dropdown */
div.dropdown.col1 div.sub.col { width: 100%; }
div.dropdown.col2 div.sub.col { width: 50%; }
div.dropdown.col3 div.sub.col { width: 33%; }
div.dropdown.col4 div.sub.col { width: 25%; }
div.dropdown.col5 div.sub.col { width: 20%; }
div.dropdown div.sub.col,
div.dropdown div.sub.full {  
    float: left;  
    position: relative;
	}
div.sub.col h3 {
	margin: 0.5em 1em 0;
	font-size: 0.875em;
	text-align: center;
	text-shadow: 0 0 20px #FFF;
	font-weight: bold;
	border-bottom: 1px solid #000;
	}

/* Submenus */
ul.submenu {
	list-style: none;
	margin: 0 1em 0.5em;
	padding: 0;
	border-top: 1px solid #BBB;
	font-size: 0.875em;
	text-align: center;
	}
ul.submenu li { padding: 3px 0; }
ul.submenu li > a { color: #111; }
ul.submenu li:hover > a { color: #FC6; }
ul.submenu.noheader { 
	margin-top: 0.5em;
	border-top: none; 
	}

/*---------------------------------------------
	4.1 - Admin Bar
---------------------------------------------*/			
nav#admin-bar {
	position: relative;
	width: 500px;
	height: 30px;
	float: right;
	margin: 0;
	padding: 3px 0;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #222;
	border-top: none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 20px #000;
	font-size: 0.875em;
	line-height: 30px;
	z-index: 100;
	}
	
/* Login */
div#admin-bar-login {
	max-width: 460px;
	float: left;
	padding: 0 5px;
	}
div#admin-bar-login img.avatar { 
	margin: 2px 3px 0 0; 
	padding: 0;
	box-shadow: 0 0 2px #000;
	}
div#admin-bar-login img.avatar:hover { box-shadow: 0 0 5px #c60; }
a.admin-bar-login-link,
button#login-submit {
	font-size: 10px;
	top: -2px;
	margin: 5px 0;
	}
span#logged-in-welcome {
	margin: 0 5px;
	}
form#top-login-form { margin: 0; }
input#username,
input#password {
	width: 75px;
	float: left;
	margin: 2px 3px 0 0;
	padding: 2px 24px 0 3px;
	font-size: 12px;
	background: #bbb;
	background-image: url("images/icons/login-icons.png"), -ms-linear-gradient(top, #BBB, #b3a695);
	background-image: url("images/icons/login-icons.png"), -moz-linear-gradient(top, #BBB, #b3a695);
	background-image: url("images/icons/login-icons.png"), -o-linear-gradient(top, #BBB, #b3a695);
	background-image: url("images/icons/login-icons.png"), -webkit-linear-gradient(top, #BBB, #b3a695);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	}
form#top-login-form input[type="password"] { background-position: 100% 1px; }


div#login-remember {
	float: left;
	position: relative;
	}
input#rememberme { 
	position: absolute;
	top: 8px;
	left: 2px;	
	}
label#remember-label {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin: 0 3px;
	padding: 0 0 16px;
	background-position: 3px -46px;
	}
label#remember-label:hover { background-position: 3px -16px; }
input#rememberme:checked + label#remember-label {	background-position: 3px 13px; }
div#top-login-error { display: none; }

/* Front-end Notifications */
ul#notifications-menu {
	float: right;
	list-style: none;
	margin: 3px 5px 0 0;
	padding: 0;
	position: relative;
	z-index: 90;
	}
li.notification-type {
	width: 24px;
	height: 24px;
	margin: 0 5px;
	float: left;
	background-image: url("images/icons/notifications.png");
	background-repeat: no-repeat;
	cursor: pointer;
	}
li#notifications-activity 		{ background-position: 0 0; 		}
li#notifications-activity:hover 	{ background-position: 0 100%; 		}
li#notifications-messages 		{ background-position: -24px 0; 	}
li#notifications-messages:hover 	{ background-position: -24px 100%; 	}
li#notifications-friends 		{ background-position: -48px 0; 	}
li#notifications-friends:hover 	{ background-position: -48px 100%; 	}
li#notifications-groups 			{ background-position: -72px 0; 	}
li#notifications-groups:hover 	{ background-position: -72px 100%; 	}
span.notifications-number {
	display: block;
	position: relative;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	top: -3px;
	right: -14px;
	font-size: 10px;
	background: #2e424d;
	color: #3cf;
	border: 1px solid #069;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
	}
	
/* Notification Dropdowns */
div.admin-bar-dropdown {
	visibility: hidden;
	width: 240px;
	margin: 31px 0 0;
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("images/backgrounds/denim.jpg");
	border: 1px solid #333;
	border-top: 1px solid #000;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 5px #000;
	opacity:0;
	-webkit-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
	-moz-transition: visibility 0s linear 0.25s, opacity 0.25s linear;
	transition: visibility 0s linear 0.25s, opacity 0.25s linear;
	}
.notification-type:hover > div.admin-bar-dropdown {
	visibility: visible;
	opacity: 1;
	}
div.admin-bar-dropdown ul {
	width: 100%;
	float: left;
	list-style: none;
	font-size: 0.875em;
	line-height: 1.25em;
	}
ul.notification-list {
	background-image: url("images/icons/notification-drop-arrow.png");
	background-repeat: no-repeat;
	border-bottom: 1px solid #000;
	margin: -13px 0 0;
	padding: 13px 0 5px;
	}
li#notifications-activity ul.notification-list { background-position: 120px 0; }
li#notifications-messages ul.notification-list { background-position: 154px 0; }
li#notifications-friends ul.notification-list 	{ background-position: 186px 0; }
li#notifications-groups ul.notification-list 	{ background-position: 220px 0; }
li.notification-entry {
	margin: 3px 10px 3px 20px;
	position: relative;
	}
li.notification-entry a { color: #CCC; }
li.notification-entry a:hover { color: #FC6; }
ul.notification-links {
	margin: 0;
	padding: 5px 0 0;
	border-top: 1px solid #444;
	}
ul.notification-links li { float: left; }
ul.notification-links li a { 
	margin: 2px 2px 0 0;
	padding: 4px 4px;
	}
ul.notification-links li:last-child a { margin-right: 0; }
a.clear-notification {
	float: right;
	position: relative;
	right: -10px;
	}	

/* Dropdown Search */
div#header-search {
	width: 24px;
	height: 24px;
	margin: 3px 5px 5px 0px;
	background-image: url("images/icons/notifications.png");
	background-repeat: no-repeat;
	background-position: 100% 0;
	float: right;
	position: relative;
	}
div#header-search:hover { background-position: 100% 100%; }
div#search-dropdown form.search-form {	
	margin: -13px 0 0;
	background-image: url(images/icons/notification-drop-arrow.png);
	background-repeat: no-repeat;
	background-position: 225px 0;
	}
div#search-dropdown label.search-label {
	display: block;
	width: 240px;
	margin: 10px 0 5px;
	text-align: center;
	font-size: 0.875em;
	}
div#search-dropdown input.search-text {
	display: block;
	width: 95%;
	margin: 0 auto;
	}

/*---------------------------------------------
4.2 - Breadcrumbs
---------------------------------------------*/
nav.breadcrumbs {
	float: left;
	margin: 0 0 0.5em 0;
	padding: 1px 1em;
	background: rgba( 17,17,17,0.9 );
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #666 inset;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	font-style: italic;
	letter-spacing: -1px;
	color: #AAA;
	}
nav.breadcrumbs > * { margin: 0 2px; }
nav.breadcrumbs > span.trail-before { 
	margin: 0;
	font-style: normal; 
	}

/*---------------------------------------------
4.3 - Pagination
---------------------------------------------*/	
nav.pagination {
	width: 100%;
	float: left;
	position: relative;
	z-index: 999;
	}
div.pagination-links {
	width: 50%;
	float: right;
	margin-right: 10px;
	text-align: right;
	}
div.pagination-count {
	float: left;
	margin-left: 10px;
	}
nav.pagination .page-numbers {
	padding: 2px 8px;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	box-shadow: 0 0 2px #666 inset;
	}
nav.pagination .page-numbers.current {
	background-image: url("images/backgrounds/light-denim.jpg");
	}
	
	
/*---------------------------------------------
4.4 - Footer Navigation
---------------------------------------------*/	
nav#footer-navigation {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}
a.footer-nav-item {
	width: 20%;
	float: left;
	margin: 1em 0;
	padding: 1%;
	text-align: center;
	background: rgba(51,51,51,0.75);
	background: -ms-linear-gradient(top, #555, #222);
    background: -moz-linear-gradient(top, #555, #222);
	background: -o-linear-gradient(top, #555, #222);
	background: -webkit-linear-gradient(top, #555, #222);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	}
a.footer-nav-item + a.footer-nav-item { margin-left: 3.0%; }
img.footer-nav-image {
	width: 100%;
	margin: -55% 0 0 0;
	}
a.footer-nav-item h3 {
	padding: 5px 0 0;
	margin: 0;
	color: #BBB;
	white-space: nowrap;
	}
a.footer-nav-item:hover h3 {
	color: #DDD;
	text-shadow: 1px 0 20px #c60;
	}
a.footer-nav-item:hover { box-shadow: 0 0 5px #c60; }
a.footer-nav-item:hover > img { 
	box-shadow: none;
	background: none;
	}
a.footer-nav-item h3.double-border.top:before { border-bottom: 1px solid #444; }
div#footer-anvil {
	height: 50px;
	width: 135px;
	margin: -13px auto 0;
	}
a#anvil-link {
	height: 50px;
	width: 100px;
	display: block;
	background: url("images/icons/footer-anvil.png") 0 100% no-repeat;
	}
a#anvil-link:hover { background-position: 0 0; }

/*---------------------------------------------
	4.5 - Forum Navigation and Controls
----------------------------------------------*/
nav.topic-pagination {
	width: auto;
	margin: 0;
	position: absolute;
	bottom: -4px;
	right: 8px;
	}
nav.topic-pagination .page-numbers {
	padding: 1px 5px;
	font-size: 12px;
	}
a.last-reply-link {
	float: right;
	color: #666;
	font-size: 1.25em;
	}
a.last-reply-link:hover {
	color: #C60;
	text-shadow: 0 0 10px #c60;
	}
	
/*---------------------------------------------
	4.6 - Tabbed Containers
----------------------------------------------*/
ul.tabs {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	padding: 0;
	overflow: hidden;
	list-style:none; 
	background: rgba(17,17,17,0.5);
	border: 1px solid #000;
	box-shadow: 0 0 2px #444 inset;
	border-radius: 3px;
	}
ul.tabs li {
	float:left;
	padding: 0.5em 2em;
	border-right: 1px solid #000;
	}
ul.tabs li + li { border-left: 1px solid #222; }
ul.tabs li:last-child { border-right: none; }

ul.tabs li > a,
ul.tabs li > span {
	width: 100%;
	display: block;
	font-family: Cinzel , serif;
	color: #BBB;
	text-align: center;
	text-shadow: 1px 1px #000;
	}
ul.tabs li:hover { background: rgba(51,51,51,0.2); }
ul.tabs li:hover > a {  text-shadow: 0 0 20px #c60; }
ul.tabs li.current { 
	background: rgba( 51,51,51,0.3 ); 
	border-right: 1px solid #000;
	}
ul.tabs li.current > a { text-shadow: 0 0 20px #c60; }
div.tab-content {
	width: 98%;
	float: left;
	padding: 0 1% 1em;
	}
	
	
/*--------------------------------------------------------------
5.0 - POSTS AND PAGES
--------------------------------------------------------------*/	
div.post,
div.page {
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
	}
	
/*---------------------------------------------
	5.1 - Headers
---------------------------------------------*/
header.entry-header {
	height: 100px;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	background-image: url("images/headers/post-headers.jpg");
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 20px #000;
	}

/* Sidebar Width Headers */
.post-header-1 { background-position: 0 0; }
.post-header-2 { background-position: 0 -100px; }
.post-header-3 { background-position: 0 -200px; }
.post-header-4 { background-position: 0 -300px; }
.post-header-5 { background-position: 0 -400px; }
.post-header-6 { background-position: 0 -500px; }
	
/* Home and Archive Headers */
.archive .post .entry-header { 
	height: 75px;
	margin: 0 0 0.5em 0;
	box-shadow: 0 0 8px #111;
	background-image: url("images/headers/home-headers.jpg");
	}
.archive .post .entry-header:hover {	box-shadow: 0 0 5px #c60; }
.home-header-1 { background-position: 0 0; }
.home-header-2 { background-position: 0 -75px; }
.home-header-3 { background-position: 0 -150px; }
.home-header-4 { background-position: 0 -225px; }
.home-header-5 { background-position: 0 -300px; }
.home-header-6 { background-position: 0 -375px; }

/* Full Width Headers */
.no-sidebar .entry-header { 
	background-image: url("images/headers/page-headers.jpg"); 
	}
.archive .entry-header { 
	height: 75px;
	margin: 0 0 0.5em 0;
	box-shadow: 0 0 8px #111;
	background-image: url("images/headers/home-headers.jpg");
	}
.page-header-1 { background-position: 0 0; }
.page-header-2 { background-position: 0 -100px; }
.page-header-3 { background-position: 0 -200px; }
.page-header-4 { background-position: 0 -300px; }
.page-header-5 { background-position: 0 -400px; }
.page-header-6 { background-position: 0 -500px; }

/* Alliance Specific Headers */
.entry-header.aldmeri { background-position: 0 0; }
.entry-header.ebonheart { background-position: 0 -100px; }
.entry-header.daggerfall { background-position: 0 -200px; }

	
/* Entry Title */
.entry-title {
	height: 65px;
	line-height: 65px;
	padding: 0 0.75em;
	margin: 0;
	}
.archive .entry-title  {
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 1.125em;
	}
.entry-title > a {
	display: block;
	padding: 0 0.5em;
	color: #ccc;
	}
	
/* Entry Byline */
p.entry-byline {
	height: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0 1em;
	font-size: 0.75em;
	font-style: italic;
	background: rgba(17,17,17,0.9);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
p.entry-byline a.member-avatar img.avatar { float: left; }
p.entry-byline img.avatar {
	margin: -13px 5px 0;
	padding: 0;
	box-shadow: 0 0 5px #000;
	}
p.entry-byline img.avatar:hover { box-shadow: 0 0 5px #f90; }
	
/* Post Edit Link */
a.post-edit-link {
	float: right;
	font-style: normal;
	}
.entry-header > a.button {
	position: absolute;
	top: 10px;
	right: 10px;
	}
	
/*---------------------------------------------
	5.2 - Content
---------------------------------------------*/
div.entry-content {
	width: 98%;
	float: left;
	padding: 0 1%;
	}
.archive .entry-content { padding-bottom: 40px; }

.entry-content p,
.entry-content ol,
.entry-content ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.80em;
	line-height: 2em;
	}
	
/* Indent on pages */
.singular .entry-content > p:first-child { text-indent: 2em; }

/*---------------------------------------------
	5.3 - Comments
---------------------------------------------*/
div#comments {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	}
header.discussion-header,
header.reply-header {
	width: 100%;
	float: left;
	height: 24px;
	position: relative;
	padding: 0.5em 0%;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 0 2px #444 inset;
	}
header.discussion-header > div {
	font-family: 'Cinzel' , sans-serif;
	font-size: 1.25em;
	}
header.discussion-header > h2 { 
	font-family: 'Cinzel' , sans-serif;
	margin: 0 0.6em; 
	float: left;
	font-weight: normal;
	}
header.discussion-header > a.backtotop { 
	float: right; 
	margin: 0 1em;
	}
header.discussion-header.noreplies { border-radius: 5px; }
ol#comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}
li.reply {
	width: 100%;
	float: left;
	margin: 0 0 0.5em 0;
	}
	
/* Comment Header */
header.reply-header {
	width: 98%;
	padding: 0.5em 1%;
	background: rgba(51,51,51,0.25);
	border-top: none;
	border-radius: 0 0 3px 3px;
	color: #BBB;
	}
li + li.reply header.reply-header {
	border-top: 1px solid #000;
	border-radius: 3px;
	}
time.reply-time {
	float: left;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	text-shadow: 1px 1px #000;
	}
	
/* Admin Links */
div.reply-admin-links {
	float: right;
	color: transparent;
	}
div.reply-admin-links a {
	float: left;
	margin: 0 0 0 5px;
	padding: 5px 10px;
	position: relative;
	top: -2px;
	}
div.reply-admin-links .reply-permalink {
	color: #BBB;
	padding: 0;
	top: -1px;
	}
a.report-post,
a.author-ip-toggle {
	margin: 0 0 0 8px;
	color: #b3a695;
	text-shadow: 1px 1px #000;
	}
a.report-post:hover,
a.author-ip-toggle:hover { color: #FC6; }
p.author-ip { display: none; }

/* Reply Author */
div.reply-body {
	width: 100%;
	float: left;
	margin: 0.5em 0 0;
	}
div.reply-author {
	width: 140px;
	float: left;
	text-align: center;
	}
.member-avatar img { 
	float: none; 
	margin: 0;
	}
.member-name {
	display: block;
	text-shadow: 1px 1px #000;
	word-wrap: break-word;
	}
div.user-block > p {
	margin: 0;
	font-size: 0.75em;
	}
div.user-block > p.user-guild,
div.user-block > p.user-title { font-style: italic; }
p.user-guild.entropy-rising { text-shadow: 1px 0 10px #0F0; }
p.user-title.daedric-prince,
p.user-title.moderator { text-shadow: 1px 0 10px #F30; }
p.user-title.zenimax-online { text-shadow: 1px 0 10px #F00; }
div.user-exp-container {
	width: 100px;
	height: 8px;
	clear: both;
	margin: 0 auto;
	background: #151515;
	border: 1px solid #000;
	border-radius: 4px;
	box-shadow: 0 0 2px #666 inset;
	}
div.user-exp-container div.user-exp-bar {
	height: 4px;
	margin: 2px;
	background: #69c;
	border-radius: 3px 2px 2px 3px;
	box-shadow: 0 0 2px #0CF inset;
	}

/* Reply Content */
div.reply-content {
	min-height: 175px;
	margin: 0 1em 0 150px;
	padding: 0 0 35px 0;
	position: relative;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	word-wrap: break-word;
	overflow: hidden;
	}
	
/* Revision Log */
ul.bbp-topic-revision-log,
ul.bbp-reply-revision-log {
	position: absolute;
	bottom: 0px;
	list-style: none;
	margin: 0;
	padding: 3px 0.5em 3px 2em;
	font-size: 12px;
	color: #999;
}
ul.bbp-topic-revision-log img.avatar,
ul.bbp-reply-revision-log img.avatar {
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 4px;
	border-radius: 0;
	opacity: 0.75;
	}
	
/* User Signature */
div.user-signature {
	clear: right;
	margin: 0 0 0 150px;
	border-top: 1px solid #000;
	}
div.user-signature div.signature-content {
	max-height: 150px;
	overflow: hidden;
	padding: 0.5em 0 0;
	border-top: 1px solid #333;
	font-size: 0.75em;
	color: #AAA;
	}
div.signature-content > p { margin: 0; }
div.signature-content img {
	max-height: 150px;
	width: auto;
	margin-bottom: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	}

/*---------------------------------------------
	5.4 - Respond
---------------------------------------------*/	
div#respond {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	}
header#respond-subheader {
	width: 98%;
	margin: 0 0 0.5em 0;
	padding: 0.5em 1%;
	float: left;
	background: rgba(51,51,51,0.25);
	border: 1px solid #000;
	border-top: none;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 0 3px #444 inset;
	color: #BBB;
	}
#respond input[type="submit"] {
	float: right;
	font-size: 14px;
	padding: 0.5em 1em;
	}
#respond form label { width: 125px; }
#respond form i[class^="icon-"] {	margin: 0 6px 0 0; }
	
/*--------------------------------------------------------------
6.0 - HOME PAGE
--------------------------------------------------------------*/	
div#showcase-container {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	}
div#showcase {
	width: 60%;
	float: right;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 20px #000;
	}
div#showcase-sidebar {
	width: 40%;
	float: left;
	}
	
/*---------------------------------------------
	6.1 - Posts Loop
----------------------------------------------*/
div#posts {
	width: 100%;
	float: left;
	}
header#home-posts-header { 
	margin: 0.5em 0;
	border-top: 1px solid transparent;
	}
h1#home-posts-title {
	width: 300px;
	position: relative;
	z-index: 99;
	line-height: 36px;
	margin: -19px auto 0;
	font-size: 1.25em;
	text-align: center;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 1px 1px #000;
	background: rgb(34,34,34); 
	background: -ms-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
    background: -moz-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -o-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -webkit-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	}
	
/* Posts Inside Loop */
.archive div.post,
.archive div.page {
	width: 49%;
	height: 300px;
	margin: 0 0 1em 0;
	float: left;
	border-bottom: 1px solid #333;
	}
.archive div.even { float: right; }
div.entry-content a img.thumbnail {
	float: right;
	margin: 5px 0 1em 0.5em;
	}
div.entry-excerpt {
	max-height: 170px;
	overflow: hidden;
	margin-right: 165px;
	color: #BBB;
	}
div.entry-excerpt > p {
	font-size: 0.75em;
	line-height: 2em;
	}
	
footer.entry-footer {
	height: 35px;
	width: 100%;
	position: absolute;
	bottom: 0;
	}
.archive footer.entry-footer { border-bottom: 1px solid #000; }
div.entry-meta {
	float: left;
	margin: -1px 0 0;
	padding: 1px 10px;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #444 inset;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	}
div.entry-meta > a { font-style: italic; }
a.comments-link {
	float: right;
	margin: 0;
	}
	
/*---------------------------------------------
	6.2 - Widgets
----------------------------------------------*/
div.widget {
	width: 95%;
	float: left;
	margin: 1em 5% 0 0;
	border-top: 1px solid #000;
	}
.sidebar div.widget {	margin: 1em 0 0.5em 5%;	}
header.widget-header {
	margin: 0 0 3px;
	border-top: 1px solid #333;
	}
h3.widget-title {
	width: 60%;
	margin: -17px auto 0;
	padding: 2px 1em;
	color: #BBB;
	font-size: 1em;
	text-align: center;
	background: rgb(34,34,34);
	background: -ms-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
    background: -moz-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -o-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -webkit-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	}
div.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	}
	
/* Recent Discussion Widgets */
li.recent-discussion { 
	margin: 3px 0; 
	clear: left;
	}
li.recent-discussion .discussion-avatar {	float: left; }
li.recent-discussion .discussion-avatar img { 
	margin: 0; 
	opacity: 0.5;
	padding: 0;
	border: 1px solid #000;
	box-shadow: 0 0 2px #000;
	}
li.recent-discussion div.recent-discussion-content{
	height: 50px;
	position: relative;
	margin: 0 0 0 60px;
	background-image: url("images/backgrounds/denim.jpg");
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #666 inset;
	font-size: 0.75em;
	line-height: 1.5em;
	}
li.recent-discussion.even div.recent-discussion-content { 
	background-image: url("images/backgrounds/light-denim.jpg");
	margin-right: 0.5em;
	}
li.recent-discussion span.recent-discussion-title {
	display: block;
	margin: 4px 0 0 -6px;
	padding: 0 0 0 14px;
	background-image: url("images/icons/recent-discussion-arrow.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-shadow: 1px 1px #000;
	}
li.recent-discussion time.recent-discussion-time {
	position: absolute;
	bottom: 5px;
	right: 8px;
	font-size: 10px;
	color: #999;
	}
li.recent-discussion:hover a.discussion-avatar img{ 
	box-shadow: 0 0 5px #c60;
	opacity: 1; 
	}	
	
/* Welcome Text */
div.welcome-text {
	width: 80%;
	margin: -0.5em 2.5% 0.5em 7.5%;
	padding: 0.5em 5%;
	background: rgba(17,17,17,0.75);
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #666 inset;
	color: #bbb;
	font-family: 'Open Sans' sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	font-style: italic;
	text-align: center;
	}
	
/* Social Media Links */
div.social-icons {
	width: 230px;
	margin: 0.5em auto;
	}
.social-icons a {
	display: block;
	height: 50px;
	width: 50px;
	float: left;
	margin: 0 0 0 5px;
	background-image: url("images/icons/social-icons.jpg");
	background-repeat: no-repeat;
	border: 1px solid #444;
	border-radius: 8px;
	box-shadow: 0 0 5px #000;
	}
.social-icons a:hover { border: 1px solid #c60; }
.social-icons a.facebook { background-position: 0 -50px; }
.social-icons a.facebook:hover { background-position: 0 0; }
.social-icons a.feed { background-position: -50px -50px; }
.social-icons a.feed:hover { background-position: -50px 0; }
.social-icons a.youtube {	background-position: -100px -50px; }
.social-icons a.youtube:hover {	background-position: -100px 0 }
.social-icons a.twitter { background-position: -150px -50px; }
.social-icons a.twitter:hover { background-position: -150px 0 }

p.tf-teamspeak {
	width: 100%;
	float: left;
	margin: 0.5em 0 0;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: center;
	}

/* Who's Online Widgets */
p.whos-online-total {
	margin: 0;
	clear: both;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	}
li.whos-online-member {
	float: left;
	margin: 0 3px 3px 0;
	padding: 1px 6px;
	border: 1px solid #000;
	border-radius: 5px;
	background-image: url("images/backgrounds/light-denim.jpg");
	box-shadow: 0 0 2px #666 inset;
	font-size: 0.75em;
	}
li.whos-online-member.even {
	background-image: url("images/backgrounds/dark-denim.jpg");
	}
	
/* Paypal Donation Widget */
div.paypal-donate-widget > p {
	margin: 0;
	clear: both;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	}
div.paypal-donate-widget > form { margin: 0; }
input#donate-image {
	width: 200px;
	display: block;
	margin: 0 auto;
	}
	
/* Featured Guild Box */
div#featured-guild { margin: 0 0.5em; }
a#featured-guild-avatar img.avatar{ margin: 0; }
div#featured-guild-meta {
	height: 100px;
	margin: 0 0 0 100px;
	text-align: center;
	}
div#featured-guild-meta a.member-name {
	margin: 3px 0;
	font-size: 0.875em;
	line-height: 1.25em;
	}
div#featured-guild-meta > p {
	margin: 0;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	}
	
/* Featured Stream Widget */
div#featured-stream {
	width: 90%;
	background: rgba( 17,17,17,0.75);
	padding: 5px 5%;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #444 inset;
	}
div#featured-stream > a.offline { color: #BBB; }
div#featured-stream > a.online { 
	color: #090;
	text-shadow: 0 0 10px #060;
	}
div#featured-stream > span.twitch-stream-count {
	display: block;
	float: right;
	padding: 3px 5px;
	
	}
	
/* Foundry Stats Counter */
div#stat-counter { 
	height: 350px; 
	margin-top: 0.5em;
	}
p.stat-counter-total {
	padding: 2px 10px;
	margin: 0;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	text-align: center;
	text-transform: uppercase;
	}
div#stat-counter div.banner-top {
	width: 100px;
	margin: 0 0 0.5em -5px;
	float: left;
	position: relative;
	background-image: url("images/backgrounds/counter-top.png");
	background-repeat: no-repeat;
	}
div.banner-top.aldmeri {	background-position: 0 0; }
div.banner-top.daggerfall { background-position: -100px 0; }
div.banner-top.ebonheart { background-position: -200px 0; }
div.banner-top div.banner-bottom {
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: -90px;
	background-image: url("images/backgrounds/counter-bottom.png");
	background-repeat: no-repeat;
	}
div.banner-bottom.aldmeri {	background-position: 0 0; }
div.banner-bottom.daggerfall { background-position: -100px 0; }
div.banner-bottom.ebonheart { background-position: -200px 0; }
a.banner-count {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	position: relative;
	top: -35px;
	background: rgba(17,17,17,0.9);
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 0 0 2px #666 inset;
	font-size: 1.25em;
	color: #EEE;
	text-align: center;
	}
div.aldmeri a.banner-count { text-shadow: 0 0 10px #FF0; }
div.daggerfall a.banner-count { text-shadow: 0 0 10px #0CF; }
div.ebonheart a.banner-count { text-shadow: 0 0 10px #F00; }
div.aldmeri a.banner-count:hover { 
	border: 1px solid #FF0;
	box-shadow: 0 0 10px #FF0;
	}
div.daggerfall a.banner-count:hover { 
	border: 1px solid #0CF;
	box-shadow: 0 0 10px #0CF; 
	}
div.ebonheart a.banner-count:hover { 
	border: 1px solid #F00;
	box-shadow: 0 0 10px #F00; 
	}

/*---------------------------------------------
	6.3 - Slideshow
----------------------------------------------*/
div.flexslider {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
ul.slides {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.flexslider .slides > li {
	display: none;
	position: relative;
	}
.flexslider .slides > li:first-child { display: block; }
.flexslider .slides img {
	width: 100%; 
	height: auto; 
	display: block;
	}
.flexslider .slides img:hover { box-shadow: none; }

/* Slideshow Tabs */	
ol.slideshow-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: rgb(34,34,34);
	background: -ms-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
    background: -moz-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -o-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	background: -webkit-linear-gradient(top, rgb(51,51,51), rgb(17,17,17));
	border: 1px solid #000;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 2px #666 inset;
	}
li.slideshow-tab {
	float: left;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid #444;
	margin-right: -2px;
	}
li.slideshow-tab + li { border-left: 1px solid #111; }
li.slideshow-tab:last-child { border-right: none; }
span.slideshow-tab-title {
	display: block;
	padding: 3px 0;
	font-family: Cinzel , 'Book Antiqua' , Serif;
	text-transform: uppercase;
	font-size: 0.875em;
	text-shadow: 1px 1px #000;
	}
span.slideshow-tab-title:hover {	text-shadow: 0 0 16px #c60;	}
li.flex-active span.slideshow-tab-title { 
	border-bottom: 2px groove #c60;
	padding-bottom: 1px;
	}
	
/* Captions */
.flex-caption {
	width: 200px;
	max-height: 80%;
	margin: 0.5em;
	padding: 0.5em;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(17,17,17,0.9);
	border: 1px solid #333;
	box-shadow: 0 0 5px #000;
	}
.flex-caption h2 {
	margin: 0;
	font-size: 1.125em;
	font-weight: normal;
	}
.flex-caption p.slide-content {
	max-height: 1px;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.75em;
	transition: all 1s ease;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	}
p.slide-content:before {	display: none; }
.flexslider:hover .flex-caption p.slide-content { 
	visibility: visible;
	max-height: 300px; 
	margin: 5px 0 0;
	padding: 5px 0 0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	}
.flexslider:hover .flex-caption p.slide-content:before { display: block; }
	
/* Arrow Navigation */
.flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.flex-direction-nav a {
	width: 30px; 
	height: 30px; 
	display: block; 
	background: url("images/icons/slideshow-nav.png") no-repeat 0 0; 
	position: absolute; 
	bottom: 10px;
	z-index: 10; 
	cursor: pointer; 
	text-indent: -9999px; 
	opacity: 0; 
	-webkit-transition: all .3s ease;
	}
.flex-direction-nav .flex-prev {
	left: -30px;
	}
.flex-direction-nav .flex-next {
	background-position: 100% 0; 
	right: -30px; 
	}
.flexslider:hover .flex-next {
	opacity: 0.9; right: 10px;
	}
.flexslider:hover .flex-prev {
	opacity: 0.9; left: 10px;
	}
.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	}

	
/*--------------------------------------------------------------
7.0 - WORDPRESS
--------------------------------------------------------------*/	
	
/*---------------------------------------------
	7.1 - Archives
----------------------------------------------*/
header#archive-header {
	width: 96%;
	float: left;
	margin: 0 0 1em 0;
	padding: 1em 2% 0;
	position: relative;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #666 inset;
	}
h1#archive-title {
	float: left;
	padding: 0 1em 0.25em 0;
	}
div#archive-description {
	clear: left;
	}
div#archive-author-info {
	width: 100%;
	float: left;
	}
div#archive-author-info div.reply-author { margin: 0 0 1em; }
div#archive-author-info div.reply-content { padding: 0; }
	
/*--------------------------------------------------------------
7.2 - ADVANCED SEARCH
--------------------------------------------------------------*/
form#advanced-search {
	width: 98%;
	margin: 0 1% 1em;
	}
form#advanced-search li > label {
	width: 150px;
	}
div#search-results {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	}
	
/*--------------------------------------------------------------
7.3 - 404 PAGE
--------------------------------------------------------------*/	

/*---------------------------------------------
7.4 - DEVELOPMENT FAQ
----------------------------------------------*/
#dev-faq ul.faq-tabs li {
	width: 10.9%;
	padding: 0.5em 0;
	}
#dev-faq div.faq-section {
	clear: both;
	margin: 0 0 1em 0;
	padding: 1em;
	background: rgba( 17,17,17,0.3);
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #444 inset;
	}
#dev-faq div.faq-section header { overflow: hidden; }
#dev-faq div.faq-section header h2 { 
	float: left; 
	margin: 0;
	}
#dev-faq div.faq-section header button.faq-collapse { 
	float: right; 
	margin: 0;
	}
#dev-faq div.faq-section ul { padding: 1em 0 0 2em; }
#dev-faq div.faq-section ul li { margin: 0 0 0.5em; }
#dev-faq div.faq-section ul li sup { margin-left: 5px; }


/*---------------------------------------------
	7.5 - CALENDARS AND EVENTS
----------------------------------------------*/
.taxonomy-calendar .entry-header {
	height: 100px;
	margin: 0 0 1em 0;
	background-image: url("images/headers/post-headers.jpg");
	box-shadow: 0 0 20px #000;
	}
.taxonomy-calendar .entry-title {
	height: 65px;
	line-height: 65px;
	padding: 0 0.75em;
	margin: 0;
	font-size: 1.75em;
	}
.taxonomy-calendar .entry-content { padding: 0;	}
h2.calendar-header {
	background: rgba( 17,17,17,0.5 );
	padding: 0.5em 1em;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #444 inset;
	overflow: hidden;
	}
ol.event-list {
	padding: 0;
	margin: 0;
	list-style: none;
	}
li.event {
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #000;
	overflow: hidden;
	}
li + li.event { border-top: 1px solid #444; }
li.event:last-child { border-bottom: none; }
div.event-datetime {
	width: 100px;
	height: 100px;
	float: left;
	background: rgba(17,17,17,0.5);
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 3px #444 inset;
	}
span.event-weekday,
span.event-monthday,
span.event-time {
	display: block;
	text-align: center;
	margin: 5px 0;
	font-size: 0.875em;
	}
span.event-monthday { font-size: 1.25em; }
div.event-content {
	width: 70%;
	float: left;
	margin: 0 2.5%;
	}
div.event-meta {
	width: 80px;
	height: 80px;
	margin: 10px;
	float: right;
	background: rgba(17,17,17,0.5);
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 3px #444 inset;
	}
span.event-attendance {
	display: block;
	padding: 15px 15px 5px;
	text-align: center;
	font-size: 1.5em;
	}
div.event-response {	text-align: center;	}
span.event-rsvp { font-size: 0.75em; }
span.event-role {
	display: block;
	width: 24px;
	height: 24px;
	float: right;
	}

/* Single Event */
div.event-details,
div.event-respondents {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	position: relative;
	}
h2.event-time {
	margin: 1em 0;
	width: 80%;
	}
.singular-event div.event-meta {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	}
form#calendar-rsvp-form {
	width: 98%;
	margin: 0 1% 1em;
	}
	
/*---------------------------------------------
	7.6 - 404 PAGE
----------------------------------------------*/
div#error-404 {
	width: 900px;
	height: 300px;
	margin: 2em auto;
	background-image: url("images/backgrounds/404-banner.jpg");
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 0 0 20px #000;
	overflow: hidden;
	}
p#tagline-404 {
	background: rgba( 17,17,17,0.5);
	padding: 0.5em 0;
	margin: 2em 0 1em;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 0 0 5px #000;
	}
form#search-404 {
	width: 60%;
	margin: 2em 20%;
	padding: 1em;
	background: rgba( 17,17,17,0.5);
	border-radius: 5px;
	float: left;
	}
form#search-404 input.search-text { 
	width: 75%;
	float: right;
	}
form#search-404 select#search-for {
	width: 20%;
	float: left;
	}	
	
/*--------------------------------------------------------------
8.0 - BBPRESS
--------------------------------------------------------------*/
div#forums,
div#bbpress-forums {
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	}
ol.forum,
ol.topics,
ol.topic {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #333;
	}
header#forum-header h1.entry-title {	font-size: 1.6em; }
div.forum-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	}
div.forum-actions form.forum-search {
	float:right;
	width: auto;
	margin: 0;
}
div.forum-actions span#subscription-toggle {
	display: block;
	float: left;
	margin: 2px 3px;
	}
div.forum-actions a.forum-create-topic { 
	float: left;
	margin: 2px 3px;
	}
	
header.forum-header {
	width: 100%;
	height: 24px;
	padding: 0.5em 0;
	overflow: hidden;
	background-image: url("images/backgrounds/dark-denim.jpg");
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #444 inset;
	font-family: 'Cinzel' , 'Palatino Linotype' , serif;
	font-size: 1.25em;
	}
header.forum-header h2 {
	margin: 0 10px;
	font-size: 1em;
	font-weight: normal;
	}
	
/*---------------------------------------------
	8.1 - Forums and Topics Loops
----------------------------------------------*/
ol.forum.category { 	border-bottom: none; }
ol.topic { border-bottom: none; }
li.sub-forum,
li.topic {
	width: 100%;
	height: 50px;
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	}
li + li.sub-forum,
li + li.topic { border-top: 1px solid #333; }
li.sub-forum:last-child {	border-bottom: none; }
div.forum-content  {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	border-right: 1px solid #333;
	margin-right: -1px;
	}
li.topic div.forum-content,
header.topics div.forum-content { width: 65%; }
h3.forum-title {
	margin: 0 10px;
	font-size: 1.125em;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	max-height: 1.5em;
	}
p.forum-description {
	margin: 2px 10px 0;
	font-size: 0.8em;
	font-family: 'Open Sans' , sans-serif;
	color: #bbb;
	text-shadow: 1px 1px #000;
	}
div.forum-count {
	width: 9.5%;
	height: 100%;
	float: left;
	margin: 0 -1px 0;
	border-left: 1px solid #000;
	border-right: 1px solid #333;
	text-align: center;
	}
li.sub-forum div.forum-count,
li.topic div.forum-count {
	line-height: 50px;
	font-size: 1.25em;
	text-shadow: 1px 1px #000;
	}
li.sub-forum:hover div.forum-count,
li.topic:hover div.forum-count { border-right: 1px solid #c5772b; }
li.sub-forum:hover div.forum-content,
li.topic:hover div.forum-content { border-right: 1px solid #c5772b; }
div.forum-freshness {
	width: 40%;
	height: 100%;
	float: left;
	border-left: 1px solid #000;
	margin-left: -1px;
	}
li.topic div.forum-freshness,
header.topics div.forum-freshness  { width: 25%; }
header.forum-header div.forum-freshness { text-align: center; }
div.forum-freshness > a.bbp-author-avatar {
	display: block;
	float: left;
	margin: -3px 7px 0;
	}
div.forum-freshness a.bbp-author-avatar img { margin: 0; }
div.freshest-meta {
	margin: 0 0 0 70px;
	}
a.freshest-title {
	display: block;
	height: 1.5em;
	overflow: hidden;
	margin: 0 0 2px;
	text-shadow: 1px 1px #000;
	}
div.freshest-meta span {
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	}
div.freshest-meta span.freshest-time { 
	float: right;
	font-size: 0.75em;
	color: #AAA;
	}
li.topic div.freshest-meta span.freshest-time {	float: left; }
a.topic-location { color: #bbb; }
a.topic-location:hover { color: #ffb14c; }


/* Special Topic Types */
li.sticky, li.super-sticky { background: rgba(13,13,13,0.4); }
li.sticky .forum-title:after,
#forum-header.sticky .entry-title:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\F08D";
	margin-left: 5px;
	font-weight: normal;
	}
li.super-sticky .forum-title:after,
#forum-header.super-sticky .entry-title:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\F0C6";
	margin-left: 5px;
	font-weight: normal;
	}
li.status-closed .forum-title:after,
#forum-header.status-closed .entry-title:after {
	font-family: FontAwesome;
	display: inline-block;
	content: "\F023";
	margin-left: 5px;
	font-weight: normal;
	}
	
/* Total Favorites Markers */
span.total-fav-count { 
	font-family: FontAwesome;
	margin: 0 5px; 
	color: #999;
}
.total-fav-count.heroic:before {	content: "\F091"; }
.total-fav-count.epic:before {	content: "\F091  \F091"; }
.total-fav-count.legendary:before {	content: "\F091  \F091  \F091"; }


/*---------------------------------------------
	8.2 - Single Topics
----------------------------------------------*/
div#subscription-controls {
	position: absolute;
	top: 7px;
	right: 10px;
	}
div#subscription-controls a,
span#subscription-toggle a {
	padding: 4px 5px;
	background: #AAA;
	background: -ms-linear-gradient(top, #BBB, #b3a695);
    background: -moz-linear-gradient(top, #BBB, #b3a695);
	background: -o-linear-gradient(top, #BBB, #b3a695);
	background: -webkit-linear-gradient(top, #BBB, #b3a695);
	border: 1px solid #111;
	border-radius: 3px;
	box-shadow: 0 0 5px #000;
	font-family: 'Open Sans' , sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #111;
	cursor: pointer;
	}
div.reply-admin-links > a:not( .reply-permalink ) {
	background: rgba(34,34,34,0.9);
	background: -ms-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
    background: -moz-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	background: -o-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.9), rgba(17,17,17,0.9));
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #999 inset;
	font-family: 'Open Sans' , sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #CCC;
	}
div.reply-admin-links > a:not( .reply-permalink ):hover {
	color: #EEE;
	border: 1px solid #000;
	box-shadow: 0 0 5px #c60;
	}
	
/*---------------------------------------------
	8.3 - bbPress Forms
----------------------------------------------*/
form#new-post { margin: 0 0 1em; }
form li#new-topic-title + li.wp-editor { margin: -1em 0 0; }
#respond input#bbp_topic_subscription + label { width: auto; }

/* Merge */
#respond #merge-options label { width: 200px; }

/* Split */
#respond #split-method label { width: 240px; }
#respond #split-options label { width: 200px; }


/*--------------------------------------------------------------
9.0 - BUDDYPRESS
--------------------------------------------------------------*/


/*---------------------------------------------
	9.1 - User Profiles
----------------------------------------------*/
header#profile-header { margin: 0; }
header#profile-header h1#profile-title { padding: 0 0 0 230px; }
header#profile-header p.entry-byline { padding: 0 0 0 230px; }
header#profile-header div#profile-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	}
div#profile-sidebar {
	width: 220px;
	float: left;
	margin: -96px 0 0;
	text-align: center;
	}
div#profile-user a.member-avatar img {
	background: #111;
	padding: 0;
	box-shadow: 0 0 8px #000;
	}
div#profile-user a.member-name {
	font-size: 1.5em;
	margin: 0.25em 0;
	}
div#profile-content{ margin: 0 0 1em 220px; }
div#profile-body{ 
	width: 100%;
	float: left;
	margin: 0 0 1em;
	}
div#user-profile { margin: 0 0 1em; }
	
/* Profile Menu */
nav#directory-nav {
	width: 98%;
	float: left;
	margin: -4px 1% 0;
	}
ul#directory-actions { 
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none; 
	}
ul#directory-actions > li {
	float: left;
	width: 10%;
	padding: 8px 0 4px;
	margin: 0 0.5% 0 0;
	background: rgba( 17,17,17,0.5);
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #333 inset;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 0.75em;
	}
.directory ul#directory-actions > li { width: 15%; }
ul#directory-actions > li:last-child { margin-right: 0; }
ul#directory-actions > li a {	
	display: block;
	width: 100%;
	color: #999; 
	text-align: center;
	}
ul#directory-actions > li:hover {
	background: rgba( 34,34,34,0.5 );
	box-shadow: 0 0 3px #c60;
	}
ul#directory-actions > li:hover a { color: #BBB; }
ul#directory-actions > li.selected,
ul#directory-actions > li.selected:hover {
	background: rgba( 51,51,51,0.5); 
	box-shadow: none;
	}
ul#directory-actions > li.selected a { 
	color: #BBB;
	text-shadow: 0 0 20px #c60; 
	}
ul#directory-actions > li a span {
	position: absolute;
	top: -12px;
	right: -5px;
	line-height: 16px;
	background: #252E33;
	color: #BBB;
	padding: 0 4px;
	margin: 0 2px;
	border: 1px solid #000;
	border-radius: 2px;
	box-shadow: 0 0 3px #000;
	}

/* Profile Header */
blockquote.user-status {
	width: 90%;
	float: left;
	margin: 0.5em;
	padding-right: 0;
	}
blockquote#profile-status {	margin: 1em 0.5em;	}
blockquote.user-status span.activity,
blockquote.user-status a.update-status-button {
	margin: 0;
	position: absolute;
	top: -10px;
	right: -40px;
	text-shadow: none;
	}
div#profile-widgets {
	width: 100%;
	float: left;
	clear: right;
	margin: 1em 0 0;
	}
div#profile-widgets div.widget {
	width: 30%;
	float: left;
	margin: 0 3.3% 0 0;
	}
div#profile-widgets div.widget > ul {
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	text-shadow: 1px 1px #000;
	}
div#detail-post-count ul li span { float: right; }
form#whats-new-form { 
	width: 98%;
	margin: 0 1% 0.5em;
	clear: none; 
	}
span.activity,
span.activity-count {
	padding: 0 4px;
	margin: 0 2px;
	background: #252E33;
	border: 1px solid #000;
	border-radius: 2px;
	box-shadow: 0 0 2px #111;
	font-family: 'Open Sans' , sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #BBB;
	}
span.activity { 
	float: left;
	padding: 1px 8px;
	border-radius: 3px; 
	line-height: inherit;
	text-shadow: none;
	}

/* Contacts */
ul.user-contact-list li span { 
	display: inline-block;
	width: 75px; 
	}

/* User Badges */
div#profile-badges ul.user-badges {
	width: 100%;
	float: left;
	}
ul.user-badges li.user-badge {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 5px 5px 0;
	background-image: url("images/icons/badges.jpg?v=0.1");
	border: 1px solid #111;
	border-radius: 3px;
	}
li.user-badge.founder 			{ background-position: 0 0; }
li.user-badge.veteran 			{ background-position: -50px 0; }
li.user-badge.character 			{ background-position: -150px 0; }
li.user-badge.tfteam 			{ background-position: 0 -100px; }

li.user-badge.posting.bronze 	{ background-position: 0 -50px; }
li.user-badge.posting.silver 	{ background-position: -50px -50px; }
li.user-badge.posting.gold 		{ background-position: -100px -50px; }
li.user-badge.author 			{ background-position: -150px -50px; }

li.user-badge.ermember 			{ background-position: -50px -100px; }
li.user-badge.zenimax			{ background-position: -100px -100px; }
li.user-badge.grouped 			{ background-position: -150px -100px; }

li.user-badge.aldmeri 			{ background-position: 0 -150px; }
li.user-badge.daggerfall 		{ background-position: -50px -150px; }
li.user-badge.ebonheart 			{ background-position: -100px -150px; }

li.user-badge.supporter 			{ background-position: -150px -150px; }


/* Character Biography */
div#user-biography {	
	width: auto;
	float: none;
	clear: left;
	margin: 0 320px 0 1em; 
	padding: 0;
	}
div#user-character {
	width: 300px;
	float: right;
	margin: 1em 0;
	}
div#character-sheet {
	width: 300px;
	height: 169px;
	margin: 0.5em 0;
	background-image: url("images/backgrounds/flags.jpg");
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 3px #111 inset;
	text-align: center;
	text-shadow: 1px 1px #000;
	}
div#character-sheet.aldmeri { background-position: 0 0; }
div#character-sheet.altmer { background-position: 0 -169px; }
div#character-sheet.bosmer { background-position: 0 -338px; }
div#character-sheet.khajiit { background-position: 0 -507px; }
div#character-sheet.daggerfall { background-position: -300px 0; }
div#character-sheet.breton { background-position: -300px -169px; }
div#character-sheet.orc { background-position: -300px -338px; }
div#character-sheet.redguard { background-position: -300px -507px; }
div#character-sheet.ebonheart { background-position: -600px 0; }
div#character-sheet.argonian { background-position: -600px -169px; }
div#character-sheet.dunmer { background-position: -600px -338px; }
div#character-sheet.nord { background-position: -600px -507px; }
div#character-sheet.neutral { background-position: 0 -676px; }
div#character-sheet.imperial { background-position: -300px -676px; }

div#character-sheet > ul {
	margin: 1em;
	background: rgba( 17,17,17,0.75 );
	padding: 0.75em 1em;
	text-align: left;
	font-size: 0.8em;
	border: 1px solid #111;
	border-radius: 3px;
	box-shadow: 0 0 5px #000;
	}
div#character-sheet > ul li span { 
	display: inline-block;
	width: 50px;
	margin: 0 0 0 3px; 
	}
	
/* Notifications */
ol#notifications-list {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
li.notification {
	width: 100%;
	float: left;
	padding: 0.5em 0;
	border-bottom: 1px solid #000;
}
li + li.notification {	border-top: 1px solid #333; }
li.notification:last-child {	border-bottom: none; }
div.notification-content {
	width: 75%;
	float: left;
	margin: 0 1%;
	}
div.notification-content > span.activity { float: right; }
div.notification-actions {
	width: 15%;
	float: right;
	text-align: right;
	margin: 0 1%;
	}
div.notification-actions > a { margin: 0; }
div#notifications-actions {
	width: 100%;
	float: right;
	margin: 0.5em 0 1em;
	text-align: right;
	}
	
/* Infraction Form */
ol.infraction-list {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
li.infraction-entry {
	background: rgba( 17,17,17,0.5);
	padding: 1em;
	margin: 0 0 1em 0;
	border: 1px solid #000;
	border-radius: 5px;
	box-shadow: 0 0 2px #444;
	overflow: hidden;
	position: relative;
	}
li.infraction-entry header {
	width: 100%;
	float: left;
	margin: 0 0 0.5em;
	}
li.infraction-entry div.infraction-content {
	width: 100%;
	float: left;
	}
li.infraction-entry p { margin: 0; }
li.infraction-entry span.infraction-meta {
	padding: 0.25em 1em;
	background: rgba(51,0,0,0.75);
	}
li.infraction-entry span.infraction-mod { 
	float: right;
	font-size: 0.875em;
	}
li.infraction-entry span.mod-note-meta { padding: 0.25em 1em; }
li.infraction-entry a.clear-infraction,
li.infraction-entry a.clear-mod-note { 
	position: absolute;
	bottom: 5px;
	right: 5px;
	}

/*---------------------------------------------
	9.2 - Edit Profile
----------------------------------------------*/
form#edit-profile-form {
	width: 98%;
	margin: 0 1% 1em;
	}
form#edit-profile-form > ol {
	margin: 0 0 1em;
	padding: 0 0 0 2em;
	list-style: decimal;
	}
form#edit-profile-form > ul.edit-submit { list-style: none; }
form#edit-profile-form label {	min-width: 200px; }
	
	
/*---------------------------------------------
	9.3 - Group Profile
----------------------------------------------*/
h1#profile-title.guild-name { font-size: 1.6em; }
div.group-profile-content ul#directory-actions > li { width: 15%; }
span#guild-activity {
	position: relative;
	top: 4px;
	}
div#profile-widgets.guild-profile-widgets { margin-top: 2em; }
div.guild-leaders ul {
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
div.guild-leaders ul li { margin: 0.5em 0; }
div.guild-leaders img.avatar {
	float: left;
	}
div.guild-leaders span.leader-name {
	display: block;
	margin: 0 0 0 70px;
	font-size: 1.125em;
	text-shadow: 1px 1px #000;
	line-height: 55px;
	}
div.guild-style-icons {
	float: left;
	position: relative;
	left: 50%;
	margin: 5px 0 0;
	}
div.guild-style-icons ul {
	float: left;
	position: relative;
	left: -50%;
	list-style: none;
	margin: 0;
	padding: 0;
	background: rgba(17,17,17,0.5);
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 3px #666;
	}
div.guild-style-icons.casual ul { box-shadow: 0 0 3px #4682B4; }
div.guild-style-icons.moderate ul { box-shadow: 0 0 3px #FFA500; }
div.guild-style-icons.hardcore ul { box-shadow: 0 0 3px #800000; }
li.guild-style-icon {
	display: block;
	height: 24px;
	width: 24px;
	float: left;
	margin: 1px;
	background-image: url("images/icons/guild-style-icons.png");
	}
li.guild-style-icon.pvp { background-position: 0px 0px; }
li.guild-style-icon.pve { background-position: -24px 0px; }
li.guild-style-icon.rp { background-position: -48px 0px; }
li.guild-style-icon.crafting { background-position: -72px 0px; }
a#group-status-button { margin: 0.5em 1em; }

/* Guild Send Invites */
div#invited-list,
div#invite-list {
	width: 20%;
	float: left;
	margin: 1em 5%	1em 0;
	}
div#invited-list { 
	width: 75%;
	margin: 1em 0 0 0; 
	}
ul#friend-list { border-bottom: none; }
ul#group-invite-list {
	margin: 0 1em;
	padding: 0;
	list-style: none;
	}
ul#group-invite-list > li { position: relative; }
div#group-invite-submit { float: right; }
	
/* Guild Administration Screens */
form#group-settings-form,
form#request-membership-form { margin: 0; }

/* Guild Creation Form */
form li#previous {
	float: left;
	text-align: left;
	}
form li#previous > button { float: left; }

/* Guild Submission Page */
ol#group-create-list {
	list-style: decimal;
	padding: 0 0 0 2em;
	}
ol#group-create-list li.text label,
ol#group-create-list li.select label { width: 200px; }
	
/*---------------------------------------------
	9.4 - Directories
----------------------------------------------*/
header#directory-header { margin: 0; }
#subnav { 
	width: 100%;
	float: left;
	position: relative;
	margin: 1em 0 0;
	border-radius: 3px;
	}
form.dir-form { margin: 0 0 1em; }
div.directory-search { 
	position: absolute;
	top: 10px;
	right: 10px;
	}
ul.directory-list {
	width: 100%;
	float: left;
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #333;
	}
ul.directory-list > li {
	width: 100%;
	float: left;
	padding: 0.5em 0;
	border-bottom: 1px solid #000;
	}
ul.directory-list > li + li {
	border-top: 1px solid #333;
	}
ul.directory-list li.load-more { border-bottom: none; }
form#activity-loop-form { margin: 0; }

/* Members Directory */
div.directory-member {
	width: 250px;
	padding: 0 10px;
	float: left;
	text-align: center;
	}
div.directory-content {
	margin: 0 0 0 275px;
	}
#subnav div.filter {
	position: absolute;
	top: 5px;
	right: 8px;
	}
li.directory-entry span.activity { margin: 5px; }
li.directory-entry div.actions { float: right;	}

div.directory-member a.member-avatar { float: left; }
div.directory-member a.member-avatar > img { float: left; }
div.directory-member div.member-meta { margin: 4px 0 0 115px; }

/* Activity Directory */
ul#activity-stream { border-bottom: none; }
ul#activity-stream li:last-child { border-bottom: none; }
div#activity-status { 
	width: 98%;
	float: left;
	margin: 1em 1% 0; 
	}
div#activity-status a.member-avatar { 
	float: left; 
	margin: 5px 0 0;
	}
div#activity-status blockquote#profile-status { 
	width: 85%;
	float: left;
	}
header.activity-header {
	width: 100%;
	float: left;
	}
header.activity-header > p {
	float: left;
	position: relative; 
	padding: 0 0 0.5em;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	color: #999;
	border-bottom: 1px solid #333;
	}
header.activity-header > p:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    box-sizing: border-box;
	border-bottom: 1px solid #000;
	}
blockquote.activity-content {
	float: left;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	}
span.activity-quote-mention {
	background: rgba(17,17,17,0.75);
	padding: 0.5em 1em;
	margin: 0 0 0.5em;
	font-style: italic;
	border: 1px solid #000;
	border-radius: 3px;
	box-shadow: 0 0 2px #444 inset;
	}

/* Groups Directory */
a#create-guild-button {
	top: 8px;
	right: 160px;
}
div.group-avatar-block {
	width: 110px;
	float: left;
	}
div.guild-description {
	color: #BBB;
	font-family: 'Open Sans' , sans-serif;
	font-size: 0.8em;
	width: 100%;
	float: left;
	}
div.guild-description img { max-height: 200px; }
		
/* Activity Comments */
div.activity-comments ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
li.activity-comment span.recent-discussion-title { margin: 8px 0 4px -6px; }	
li.activity-comment div.recent-discussion-content {
	height: auto;
	position: relative;
	}
div.acomment-options {
	position: absolute;
	top: 1px;
	right: 1px;
	}
div.acomment-content {
	margin: 0.5em 1em;
	}
div.acomment-content > p { margin: 0; }
form.ac-form {
	margin: 0;
	display: none;
	}


/*---------------------------------------------
	9.5 - Private Messages
----------------------------------------------*/
div.message-search {
	position: absolute;
	top: 6px;
}

/* Messages Loop */
ol#message-threads {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #333;
}
li.message {
	width: 100%;
	height: 50px;
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #000;
	}
li + li.message { border-top: 1px solid #333; }
li.message div.forum-content { width: 75%; }
li.message div.forum-freshness { width: 25%; }
span.unread-count {
	font-family: 'Open Sans' sans-serif;
	font-size: 0.75em;
	}
li.message a.member-avatar {
	display: block;
	float: left;
	margin: -3px 7px 0;
	}
li.message div.freshest-meta span.freshest-time { float: left; }
div.thread-options {
	position: absolute;
	top: 0;
	right: 0;
	}
div.messages-options-nav {
	margin: 1em 0;
	float: right;
	}

/* Compose */
form#search-message-form { margin: 0; }
form#send_message_form li.text label { width: 100px; }
ul#message-recipients {
	margin: 0;
	list-style: none;
	}
ul#message-recipients li {
	width: auto;
	float: left;
	margin: 0;
	padding: 0.25em 0.5em;
	background: rgba( 17,17,17,0.5 );
	border: 1px solid #333;
	border-radius: 3px;
	box-shadow: 0 0 2px #000;
	}
	
/* Single Message */
header#message-header > span#message-participants {
	float: left;
	margin: 0 1em;
	font-family: 'Open Sans';
	font-size: 0.8em;
	}
header#message-header > a.button {
	position: absolute;
	right: 5px;
	top: 3px;
	}
ol#message-thread div.reply-content { padding: 0; }


/*---------------------------------------------
	9.6 - Profile Settings
----------------------------------------------*/
form#settings-form,
form#account-capabilities-form,
form#account-delete-form { margin: 0; }
ol#profile-settings-form label { width: 200px; }
ol#notification-preferences-list li.checkbox span { 
	display: block;
	width: 600px;
	float: left;
	}



/*---------------------------------------------
	9.6 - New User Registration
----------------------------------------------*/
form#signup_form { margin-top: 0; }
h3.registration-header { 
	width: 60%;
	float: left;
	}
form#signup_form li.text > label { width: 200px; }
ul#registration-terms-left {
	width: 60%;
	float: left;
	margin: 0 2.5% 0 0;
	}
ul#registration-terms-right {
	width: 30%;
	float: right;
	}
img#humanity-image {
	clear: left;
	float: left;
	border: none;
	box-shadow: none;
	}
div#humanity-fields {
	float: left;
	margin: 2em 1em;
	}
div#xprofile-section {
	display: none;
	}
	
	
/*--------------------------------------------------------------
10.0 - RESPONSIVE WIDTH
--------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
	div#main-container,
	nav#primary-menu,
	header#site-header {	width: 900px; }		
	div#primary-sidebar { display: none;	}	

	/* Homepage */
	.home #content {	width: 600px; }
	div#showcase-sidebar { display: none; }
	.home div#primary-sidebar { display: block; }	
	div#showcase { 
		width: 720px; 
		float: none;
		margin: 0 auto;
		}
	.home-page div.post {
		width: 100%;
		float: none;
		}
}

/*--------------------------------------------------------------
11.0 - PLUGINS
--------------------------------------------------------------*/
		
	
/*---------------------------------------------
	11.1 - TINYMCE
----------------------------------------------*/
div.wp-editor-wrap {
	width: 98%;
	float: left;
	margin: 0 1% 0.5em;
	}
div.wp-editor-container {
	width: auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
	border: 1px solid #333;
	border-radius: 3px;
	box-shadow: 0 0 8px #000;
	}
textarea.wp-editor-area {
	max-width: 100%;
	background: #151515;
	color: #CCC;
	font-size: 0.75em;
	font-family: 'Open Sans' , sans-serif;
	}
div.wp-editor-container div.mce-edit-area {
	background: #000;
	}

/* Toolbars */	
div.wp-editor-container .quicktags-toolbar,
div.wp-editor-container .mce-toolbar-grp,
div.wp-editor-container .mce-statusbar {
	padding: 5px 0;
	border-bottom: 3px solid #111;
	background: #AAA;
	background: -ms-linear-gradient(top, #BBB, #b3a695);
    background: -moz-linear-gradient(top, #BBB, #b3a695);
	background: -o-linear-gradient(top, #BBB, #b3a695);
	background: -webkit-linear-gradient(top, #BBB, #b3a695);
	box-shadow: 0 0 3px #000 inset;
	border: 1px solid #000;
	}
div.wp-editor-container .mce-statusbar { padding: 2px 10px; }
div.wp-editor-container .mce-statusbar > * { color: #000; }

/* Editor Control Tabs */
.wp-editor-tools .wp-switch-editor {
	background: #333;
	background: -ms-linear-gradient(top, #444, #111);
    background: -moz-linear-gradient(top, #444, #111);
	background: -o-linear-gradient(top, #444, #111);
	background: -webkit-linear-gradient(top, #444, #111);
	border: 1px solid #000;
	border-bottom: none;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 -2px 2px #000;
	color: #999;
	}
.tmce-active .wp-editor-tools .switch-tmce,
.html-active .wp-editor-tools .switch-html {
	margin-bottom: -1px;
	background: #BBB;
	background: -ms-linear-gradient(top, #CCC, #BBB );
    background: -moz-linear-gradient(top, #CCC, #BBB );
	background: -o-linear-gradient(top, #CCC, #BBB );
	background: -webkit-linear-gradient(top, #CCC, #BBB );
	color: #444;
	}
.wp-editor-tools .wp-switch-editor:hover,
.tmce-active .wp-editor-tools .switch-tmce:hover,
.html-active .wp-editor-tools .switch-html:hover {
	background: #BBB;
	background: -ms-linear-gradient(top, #CCC, #BBB );
    background: -moz-linear-gradient(top, #CCC, #BBB );
	background: -o-linear-gradient(top, #CCC, #BBB );
	background: -webkit-linear-gradient(top, #CCC, #BBB );
	color: #c5772b;
	text-shadow: 0 0 2px #c60;
	}
	
/* Icons */
div.mce-toolbar div.mce-btn-group {
	margin: 3px 0.5em;
	}
div.wp-editor-container div.quicktags-toolbar {
	padding: 3px 0.5em;
	}
div.mce-toolbar div.mce-btn-group div.mce-btn,
.quicktags-toolbar input.ed_button {
	background: none;
	border: none;
	margin: 0 0.5em 0 0;
	}
.mce-toolbar .mce-btn button,
.quicktags-toolbar input.ed_button {
	box-shadow: none;
	border: 1px solid transparent;
	border-radius: 0;
	}
.mce-toolbar .mce-btn i.mce-ico,
.quicktags-toolbar input.ed_button { 
	color: #444; 
	}
.mce-toolbar .mce-btn button:hover,
.quicktags-toolbar input.ed_button:hover {
	background: #b3a695;
	border: 1px solid #000;
	border-radius: 0;
	}
.mce-toolbar .mce-btn:hover i.mce-ico,
.quicktags-toolbar input.ed_button:hover {
	color: #000;
	}


/* Dropdowns */
.mce-toolbar .mce-btn-group div.mce-btn.mce-listbox,
.mce-toolbar .mce-btn-group div.mce-btn.mce-listbox:hover {
	background: #b3a695;
	border: 1px solid transparent;
	}
.mce-toolbar .mce-btn-group div.mce-btn.mce-listbox button {
	border: 1px solid #444;
	}
div.mce-panel.mce-menu,
div.mce-panel.mce-floatpanel {
	padding: 0;
	background: #b3a695;
	border: 1px solid #000;
	}

/* Color Picker */
.mce-toolbar .mce-btn-group div.mce-btn.mce-colorbutton,
.mce-toolbar .mce-btn-group div.mce-btn.mce-colorbutton:hover  {
	border: 1px solid #444;
	background: transparent;
	}
.mce-toolbar .mce-btn-group div.mce-btn.mce-colorbutton > button,
.mce-toolbar .mce-btn-group div.mce-btn.mce-colorbutton:hover > button,
.mce-toolbar .mce-btn-group div.mce-btn.mce-colorbutton > button:hover {
	background: none;
	border: none;
	}
.mce-grid.mce-colorbutton-grid td div { border: 1px solid #000; }
	
/* Popup Dialogues */
div#wp-link-wrap {
	overflow: visible;
	background: #CCC;
	background: -ms-linear-gradient(top, #CCC, #BBB );
    background: -moz-linear-gradient(top, #CCC, #BBB );
	background: -o-linear-gradient(top, #CCC, #BBB );
	background: -webkit-linear-gradient(top, #CCC, #BBB );
	font-size: 12px;
	}
form#wp-link {
	color: #000;
	}
form#wp-link div#link-modal-title {
	margin: 0 0.5em;
	border-bottom: 1px solid #000;
	background: none;
	}
form#wp-link .submitbox {
	background: none;
	margin: 0.5em;
	border: none;
	bottom: 5px;
	}
form#wp-link input[type="checkbox"] {
	width: 20px;
	height: 20px;
	position: relative;
	opacity: 100;
	}