/* ==================================================================
	File:     root/static/css/main.css
	Project:  ShinyCMS
	Purpose:  CSS file for public-facing pages
	
	If you change the name of this file, you will also need to update 
	the configuration for CKEditor in root/static/ckeditor/config.js
	
	Author:   Helen Lambert <helen@shinyideas.co.uk>
	Copyright (c) 2009-2011 Shiny Ideas - www.shinyideas.co.uk
	
	ShinyCMS is free software. You can redistribute it and/or modify it 
	under the terms of the GNU Affero General Public License.
   ================================================================== */


/* ========== ( Stuff from HTML5 Boilerplate )  ========== */

/* ========== ( Reset )  ========== */

* {
	margin:				0;
	padding:			0;
}

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

article, aside, figure, footer, header, hgroup, nav, section {
	display: 			block;
}

nav ul {
	list-style:			none;
}

blockquote, q {
	quotes:				none;
}

blockquote:before, blockquote:after, q:before, q:after { 
	content:			'';
	content:			none;
}

a {
	margin:				0;
	padding:			0;
	font-size:			100%;
	vertical-align:		baseline;
	background:			transparent;
}

ins {
	background-color:	#ff9;
	color:				#000;
	text-decoration:	none;
}

mark {
	background-color:	#ff9;
	color:				#000;
	font-style:			italic;
	font-weight:		bold;
}

del {
	text-decoration:	line-through;
}

abbr[title], dfn[title] {
	border-bottom:		1px dotted #000;
	cursor:				help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

hr {
	display:			block;
	height:				1px;
	border:				0;
	border-top:			1px solid #ccc;
	margin:				1em 0;
	padding:			0;
}

input, select {
	vertical-align:		middle;
}


/* =========== ( Fonts ) ========== */

body {
	font:				13px sans-serif;
/*	These IE fixes are invalid CSS - uncomment them if you don't mind that
	*font-size:			small;
	*font:				x-small;
	line-height:		1.22;
*/
}

table {
	font-size:			inherit;
/*	Not sure why this doesn't validate, but it doesn't
	font:				100%;
*/
}

select, input, textarea {
	font:				99% sans-serif;
}

pre, code, kbd, samp {
	font-family:		monospace, sans-serif;
}


/* =========== ( Minimal base styles ) ========== */

body, select, input, textarea {
	color:				#444;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:		bold;
/*
	text-rendering:		optimizeLegibility;
*/
}

html {
/*	Invalid CSS
	-webkit-font-smoothing:	antialiased;
*/
}


small {
	font-size:			85%;
}
strong, th {
	font-weight:		bold;
}

td, td img {
	vertical-align:		top;
} 

sub {
	vertical-align:		sub;
	font-size:			smaller;
}
sup {
	vertical-align:		super;
	font-size:			smaller;
}

pre { 
	padding:			15px;
	white-space:		pre;		/* CSS2 */
	white-space:		pre-wrap;	/* CSS 2.1 */
	white-space:		pre-line;	/* CSS 3 (and 2.1 as well, actually) */
/*	Another IE fix that is invalid CSS
	word-wrap:			break-word;
*/
}

input[type="radio"] {
	vertical-align:		text-bottom;
}
input[type="checkbox"] {
	vertical-align:		bottom;
/*	*vertical-align:	baseline;
*/
}
.ie6 input {
	vertical-align:		text-bottom;
}

label, input[type=button], input[type=submit], button {
	cursor:				pointer;
}

/* Invalid CSS
::-moz-selection{
	background:			#00DDDD;
	color:				#000;
	text-shadow:		none;
}
::selection {
	background:			#00DDDD;
	color:				#000;
	text-shadow:		none;
}
*/

a:link {
/*	Invalid CSS - uncomment to enable for webkit touch-screens
	-webkit-tap-highlight-color:	#00DDDD;
*/
} 

button {
	width:				auto;
	overflow:			visible;
}

.ie7 img {
/* Invalid CSS - uncomment to make IE use bicubic image resizing
	-ms-interpolation-mode:	bicubic;
*/
}


/* ========== ( Non-semantic helper classes )  ========== */

/* for image replacement */
.ir {
	display:			block;
	text-indent:		-999em;
	overflow:			hidden;
	background-repeat:	no-repeat;
}

/* Hide for both screenreaders and browsers */
.hidden {
	display:			none;
	visibility:			hidden;
} 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position:absolute !important;    
/*	Invalid CSS - makes this work in IE6 and IE7
	clip:				rect(1px 1px 1px 1px);
*/
	clip:				rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* ========== ( End of stuff from HTML5 Boilerplate )  ========== */




/* =========== ( General ) ========== */

body {
	color:				#000000;
	background:			#ffffff url('../images/bg3.jpg') top center no-repeat;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			100%;
	text-align:			center;
}

#container {
	width:				960px;
	margin:				0 auto;
	text-align:			left;
	overflow:			hidden;
}

img {
	border:				0;
}

a {
	color:				#11008e;
}

a:hover {
	color:				#920031;
	text-decoration:	underline;
}

a:visited {
	color:				#363636;
}

.status {
	color:				#000000;
	background:			#88cc88;
	padding:			5px;
}

.error {
	color:				#000000;
	background:			#cc8888;
	padding:			5px;
}

.clear {
	clear:				both;
}

.right {
	text-align:			right;
}

h1 {
	font-size:			200%;
}

h2 {
	font-size:			150%;
}

h3 {
	font-size:			120%;
}

ul,ol {
	line-height:		1.5;
}

.outlined {
	border:				1px solid #000000;
}

.invisilink {
	display:			none;
}

/* =========== ( Header ) ========== */


#header {
	width:				100%;
	text-align:			center;
}

#header-quote {
	background:			url('../images/we-like-sex.jpg') left top no-repeat;
	height:				31px;
	width:				585px;
	margin:				0 auto;
	position:			relative;
	top:				8px;
	left:				-5px;
}

#header-quote h1,
#logo h2,
#tagline h2 {
	position:			relative;
	top:				-500px;	
	margin:				0;
}

#logo {
	width:				405px;
	height:				77px;
	margin:				0 auto;
	position:			relative;
	top:				23px;
	left:				-10px;
}

#logo img {
	width:				405px;
	height:				77px;
	border:				0;
}

#header h1 {
	size:				1.2em;
	color:				#333333;
} 

#logo h2 {
	font-family:		Heavyweight, Impact, sans-serif;
	text-transform:		uppercase;
	color:				#ffffff;
	font-size:			1.8em;
	font-weight:		normal;
}

#tagline h2 {
	font-family:		Heavyweight, Impact, sans-serif;
	text-transform:		uppercase;
	color:				#363636;
	font-size:			1.5em;
	font-weight:		normal;
	margin:				40px 0 0 0;
}

#content {
	width:				100%;
	text-align:			left;
}

#tagline {
	background:			url('../images/tagline.png') left top no-repeat;
	height:				34px;
	width:				690px;
	margin:				0 auto;
}

/* =========== ( Menu ) ========== */

#menu {
	width:				108px;
	float:				left;
	margin:				0 0 0 5px;
}

#menu ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

#menu ul li.main-nav {
	margin:				20px 0 20px 0;
	font-size:			1.1em;
	line-height:		1em;
	font-weight:		bold;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	width:				108px;
	display:			block;
}

h4.reduced {
	font-size:			0.9em;
}

.main-nav a {
	color:				#000000;
	text-decoration:	none;
}

.main-nav a:hover,
.submenu a:hover {
	color:				#920031;
}

#menu ul ul {
	list-style:			none;
	margin:				0 0 10px 0;
	padding:			0 0 0 5px;
}

#menu ul ul li.submenu {
	width:				100px;
	display:			block;
	font-size:			0.8em;
	line-height:		1em;
	font-weight:		bold;
	color:				#31258a;
	margin:				10px 0 10px 0;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

.submenu a {
	color:				#31258a;
}


.main-nav a.selected,
.submenu a.selected {
	color:				#363636;
}


#menu a {
	text-decoration:	none;
}

/* =========== ( Homepage ) ========== */

#body {
	width:				690px;
	float:				left;
	margin:				10px 0 0 20px;
	font-size:			1em;
}

#row1 {
	width:				685px;
}

#row1 #left {
	float:				left;
	width:				453px;
	margin:				0 17px 20px 0;
}

#row1 #right {
	float:				left;
	width:				215px;
	margin:				0 0 20px 0;
	text-align:			right;
}

#buttons {
	text-align:			center;
	margin:				10px 0 0 0;
}

#buttons a {
	display:			block;
	width:				216px;
	height:				52px;
	float:				left;
	text-transform:		uppercase;
	text-decoration:	none;
}

#buttons h3 {
	font-family:		Bebas-Neue, Impact, sans-serif;
	font-size:			1.4em;
	font-weight:		normal;
	position:			relative;
	left:				-5000px;
}

.login {
	background:			url('../images/login-button3.jpg') bottom left no-repeat;
	margin:				0 16px 20px 0;
}

.login:hover {
	background:			url('../images/login-button3.jpg') top left no-repeat;
}

.login a {
	color:				#000000;
}

.register {
	background:			url('../images/register-button3.jpg') bottom left no-repeat;
	margin:				0 0 20px 0;
}

.register:hover {
	background:			url('../images/register-button3.jpg') top left no-repeat;
}

.register a {
	color: 		 		#ffffff;
}

.text-size {
	font-size:			0.8em;
	margin:				0 0 10px 0;
}

.text-size a {
	color:				#000000;
	text-decoration:	none;
}

.text-size .small {
	font-size:			1em;
}

.text-size .medium {
	font-size:			1.2em;
}

.text-size .large {
	font-size:			1.4em;
}


/* =========== ( Media feed ) ========== */

#media-top {
	width:				453px;
	height:				6px;
	background:			url('../images/media-top.jpg') no-repeat;
}

#media-latest {
	width:				433px;
	background:			url('../images/media-bg.jpg') repeat-y;
	padding:			0 10px 0 10px;
}

#media-bottom {
	width:				453px;
	height:				6px;
	background:			url('../images/media-bottom.jpg') no-repeat;
}

#media-latest h4 a {
	color:				#920031;
	text-decoration:	none;
}

#media-latest img {
	border:				#ececec;
	width:				200px;
	height:				auto;
	float:				right;
	margin:				0 0 10px 10px;
}

#media a.post-title{
	font-size:			1em;
	color:				#000000;
	font-weight:		bold;
	text-decoration:	none;
}

#media a.post-title:hover {
	text-decoration:	underline;
}

#media .metadata {
	color:				#555555;
	font-style:			italic;
}

#media-body {
	margin:				10px 0 10px 0;
}

#media #body {
	padding:			0 0 20px 0;
}

#media .read-more,
#about .read-more {
	clear:				both;
	float:				right;
}

#media .read-more,
#media .read-more a {
	color:				#363636;
	font-weight:		bold;
	text-decoration:	none;
}

#media .read-more a:hover {
	color:				#31258a;
}

#media h4 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#920031;
	font-size:			1.6em;
}

#media p {
	line-height:		1.4em;
	font-size:			0.9em;
	margin:				0 0 10px 0;
}

#twitter .twtr-join-conv {
	font-size:			0.9em;
	padding:			5px 0 0 0;
}


/* =========== ( About us ) ========== */

#row2-about {
	width:				690px;
	margin:				0 0 20px 0;
}

#about-top {
	width:				690px;
	background:			url('../images/about-bg-top.jpg') repeat-y;
}

#about-top h4{
	padding:			10px 10px 5px 10px;
	color:				#ffffff;
	font-size:			2em;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

#about-content {
	width:				690px;
	background:			url('../images/about-bg.jpg') repeat-y;
}

#about {
	width:				399px;
	background:			url('../images/victory-punch.jpg') bottom right no-repeat;
	padding:			10px 275px 10px 10px;
}

#about p {
	line-height:		1.5em;
	margin:				0 0 10px 0;
}

#about-bottom {
	width:				690px;
	height:				6px;
	background:			url('../images/about-bg-bottom.jpg') no-repeat;
}

#about .read-more,
#about .read-more a {
	color:				#920031;
	font-weight:		bold;
	text-decoration:	none;
}

#about .read-more a:hover {
	text-decoration:	underline;
}

#latest-comment-left {
	width:				216px;
	min-height:			87px;
	margin:				0 20px 10px 0;
	float:				left;
	background:			url('../images/latest-comment.jpg') top left no-repeat;
	text-align:			right;
	padding:			0;
}

#latest-comment-left h4 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

#latest-comment-left img{
	width:				65px;
	height:				auto;
	margin:				0 0 5px 0;
}

#latest-comment-left .name a {
	font-size:			1.2em;
	color:				#000000;
	text-decoration:	none;
}

#latest-comment-left .count a {
	font-size:			0.9em;
	color:				#555555;
	text-decoration:	none;
}

#latest-comment-left .count a:hover,
#latest-comment-left .name a:hover {
	text-decoration:	underline;
}


#latest-comment-right {
	width:				450px;
	margin:				8px 0 10px 0;
	float:				left;
}

#latest-comment-right p {
	font-size:			0.8em;
	line-height:		1.2em;
	margin:				0 0 10px 0;
	clear:				both;
}

#latest-comment-right .title {
	color:				#31258a;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			0.9em;
	float:				left;
	margin:				0 0 5px 0;
}

#latest-comment-right .metadata {
	font-size:			0.8em;
	color:				#636363;
	font-style:			italic;
	float:				right;
}

#latest-comment-right .read-more,
#latest-comment-right .read-more  a {
	color:				#920031;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			right;
	font-size:			0.9em;
}

#latest-comment-right .read-more  a:hover {
	text-decoration:	underline;
}

#visitors {
	width:				226px;
	margin:				20px 0 0 0;
	float:				left;
	font-size:			0.9em;
	font-weight:		bold;
}

#users {
	width:				226px;
	margin:				20px 0 0 0;
	float:				left;
	font-size:			0.9em;
	font-weight:		bold;
}

.grey {
	color:				#363636;
	font-size:			0.9em;
}

/* =========== ( Search ) ========== */

#search-form {
	border:			3px solid #cecece;
	width:			206px;
	height:			24px;
	margin:			0 0 20px 0;
}

#search {
	border:			0;
	height:			20px;
	padding:		2px;
	width:			170px;
	font-size:		0.8em;
	color:			#252525;
	float:			left;
}

#search-form .submit {
	float:			left;
	height:			24px;
	width:			29px;
	border:			0;
}



/* =========== ( Subpage ) ========== */

#main {
	width:				690px;
	margin:				8px 0 30px 0;
	clear:				both;
	min-height:			770px;
}

#subpage-row1 {
	width:				685px;
}

#subpage-row1 #left {
	float:				left;
	width:				453px;
	margin:				0 17px 0 0;
}

#subpage-row1 #right {
	float:				left;
	width:				215px;
	margin:				0;
	text-align:			right;
}

.body-image1 {
	float:				right;
	width:				320px;
	height:				auto;
	border:				5px solid #c6c6c6;
	margin:				0 0 10px 10px;
}

.body-image2 {
	float:				left;
	width:				320px;
	height:				auto;
	border:				5px solid #c6c6c6;
	margin:				10px 10px 10px 0;
}

#main .heading,
#top-left .heading {
	font-size:			1.2em;
	color:				#000000;
	text-decoration:	none;
	margin:				0 0 15px 0;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

#main .heading a,
#top-left .heading a {
	text-decoration:	none;
}

#main .heading .section,
#top-left .heading .section {
	color:				#000000;
}

#main .heading .name,
#top-left .heading .name {
	color:				#941037;
}

#main .subheading {
	width:				670px;
	background:			#ececec;
	padding:			5px 10px 5px 10px;
	margin:				20px 0 20px 0;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	clear:				both;
}

#main .subheading-first  {
	width:				670px;
	background:			#ececec;
	padding:			5px 10px 5px 10px;
	margin:				0 0 20px 0;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	clear:				both;
}

#main p {
	font-size:			0.9em;
	line-height:		1.3em;
	margin:				0 0 10px 0;
}


#subpage ul ,
#main ul{
	margin:				10px 0 0 15px;
	list-style:			none;
	clear:				both;
}

#subpage ul li ,
#main ul li{
	margin:				0 0 10px 0;
	background:			url('../images/li1.png') 0 7px no-repeat;
	padding:			0 0 0 15px;
}

#subpage ul li ul,
#main ul li ul {
	margin:				10px 0 5px 0;
}

#subpage ul li ul li,
#main ul li ul li {
	background:			url('../images/li2.png') 0 7px no-repeat;
	font-size:			0.9em;
	margin:				0 0 7px 0;
}

#main .back {
	margin:				30px 0 20px 0;
	width:				50%;
	float:				left;
	font-weight:		bold;
	font-size:			0.9em;
}

#main .back a {
	color:				#941037;
	text-decoration:	none;
}

/* =========== ( Key Contributors ) ========== */

#top-left {
	clear:				both;
	float:				left;
	margin:				5px 0 0 0;
}

#top-right {
	float:				right;
	width:				204px;
	text-align:			right;
	padding:			0 10px 0 0;
	margin:				5px 0 0 0;
}

#top-left  h4.section-name a {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.1em;
	color:				#000000;
	text-decoration:	none;
}

#top-left h4.page-name {
	margin:				0 0 15px 0;
}

#top-left h4.page-name a {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#941037;
	font-size:			1.2em;
}

#top-left a {
	text-decoration:	none;
}

#main .subheading2,
.FAQ_heading {
	width:				670px;
	background:			#ececec;
	padding:			7px 10px 7px 10px;
	margin:				20px 0 20px 0;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
}

#main .subheading3 {
	margin:				20px 0 10px 0;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
}

.contributor-white {
	width:				660px;
	padding:			10px 10px 0 10px;
	margin:				10px 0 10px 0;
}

.contributor-grey {
	width:				660px;
	padding:			10px 10px 0 10px;
	margin:				10px 0 10px 0;
	background:			#ececec;
}

.contributor-pic {
	float:				left;
	width:				120px;
}

.contributor-icon {
	width:				95px;
	height:				auto;
	border:				0;
}

.contributor-info {
	float:				left;
	width:				540px;
}

.contributor-name {
	color:				#000000;
	font-size:			0.9em;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	margin:				0 0 15px 0;
}

.view-bio ,
.view-bio a,
.contributor-links a {
	font-weight:		bold;
	color:				#363636;
	text-decoration:	none;
}

.view-bio:hover,
.view-bio a:hover,
.contributor-links a:hover  {
	color:				#941037;
}

.name-of-contributor,
.page-heading,
.subject-heading {
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.1em;
	margin:				0 0 15px 0;
}

.contributor-image {
	float:				right;
	max-width:			320px;
	height:				auto;
	border:				5px solid #c6c6c6;
	margin:				0 0 10px 10px;
}

/* =========== ( Most frequent commenters ) ========== */

#frequent {
	width:				682px;
	background:			#31258a;
	padding:			3px 0 0 3px;
	margin:				0 0 20px 0;
}



#frequent .top {
	width:				100%;
	color:				#31258a;
}

#frequent .top h2 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
	color:				#ffffff;
	padding:			10px 0 10px 5px;
}

#frequent .contributor {
	background:			white;
	width:				328px;
	padding:			10px 5px 10px 5px;
	margin:				0 3px 3px 0;
	height:				80px;
	float:				left;
}


.icon {
	width:				60px;
	height:				auto;
	float:				left;
	margin:				0 10px 0 0;
}

#frequent  .counter {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#941037;
	float:				left;
	width:				35px;
	padding:			20px 0 0 10px;
	font-size:			2em;
}

#frequent .info {
	float:				left;
	width:				200px;
	display:			block;
}

#frequent .info h4 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	margin:				0;
}

#frequent p.count {
	width:				100px;
	float:				left;
	color:				#363636;
	font-size:			0.9em;
}

#frequent .view {
	float:				left;
	font-size:			0.9em;
	margin:				10px 0 0 0;
}

#frequent .view a {
	color:				#941037;
	font-weight:		bold;
	text-decoration:	none;
}

#frequent .view a:hover {
	color:				#363636;
}

/* =========== ( The Evidence ) ========== */

#evidence-tabs {
	width:				680px;
	padding:			5px;
	background:			#ececec;
	clear:				both;
}

#evidence-tabs h4 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.5em;
	float:				left;
}

#evidence-tabs a {
	display:			block;
	background:			#d7d7d7;
	color:				#000000;
	text-decoration:	none;
	padding:			3px 10px 3px 10px;
}

#evidence-tabs a:hover {
	background:			#ffffff;
}

#evidence-tabs a.current {
	background:			#ffffff;
	color:				#31258a;
}

#evidence-tabs .subjects {
	width:				250px;
	margin:				0 5px 0 0;
}

#evidence-tabs .historic {
	width:				110px;
	margin:				0 5px 0 0;
}

#evidence-tabs .timeline {
	width:				250px;
}

#subject-intro {
	border:				3px solid #ececec;
	width:				684px;
	margin:				15px 0 15px 0;
}

#subject-intro div {
	padding:			10px;
}

.subject-heading {
	width:				664px;
	background:			#ececec;
	padding:			7px 10px 7px 10px;
	margin:				0 0 10px 0;
}

.subject-image {
	float:				right;
	border:				1px #c6c6c6 solid;
	margin:				0 0 0 10px;
	max-width:			300px;
	height:				auto;
}

.subject-left {
	width:				315px;
	border-right:		5px solid #ececec;
	padding:			10px;
	float:				left;
}

.subject-right {
	width:				315px;
	padding:			10px;
	float:				left;
}

.subject-left h4,
.subject-right h4 {
	color:				#000000;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
	margin:				0 0 15px 0;
}

.subject-left a,
.subject-right a {
	font-weight:		bold;
	text-decoration:	none;
	color:				#31258a;
}

.page-name {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#941037;
	font-size:			1.4em;
	margin:				15px 0 15px 0;
}

#publication-pic {
	float:				right;
	text-align:			right;
	margin:				0 0 15px 15px;
	max-width:			300px;
}

.publication-image {
	border:				1px #c6c6c6 solid;
	max-width:			300px;
	height:				auto;
}

#publication-pic a,
.rightlink  a,
.rightlink {
	font-weight:		bold;
	color:				#941037;
	text-decoration:	none;
	font-size:			0.9em;
}
	
.rightlink {
	float:				right;
	width:				50%;
	margin:				30px 0 0 0;
	text-align:			right;
}

.rightlink a:hover,
.back a:hover {
	color:				#363636;
}

h5 {
	margin:				0 0 10px 0;
}

h6.number {
	font-size:			1.2em;
	width:				30px;
	float:				left;
	display:			block;
}

h6.conclusion {
	display:			block;
}

.conclusion-body {
	clear:				left;
	margin:				10px 0 15px 30px;
}

#timeline {
	width:				690px;
	background:			#31258a;
}

#timeline-ul {
	list-style:			none;
	margin:				0 0 0 30px;
}

.timeline-li {
	display:			inline block;
	float:				left;
	padding:			5px 20px 5px 20px;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	background:			none;
}

#timeline li:hover {
	background:			#941037;
}

#timeline a {
	color:				#ffffff;
	text-decoration:	none;
	font-size:			1.2em;
}

#timeline a:active {
	color:				#ececec;
}


/* =========== ( Media ) ========== */

#media-sidebar {
	float:				left;
	width:				216px;
	margin:				0 20px 0 0;
}

#media-sidebar p {
	font-size:			0.9em;
	color:				#464646;
	margin:				0 0 15px 0;
}

#media-sidebar .rss {
	width:				216px;
	padding:			7px 0 0 0;
	height:				23px;
	background:			url('../images/rss.jpg') right top no-repeat;
	font-size:			1.1em;
	text-transform:		uppercase;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	margin:				10px 0 20px 0;
}

#media-sidebar .rss a {
	color:				#941037;
	text-decoration:	none;
}


#media-sidebar #search-form {
	border:			3px solid #cecece;
	width:			210px;
	height:			24px;
	margin:			0 0 20px 0;
}

#search {
	border:			0;
	height:			20px;
	padding:		2px;
	width:			170px;
	font-size:		0.8em;
	color:			#252525;
}

#search-form .submit {
	float:			right;
	height:			24px;
	width:			29px;
	border:			0;
}



#media-sidebar #archive {
}

#media-sidebar #archive h2 {
	color:				#000000;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	text-transform:		uppercase;
	margin:				0 0 10px 0;
}

#media-sidebar #archive h4,
#media-sidebar #tags h4 {
	color:				#000000;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
	margin:				10px 0 10px 0;
}

#media-sidebar #archive .prev-year, 
#media-sidebar #archive .this-year {
	float:				left;
	width:				72px;
}

#media-sidebar #archive .next-year {
	float:				right;
}

#media-sidebar #archive .this-year {
	text-align:			center;
}

#media-sidebar #archive .prev-year a,
#media-sidebar #archive .this-year,
#media-sidebar #archive .next-year a {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#31258a;
	font-size:			0.9em;
	text-decoration:	none;
	font-weight:		bold;
	display:			block;
	margin:				0 0 7px 0;
}

#accordion {
	margin:				0 0 20px 0;
	width:				206px;
	background:			#ececec;
	padding:			5px 5px 1px 5px;
	clear:				both;
}

.month-widget {
	background:			#ececec;
	padding:			0 10px 0 10px
}


.month-widget a {
	font-size:			0.8em;
	color:				#000000;
	text-decoration:	none;
	background:			#ececec;
}

.month-widget p {
	margin:				0 0 5px 0;
}

.submenu-item {
	position:			relative;
	font-size:			0.9em;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

.submenu-item a {
	background:			#ffffff;	
	width:				186px;
	padding:			10px;
	color:				#941037;
	margin:				0 0 5px 0;
	display:			block;
	text-decoration:	none;
}

.submenu-item:hover a {
	color:				#31258a;
}

.ui-state-default,
.ui-state-active {
}

.current {
}

.ui-state-default:hover,
.ui-state-active:hover,
.current:hover {
	color:				#31258a;
}

.ui-state-active:hover a,
.ui-state-default:hover a,
.current:hover a {
	color:				#31258a;
}

.ui-icon-open {
	background:			url('/static/images/archive-current.png') right top no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-open:hover {
	background:			url('/static/images/archive-current-hover.png') right top no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-closed {
	background:			url('/static/images/archive.png') right top no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-icon-closed:hover {
	background:			url('/static/images/archive-hover.png') right top no-repeat;
	width:				166px;
	height:				27px;
	position:			absolute;
	top:				5px;
	right:				5px;
}

.ui-state-focus,
.ui-accordion-header {
	outline: 			none;
}

#tags {
	clear:				both;
}

#main #tags ul {
	margin:				0;
	list-style:			none;
}

#main #tags ul li{
	width:				95px;
	float:				left;
	margin:				0 5px 5px 5px;
	font-size:			0.8em;
	padding:			0;
	background:			none;
}

#tags li a {
	color:				#31258a;
	text-decoration:	none;
}

#media-updates {
	width:				450px;
	float:				left;
}

.media-update {
	border:				3px solid #ececec;
	clear:				both;
	margin:				0 0 10px 0;
}

.media-update h2 a {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#941037;
	font-size:			1em;
	text-decoration:	none;
	margin:				0 0 5px 10px;
	display:			block;
	padding:			5px 0 0 0;
}

.media-update .metadata {
	color:				#363636;
	font-size:			0.8em;
	padding:			0 0 10px 10px;
	font-style:			italic;
}

.media-update .top,
#media-updates .tags {
	display:			block;
	background: 		#ececec;
	width:				444px;
}

.media-update .body {
	padding:			0 10px 10px 10px;
}

.media-update .body img {
	border:				1px solid #c6c6c6;
}

#media-updates .tags {
	width:				434px;
	padding:			5px;
	font-size:			0.8em;
	clear:				
}

.tags a {
	text-decoration:	none;
}

.media-left a,
.media-right a ,
.add-new-comment a {
	color:				#363636;
	text-decoration:	none;
	font-weight:		bold;
}

.media-left a:hover,
.media-right a:hover,
.add-new-comment a :hover,
.comment_likes a:hover {
	color:				#941037;
} 

.media-left {
	float:				left;
	width:				30%;
	font-size:			0.9em;
	margin:				0 0 30px 0;
}

.media-right {
	float:				right;
	width:				70%;
	text-align:			right;
	font-size:			0.9em;
	margin:				0 0 30px 0;	
}

.media-year {
	list-style:			none;
	font-size:			0.9em;
}

#main .subheading-media {
	width:				430px;
	background:			#ececec;
	padding:			7px 10px 7px 10px;
	margin:				20px 0 20px 0;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
}

/* =========== ( Discussion ) ========== */

.comment-thread {
	clear:				both;
	margin:				0;
}

.add-new-comment {
	float:				right;
	width:				70%;
	text-align:			right;
	font-size:			0.9em;
	margin:				0 0 10px 0;	
	padding:			0 5px 0 0;
}

.comment_container {
	background:			#ffffff;
	padding:			15px 10px 0 10px;
	border-top:			10px solid #ececec;
	margin:				0;
	clear:				both;
}

.comment_container .clearfix {
	margin:				0;
	padding:			0;
}

.comment_children_container {
	margin:				0 0 0 20px;
	padding:			0;
}

.links_container {
	clear:				both;
	overflow:			auto;
}

#first {
	border-top:			0;
	padding:			10px;
	margin:				0;
}

.comment_header {
	margin:				0 0 10px 0;
}

.comment_header .user_icon {
	width:				50px;
	height:				auto;
	margin:				0 10px 0 0;
	float:				left;
}

.comment_header h3 {
	color:				#941037;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.1em;
	margin:				0 0 5px 0;
	line-height:		1em;
}

.comment_byline {
	color:				#636363;
	font-style:			italic;
	font-size:			0.9em;
}

.comment_body {
	color:				#252525;
	font-size:			0.9em;
	line-height:		1.1em;
}

.comment_likes {
	float:				left;
	width:				20%;
	height:				30px;
	text-decoration:	none;
	color:				#000000;
	font-size:			0.9em;
	font-weight:		bold;
	margin:				10px 0 20px 0;
}



.like-count {
	padding:			10px 0 0 0;
}

.like-count-0 {
	color:				#898989;
	padding:			10px 0 0 0;
}

.comment_likes a {
	color:				#363636;
	text-decoration:	none;
	font-weight:		bold;
}

.likes-image {
	float:				left;
	width:				21px;
	height:				30px;
	padding:			0 5px 0 0;
}

.comment_links {
	text-align:			right;
	float:				right;
	margin:				20px 0 20px 0;
	font-weight:		bold;
	font-size:			0.9em;
	width:				80%;
}

.comment_links a {
	color:				#363636;
	text-decoration:	none;
}

.comment_links a:hover {
	color:				#941037;
}

.comment-thread .post-comment {
	background:			#ffffff;
	padding:			20px 15px 15px 15px;
	width:				640px;
	clear:				both;
}

.comment-title {
	font-size:			0.9em;
	font-weight:		bold;
	color:				#393939;
	margin:				0 0 10px 0;
}

/* =========== ( Site info ) ========== */

.sitemap .section {
	color:				#363636;
	text-decoration:	none;
	font-weight:		bold;
}

.sitemap .page {
	font-weight:		normal;
}


/* =========== ( Campaigns ) ========== */

#campaigns-tabs {
	padding:			5px;
	background:			#ececec;
	width:				575px;
}

#campaigns-tabs h4 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.5em;
	float:				left;
}

#campaigns-tabs a {
	display:			block;
	background:			#d7d7d7;
	color:				#000000;
	text-decoration:	none;
	padding:			7px 20px 7px 20px;
	width:				245px;
}

#campaigns-tabs a.selected {
	background:			#ffffff;
	color:				#31258a;
}

#campaigns-tabs .current {
	margin:				0 5px 0 0;
}

.campaigns {
	margin:				0 0 30px 0;
}

.campaigns h3 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
	color:				#941037;
	margin:				10px 0 10px 0;
	clear:				both;
}


.campaign {
	border:				3px solid #31258a;
	width:				674px;
	font-size:			0.9em;
	margin:				20px 0 0 0;
}

.campaign h2 {
	width:				654px;
	background:			#31258a;
	padding:			5px 10px 5px 10px;
	color:				#ffffff;
	text-transform:		uppercase;
	font-size:			1.1em;
}

.campaign h2 a {
	color:				#ffffff;
	text-decoration:	none;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;	
}

.campaign .image {
	width:				200px;
	float:				left;
	padding:			10px;
}
.campaign-image {
	width:				200px;
	height:				auto;
}

.campaign .description {
	width:				414px;
	float:				left;
	padding:			10px;
	overflow:			auto;
}

.campaign .description a {
	font-weight:		bold;
	color:				#363636;
	text-decoration:	none;
}

.campaign .description a:hover {
	color:				#941037;
}

.campaign .view {
	text-transform:		uppercase;
	margin:				20px 0 0 0;
	display:			block;
}

.campaign .links {
	clear:				both;
}

/* =========== ( Forms ) ========== */

#contact,
#login ,
#register,
#add_post {
	margin:				20px 0 20px 0;
}

#edit_user {
	margin:				0 0 20px 0;
}


#contact label,
#login label,
#register label ,
#add_post label,
#add_comment label {
	font-weight:		bold;
	color:				#363636;
	margin:				5px 15px 0 0;
	float:				left;
	width:				75px;
}

#forgot_details label {
	font-weight:		bold;
	color:				#363636;
	margin:				5px 15px 0 0;
	float:				left;
	width:				100px;
}

#edit_user label,
#change_password label  {
	font-weight:		bold;
	color:				#363636;
	margin:				5px 15px 5px 0;
}

	
.post-as {
	font-size:			0.9em;
	margin:				0 0 10px 0;
}

#email_from_nam,
#email_from,
#email_subject {
	float:				left;
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				400px;
	margin:				0 0 10px 0;
}

#contact p,
#login p,
#register p,
#add_post p,
#add_comment p,
#edit_user p,
#change_password p,
#forgot_details p {
	clear:				both;
}

#message_body {
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				400px;
}

#forgot_details #recaptcha {
	margin:				0 0 0 115px;
}


#recaptcha {
	margin:				0 0 0 90px;
}

#contact .submit,
#add_post .submit,
#add_comment .submit {
	padding:			10px 20px 5px 20px;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#ffffff;
	background:			#31258a;
	margin:				20px 0 0 90px;
	text-transform:		uppercase;
}

#forgot_details .submit {
	padding:			10px 20px 5px 20px;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#ffffff;
	background:			#31258a;
	margin:				20px 0 0 115px;
	text-transform:		uppercase;
}

#edit_user .submit,
#change_password .submit {
	padding:			10px 20px 5px 20px;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#ffffff;
	background:			#31258a;
	margin:				20px 0 0 0;
	text-transform:		uppercase;
}

#add_post .reset,
#add_comment .reset,
#edit_user .reset,
#change_password .reset {
	padding:			10px 20px 5px 20px;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	color:				#ffffff;
	background:			#363636;
	margin:				20px 0 0 20px;
	text-transform:		uppercase;
}

#contact .submit:hover,
#add_post .submit:hover,
#add_post .reset:hover,
#add_comment .submit:hover,
#edit_user .submit:hover,
#change_password .submit:hover,
#forgot_details .submit:hover {
	background:				#941037;
}

.thankyou {
	margin:				20px 0 0 0;
	font-weight:		bold;
}



#edit_user #profile_pic {
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				200px;
	margin:				5px 0 10px 0;
	float:				left;
}

.textshort {
	float:				left;
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				200px;
	margin:				0 0 10px 0;
}

#edit_user  .textshort {
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				200px;
	margin:				5px 0 10px 0;
}

.textmedium {
	float:				left;
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				300px;
	margin:				0 0 10px 0;
}

.textlong {
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	margin:				5px 0 10px 0;
	width:				400px;
}

.textlonger {
	float:				left;
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				530px;
	margin:				0 0 10px 0;
}

#edit_user .radio {
	margin:				0 5px 0 10px;
}



#add_post #body,
#add_comment #body,
#edit_user #body {
	float:				left;
	padding:			4px;
	border:				3px solid #c6c6c6;
	color:				#252525;
	width:				530px;
	margin:				0 0 10px 0;
}

.forgot {
	font-size:			0.9em;
	text-align:			right;
}

.forgot a {
	text-decoration:	none;
	color:				#636363;
}

.login-link {
	clear:				both;
	font-size:			0.9em;
}

.login-link a {
	font-weight:			bold;
	color:					#941037;
	text-decoration:		none;
}

.forgot a:hover,
.login-link a:hover {
	text-decoration:	underline;	
}

#login {
	width:				304px;
}

#register {
	width:				404px;
}

#login .submit {
	background:			url('/static/images/login.jpg') top left no-repeat;
	width:				75px;
	height:				29px;
	margin:				10px 0 10px 0;
	float:				right;
	border:				0;
}

#login .submit:hover {
	background:			url('/static/images/login.jpg') bottom left no-repeat;
	}
	
#register .submit {
	background:			url('/static/images/register.jpg') top left no-repeat;
	width:				100px;
	height:				25px;
	margin:				5px 0 20px 0;
	float:				right;
	border:				0;
}

#register .submit:hover {
	background:			url('/static/images/register.jpg') bottom left no-repeat;
}

#register p {
	line-height:		1em;
}

/* =========== ( Loggedout.tt ) ========== */


#row1 #left .logged-in {
	width:				430px;
	margin:				15px 0 0 0;
	height:				50px;
	font-size:			0.9em;
	clear:				both;
}

#subpage-row1 #left .logged-in {
	width:				430px;
	float:				left;
	margin:				15px 0 0 0;
	font-size:			0.9em;
}

#left .logged-in a {
	color:				#941037;
	font-weight:		bold;
	text-decoration:	none;
}

#left .logged-in a:hover {
	color:				#363636;
	font-weight:		bold;
	text-decoration:	none;
}

#forumpage-row {
	clear:				left;
	margin:				0 0 20px 0;
	overflow:			auto;
}


#forumpage-row #left #login-form {
	width:				214px;
	float:				left;
	margin:				15px 0 0 0;
}

#forumpage-row #left #login  {
	width:				214px;
	margin:				0;
}

#forumpage-row #left #login .fields {
	width:				164px;
	float:				left;
	font-size:			0.8em;
}

#forumpage-row #left #login .textshort {
	padding:			4px;
	height:				17px;
	border:				2px solid #959595;
	color:				#000000;
	width:				145px;
	margin:				0 0 7px 0;
}

#forumpage-row #left #login .button {
	width:				50px;
	float:				left;
	padding:			35px 0 0 0;
}

#forumpage-row #left #login .button .submit {
	width:				50px;
	background:			url('/static/images/login.jpg') top left no-repeat;
	height:				29px;
	margin:				0;
	border:				0;
}

#forumpage-row #left #login .button .submit:hover {
	background:			url('/static/images/login.jpg') bottom left no-repeat;
}

#forumpage-row #left #login .forgot {
	text-align:			left;
	margin:				5px 0 0 0;
}
	
#forumpage-row #left #login .forgot a {
	color:				#959595;
	text-decoration:	none;
}

#forumpage-row #left #login .forgot a:hover {
	text-decoration:	underline;
}

#forumpage-row #left #register-link {
	width:				214px;
	float:				left;
	margin:				15px 0 0 20px;
}

#forumpage-row #left #register-link a {
	display:			block;
	height:				65px;
	width:				214px;
	background:			url('/static/images/register-forums.jpg') top left no-repeat;
}

#forumpage-row #left #register-link a:hover {
	background:			url('/static/images/register-forums.jpg') bottom left no-repeat;
}


#forumpage-row #right {
	float:				left;
	width:				215px;
	margin:				10px 0 0 20px;
	text-align:			right;
	padding:			0;
}


#forumpage-row  #right  #searchbox {
	margin:				8px 0 0 0;
	overflow:			auto;
	float:				right;
}

/* =========== ( User ) ========== */

.label {
	font-weight:		bold;
	color:				#363636;
	margin:				0 15px 10px 0;
	float:				left;
	width:				100px;
	display:			block;
	clear:				left;
	font-size:			0.9em;
}

#user-profile p {
	clear:				left;	
}

#user-profile p.label {
	margin:				0;
}

.user-info {
	float:				left;
	margin:				0 0 10px 0;
	font-size:			0.9em;
}

.user_profile_pic {
	max-width:			200px;
	height:				auto;
	border:				3px solid #555555;
	float:				right;
	margin:				0 0 15px 15px;
}

.label-long {
	font-weight:		bold;
	color:				#363636;
	margin:				0 15px 10px 0;
	float:				left;
	display:			block;
	clear:				left;
	width:				200px;
	font-size:			0.9em;
}

p.label-longer {
	font-weight:		bold;
	color:				#363636;
	margin:				0;
	clear:				left;
	font-size:			0.9em;
}

#user-profile .user-left {
	width:				325px;
	float:				left;
	margin:				0 0 20px 10px;
}

#user-profile .recent-list {
	margin:				0 0 5px 0;
}

#user-profile .subheading {
	float:				left;
	clear:				left;
}

#user-profile ul li {
	margin:				0;
	font-size:			0.9em;
}


/* =========== ( Forums ) ========== */


.forums {
	background:			#ececec;
	width:				681px;
	border:				2px #959595 solid;
	display:			table;
}

.forums2 {
	background:			#ececec;
	width:				681px;
	border-left:		2px #959595 solid;
	border-right:		2px #959595 solid;
	border-bottom:		2px #959595 solid;
	display:			table;
	padding-top:		5px;
}

.most-popular {
	background:			#941037;
	width:				681px;
	border:				2px #941037 solid;
	display:			table;
	margin:				0 0 30px 0;
}

.most-popular .header {
	display:			table-row;
	background:			#941037;
}

.most-popular .comment {
	background:			#ffffff url('/static/images/most-popular-comment.jpg') top left no-repeat;
	border:				5px solid #ececec;
	padding:			10px 10px 5px 10px;
	display:			table-cell;
	font-size:			0.9em;
}

.most-popular .title {
	font-weight:		bold;
	font-size:			1.1em;
	padding:			0 0 0 50px;
	margin:				0 0 2px 0;
}

.most-popular .username {
	font-size:			0.9em;
	padding:			0 0 0 50px;
	margin:				0 0 7px 0;
}

.most-popular .username  a {
	color:				#363636;
	text-decoration:	none;
}

.most-popular .username  a:hover {
	text-decoration:	underline;
}

.most-popular .comment a.readmore {
	color:				#363636;
	font-weight:		bold;
	text-decoration:	none;
}

.most-popular .comment a.readmore:hover {
	color:				#941037;
}

.most-popular .byline {
	background:			#ffffff url('/static/images/forum-post-bg.jpg') top left no-repeat;
	border-top:			5px solid #ececec;
	border-right:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	padding:			5px 10px 5px 10px;
	color:				#363636;
	display:			table-cell;	
	font-size:			0.9em;
	vertical-align:		bottom;
	line-height:		1.1em;
	text-align:			right;
	font-style:			italic;
}



.most-popular .count {
	background:			#ffffff url('/static/images/most-popular-count.jpg') top center no-repeat;
	border-top:			5px solid #ececec;
	border-right:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	padding:			5px 5px 5px 10px;
	display:			table-cell;
	text-align:			left;
	color:				#31258a;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1.2em;
	vertical-align:		bottom;
	width:				50px;
	height:				90px;
}



h4.forums-header a {
	color:				#941037;
	text-decoration:	none;
	font-size:			1.5em;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
}

.buttons {
	clear:				both;
}

.forums .header {
	display:			table-row;
	background:			#959595;
}

.forums .subheader {
	display:			table-row;
	background:			#ececec;
}

.forums .subheader .column1,
.forums .subheader .column2,
.forums .subheader .column4 {
	color:				#000000;
}

.forums .row,
.forums .row2,
.forums2 .row,
.most-popular .row {
	display:			table-row;
	margin-bottom:		5px;	
}

.forums .sticky {
	border:				2px #959595 solid;
}

.forums a,
.forums2 a {
	color:				#31258a;
	text-decoration:	underline;
}

.column1,
.column1 a {
	color:				#ffffff;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			1.1em;
}

.column2,
.column3,
.column4 {
	color:				#ffffff;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			1em;
}

.column1,
.column2,
.column3,
.column4 {
	display:			table-cell;
	vertical-align:		middle;
	padding:			10px 5px 5px 5px;
}

.forums .top,
.most-popular .top,
.forums2 .top {
	padding:			5px;
}

.forum {
	background:			#ffffff;
}

.forum,
.forums .post,
.forums2 .post {
	border-right:		5px solid #ececec;
	border-left:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	display:			table-cell;
	font-size:			0.9em;
	background:			#ffffff url('/static/images/forum-post-bg.jpg') center left no-repeat; 
	min-height:			45px;
	vertical-align:		middle;
	padding:			5px 5px 5px 50px;
	width:				245px;
}

.forums2 .post-active,
.forums .post-active {
	background:			#ffffff url('/static/images/active-forum-post-bg.jpg') center left no-repeat; 
	min-height:			45px;
	vertical-align:		middle;
	padding:			5px 5px 5px 50px;
	width:				245px;
	border:				5px solid #941037;
	display:			table-cell;
	font-size:			0.9em;
}

.forums2 .comment-active,
.forums .comment-active {
	background:			#ffffff;
	border-right:		5px solid #941037;
	border-bottom:		5px solid #941037;
	border-top:			5px solid #941037;
	padding:			5px;
	color:				#363636;
	font-size:			0.9em;
	vertical-align:		middle;
	line-height:		1.1em;
	display:			table-cell;	
}

.forums2 .posts-active,
.forums .posts-active {
	background:			#ffffff;
	border-top:			5px solid #941037;
	border-right:		5px solid #941037;
	border-bottom:		5px solid #941037;
	padding:			5px;
	display:			table-cell;
	text-align:			center;
	color:				#363636;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	vertical-align:		middle;
	width:				50px;
}

.forums .post a,
.forums2 .post a,
.forums .sticky-post a,
.forums .post-active a,
.forums2 .post-active a {
	font-weight:		bold;
	font-size:			1.1em;
}

.forums .sticky-post {
	background:			url('/static/images/sticky.jpg') top right no-repeat;
	display:			table-cell;
	width:				245px;
}

a.forum-name,
a.post-name {
	font-size:			1em;
	font-weight:		bold;
}

.description {
	color:				#000000;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			0.9em;
}

.forums .comment,
.forums-thread .comment,
.forums2 .comment {
	background:			#ffffff;
	border-right:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	padding:			5px;
	color:				#363636;
	font-size:			0.9em;
	vertical-align:		middle;
	line-height:		1.1em;
	display:			table-cell;	
}

.forums .threads {
	background:			#ffffff;
	border-right:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	padding:			5px;
	display:			table-cell;	
	text-align:			center;
	color:				#363636;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	vertical-align:		middle;
}

.forums .posts,
.forums-thread .posts,
.forums2 .posts {
	background:			#ffffff;
	border-right:		5px solid #ececec;
	border-bottom:		5px solid #ececec;
	padding:			5px;
	display:			table-cell;
	text-align:			center;
	color:				#363636;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-size:			1em;
	vertical-align:		middle;
	width:				50px;
}

.forums .first {
	border-top:			5px solid #ececec;
}

.new-campaign-subject {
	margin:				30px 0 30px 0;
	width:				685px;
	height:				72px;
	border:				0;
}

.create-new-thread {
	float:				left;
	width:				216px;
	height:				36px;
	margin:				0 0 15px 0;
	clear:				left;
}

.buttons .create-new-thread {
	margin:				15px 0 15px 0;
}

.buttons .add-comment {
	margin:				15px 0 15px 15px;
}

.add-comment {
	float:				left;
	width:				163px;
	height:				36px;
	margin:				0 0 15px 15px;
}

.forums-thread {
	background:			#ececec;
	width:				681px;
	border:				2px #959595 solid;
	clear:				both;
}

.forums-thread .header {
	display:			block;
	background:			#959595;
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-weight:		bold;
	font-size:			1.1em;
	padding:			5px;
}

.forums-thread .header  a {
	text-decoration:	none;
	color:				#ffffff;
}

.forums-thread .author {
	padding:			5px 5px 10px 5px;
}

.forums-thread .author .user_icon {
	width:				75px;
	height:				auto;
	border:				1px solid #959595;
	float:				left;
	margin:				0 15px 0 0;
}

.forums-thread  h1 {
	font-family:		"adelle-1","adelle-2",calibri,"Andale Mono",serif;
	font-weight:		bold;
	margin:				5px 0 0 0;
	padding:			0;
	line-height:		1em;
	font-size:			1.2em;
}

.forums-thread h1 a {
	color:				#000000;
	text-decoration:	none;
}

.forums-thread .byline {
	font-style:			italic;
	font-size:			0.8em;
	margin:				0 0 10px 0;
}

.forums-thread .thread {
 	border:				5px solid #ececec;
	padding:			10px;
	background:			#ffffff;
	clear:				both;
	font-size:			0.9em;
	line-height:		1.2em;
}

.forums-thread .thread p {
	margin:				0 0 10px 0;
}

.forums-thread .metadata-left {
	float:				left;
	width:				150px;
	color:				#363636;
	font-size:			0.8em;
}

.forums-thread .metadata-right {
	float:				left;
	font-size:			0.8em;
}

.forums-thread .discussion {
	padding:			5px;
}

.pagenum {
	margin:				20px 0 0 0;
	font-weight:		bold;
	text-align:			center;
	font-size:			0.9em;
}

.pagenum a {
	color:				#363636;
	text-decoration:	none;
}

.pagenum a:hover {
	color:				#941037;
}

/* =========== ( Ads ) ========== */

#ads {
	width:				132px;
	float:				left;
	text-align:			center;
}

#donate a {
	display:			block;
	width:				122px;
	height:				126px;
	background:			url('../images/donate2.png') bottom left no-repeat;
	margin:				0 0 15px 0;
	float:				right;
	z-index:			100;
}

#donate a:hover {
	background:			url('../images/donate2.png') top left no-repeat;
}


#ads-frame {
	width:				107px;
	height:				819px;
	border:				0;
	clear:				right;
	position:			relative;
	left:				5px;
}

#ads-list {
	list-style:			none;
	padding:			0;
	width:				107px;
	float:				right;
	background:			#ffffff;
}

#ads-list ul {
	list-style:			none;
}

#ads-list li {
	display:			block;
	width:				105px;
	height:				105px;
	border:				1px solid #898989;
	background:			#ececec;
	color:				#000000;
	margin:				0 0 10px 0;
	text-align:			center;
}

#ads-list a {
	text-decoration:	none;
}

#ads-list a:hover {
	color:				#920031;
}

#ads-list img {
	width:				105px;
	border:				0;
}

.your-ad-here {
	padding:			15px 0 0 0;
}

/* =========== ( Footer ) ========== */

#footer {
	width:				100%;
	background:			url('../images/footer-bg.jpg') left top repeat-x;
	text-align:			center;
	margin:				20px 0 0 0;
	height:				150px;
	clear:				both;
}

#footer-middle {
	width:				820px;
	margin:				0 auto;
	text-align:			left;
	padding:			0 0 0 120px;
	font-size:			0.8em;
}

#footer a.hidden-link {
	color:				#000000;
	text-decoration:	none;
}

#footer-middle ul {
	list-style:			none;
}

#footer1,
#footer2 {
	width:				225px;
	float:				left;
	margin:				35px 0 35px 0;
}

#footer2 {
	border-left:		1px solid #31258a;
	border-right:		1px solid #31258a;
}

#footer2,
#footer3 {
	padding:			0 0 0 10px;
}

#footer3 {
	width:				220px;
	float:				left;
	margin:				35px 0 35px 0;
}

#footer-donate a {
	position:			relative;
	left:				10px;
}

#footer-donate a {
	display:			block;
	width:				125px;
	height:				126px;
	float:				left;
	background:			url('../images/donate2.png') bottom left no-repeat;
}

#footer-donate a:hover {
	background:			url('../images/donate2.png') top left no-repeat;
}





/* =========== ( Admin footer bar ) ========== */

.admin-footer {
	color:				#000000;
	background:			#ffffff url('../images/admin-footer-bg.png') left top repeat-x;
	height:				33px;
	clear:				both;
	width:				100%;
	position:			fixed;
	bottom:				0;
	left:				0;
	font-family:		Verdana,sans-serif;
}

.shinyCMS {
	float:				left;
	border:				none;
}

.admin-links {
	float:				right;
	font-size:			0.8em;
	padding:			8px 75px 0 0;
}

.admin-links a {
	color:				#005a7e;
	text-decoration:	none;
}
        
.admin-links a:hover {
	color:				#005a7e;
	text-decoration:	underline;
}


/* =========== ( Polls ) ========== */

.pollbooth {
/*	border:				1px solid #ffffff; */
	background:			#333333;
	padding:			5px;
}


/* =========== ( Blogs ) ========== */


.textshort {
	width:				200px;
}




/* =========== ( Users ) ========== */

#user_profile_pic {
	max-width:			200px;
	max-height:			200px;
}

#user_icon {
	max-width:			40px;
	max-height:			40px;
	float:				left;
	margin-right:		5px;
}


/* =========== ( IE6 warning ) ========== */

#IEwarning {
	height:					100px;
	color:					#000000;
	font-size:				12px;
	z-index:				100;
	background:				#ffffe0 url('/static/images/info-icon-yellow.png') left top no-repeat;
	padding:				10px 10px 20px 85px;
	border-bottom:			1px solid #959595;
	text-align:				left;
}

#IEwarning  ul {
	list-style:				none;
	padding:				0 0 5px 0;
}

#IEwarning  li {
	float:					left;
	padding:				0 30px 0 0;
}

#IEwarning p {
	margin:					0 0 10px 0;
}




/* =========== ( IE fixes ) ========== */

.ie8 #ads-frame {
	border:				none 0px;
}

.ie8 #forumpage-row #left #login .fields {
	font-size:			0.9em;
}


.ie7 #tagline {
	margin:				40px auto 0 auto;
}

.ie7 #row2-about,
.ie6 #row2-about {
	margin:				20px 0 20px 0;
}

.ie6 #evidence-tabs {
	margin:				30px 0 0 0;
}

.ie6 #timeline {
	margin:				0 0 30px 0;
}

.ie7 .most-popular .comment {
	width:				386px;
	height:				77px;
	float:				left;
}

.ie6 .most-popular .comment {
	width:				411px;
	height:				97px;
	float:				left;
	padding:			10px 10px 5px 10px;
}

.ie7 .most-popular .column1,
.ie6 .most-popular .column1 {
	width:				376px;
	float:				left;
}

.ie7 .most-popular .byline {
	width:				165px;
	height:				57px;	
	float:				left;
	padding:			25px 10px 10px 10px;
}

.ie6 .most-popular .byline {
	width:				190px;
	height:				101px;	
	float:				left;
	padding:			25px 10px 10px 10px;
}

.ie7 .most-popular .column2,
.ie6 .most-popular .column2 {
	width:				160px;	
	float:				left;
}

.ie7 .most-popular .count {
	width:				50px;	
	height:				22px;
	float:				left;
	padding:			60px 10px 10px 10px;
}
 
.ie6 .most-popular .count {
	width:				75px;	
	height:				22px;
	float:				left;
	padding:			60px 10px 7px 10px;
}

.ie7 .most-popular .column3,
.ie6 .most-popular .column3 {
	width:				50px;	
	float:				left;	
}

.ie7 .forums .header,
.ie7 .forums2 .header,
.ie6 .forums .header,
.ie6 .forums2 .header {
	height:				28px;
	display:			block;
}

.ie7 .forums .subheader  {
	height:				30px;
	display:			block;
	padding:			5px;
}

.ie6 .forums .subheader  {
	height:				40px;
	display:			block;
	padding:			5px;
}

.ie7 .forums .header .column1 {
	width:				320px;
	float:				left;
	display:			block;
	padding:			5px;	
}

.ie6 .forums .header .column1 {
	width:				330px;
	float:				left;
	display:			block;
	padding:			5px;	
}

.ie7 .forums .subheader .column1 {
	width:				390px;
	float:				left;
	display:			block;
	padding:			5px;
}

.ie6 .forums .subheader .column1 {
	width:				400px;
	float:				left;
	display:			block;
	padding:			5px;
}

.ie7 .forums .header .column2,
.ie7 .forums .subheader .column2 {
	width:				197px;
	float:				left;
	display:			block;	
	padding:			5px;	
}

.ie6 .forums .header .column2  {
	width:				207px;
	float:				left;
	display:			block;	
	padding:			5px;	
}

.ie6 .forums .subheader .column2 {
	width:				197px;
	float:				left;
	display:			block;	
	padding:			5px;	
}

.ie7 .forums .header .column3,
.ie7 .forums .header .column4,
.ie7 .forums .subheader .column3,
.ie7 .forums .subheader .column4 {
	width:				59px;
	float:				left;
	display:			block;	
	padding:			5px;	
}

.ie6 .forums .header .column3,
.ie6 .forums .header .column4,
.ie6 .forums .subheader .column3,
.ie6 .forums .subheader .column4 {
	width:				69px;
	float:				left;
	display:			block;	
	padding:			5px 0 5px 0;	
}

.ie7 .forums .row .forum,
.ie7 .forums2 .row .forum {
	width:				270px;
	float:				left;
	display:			block;
	height:				53px;	
	padding:			10px 5px 5px 50px;
}

.ie6 .forums .row .forum,
.ie6 .forums2 .row .forum {
	width:				320px;
	float:				left;
	display:			block;
	height:				68px;	
	padding:			10px 5px 5px 50px;
}

.ie7 .forums .row2 .post,
.ie7 .forums2 .row2 .post {
	width:				337px;
	float:				left;
	display:			block;
	height:				53px;	
	padding:			10px 5px 5px 50px;
	font-size:			0.9em;
}

.ie6 .forums .row2 .post,
.ie6 .forums2 .row2 .post {
	width:				392px;
	float:				left;
	display:			block;
	height:				68px;	
	padding:			10px 5px 5px 50px;
	font-size:			0.9em;
}

.ie7 .forums .row,
.ie7 .forums .header,
.ie7 .forums .subheader,
.ie7 .forums2 .row,
.ie7 .forums2 .row2,
.ie6 .forums .row,
.ie6 .forums .header,
.ie6 .forums .subheader,
.ie6 .forums2 .row,
.ie6 .forums2 .row2 {
	clear:				both;
	padding:			0;
}

.ie7 .forums .row,
.ie7 .forums2 .row,
.ie6 .forums .row,
.ie6 .forums2 .row {
	height:				73px;
}

.ie7 .forums .row2,
.ie7 .forums2 .row2,
.ie6 .forums .row2,
.ie6 .forums2 .row2  {
	height:				68px;
}


.ie7 .forums .row .comment,
.ie7 .forums2 .row .comment,
.ie7 .forums .row2 .comment,
.ie7 .forums2 .row2 .comment {
	width:				197px;
	float:				left;
	display:			block;
	height:				53px;	
	padding:			10px 5px 5px 5px;	
}


.ie6 .forums .row .comment,
.ie6 .forums2 .row .comment,
.ie6 .forums .row2 .comment,
.ie6 .forums2 .row2 .comment {
	width:				218px;
	float:				left;
	display:			block;
	height:				68px;	
	padding:			10px 5px 5px 5px;	
}

.ie7 .forums .row .threads,
.ie7 .forums2 .row .threads,
.ie7 .forums .row .posts,
.ie7 .forums2 .row .posts,
.ie7 .forums .row2 .posts,
.ie7 .forums2 .row2 .posts  {
	width:				52px;
	float:				left;
	display:			block;	
	height:				38px;
	padding:			25px 5px 5px 5px;
}

.ie6 .forums .row .threads,
.ie6 .forums2 .row .threads,
.ie6 .forums .row .posts,
.ie6 .forums2 .row .posts,
.ie6 .forums .row2 .posts,
.ie6 .forums2 .row2 .posts  {
	width:				67px;
	float:				left;
	display:			block;	
	height:				73px;
	padding:			25px 5px 5px 5px;
}

.ie7 .forums-thread .buttons,
.ie6 .forums-thread .buttons {
	margin:				30px 0 30px 0;
	width:				685px;
}

.ie7 #search {
	height:			16px;
	width:			166px;
	padding:		4px;
}

.ie7 .media-update .body,
.ie6 .media-update .body {
	padding:			10px;
	background:			#ffffff;
}

.ie7 .media-update,
.ie6 .media-update {
	background:			#ececec;
}

.ie7 #frequent  {
	padding:			3px 0 3px 3px;
}

.ie6 #frequent .contributor {
	width:				336px;
}

.ie6 #logo {
	position:			relative;
	top:				-19px;
	left:				-10px;
}

.ie6 #tagline {
	margin:				0 auto;
}

.ie6 #content {
	position:			relative;
	top:				-30px;
}

.ie6 #ads {
	width:				122px;
	float:				left;
	text-align:			center;
}

.ie6 #search {
	height:			22px;
	width:			162px;
	padding:		4px;
}

.ie6 #media-latest {
	width:				453px;
	background:			url('../images/media-bg.jpg') repeat-y;
	padding:			0 10px 0 10px;
}

.ie6 #about {
	width:				684px;
	background:			url('../images/victory-punch.jpg') bottom right no-repeat;
	padding:			10px 275px 10px 10px;
}

.ie6 #footer {
	margin:				0;
}

.ie6 #footer-middle {
	width:				940px;
}

.ie6 #footer3 {
	width:				210px;
	float:				left;
	margin:				35px 0 35px 0;
}

.ie6 #footer-donate a {
	position:			relative;
	top:				20px;
}

body.ie6 {
	background:			#ffffff url('../images/bg3.jpg') center 115px no-repeat;
}

.ie6 #forumpage-row #left #login .textshort {
	height:				25px;
	width:				153px;
}