/*
Theme Name: TMS Classic
Theme URI: http://wordpress.org/wp-content/themes/tms/style.css
Description: WordPress theme for the Thomas More Society based on Hans Holbein portrait
Version: 1.0
Author: Eric Scheidler
Author URI: http://squarezero.org
Tags: 
*/


/* COLOR Table
Dark Green: rgb(15,85,50);
Very Pale Yellow: rgb(255,255,250);
Dark Brown: rgb(35,20,20);
Medium Brown: rgb(140,70,45);
---------------------- */


/* MAJOR LAYOUT Styles
USAGE:
	mainpage: 
	holbein: Thomas More portrait
	tms: Thomas More Society (text logo)
---------------------- */

body {
	background-image:  url("images/rosetile.gif");
	background-repeat: repeat-x repeat-y;
	background-position: -21px -16px;
	background-attachment: fixed;
	padding: 0;
	font: 12px/18px verdana,san-serif;
}
#page {
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -379px; /* half of TOTAL width (width, borders, padding, margins) */
	background-color: rgb(255,255,245);
	border: 4px solid rgb(35,20,20);
	border-top-width: 12px;
	width: 510px; /* 750px total minus padding */
	padding: 230px 30px 200px 210px;
	color: rgb(20,15,10);
}
#masthead {
	position: absolute;
	top: 12px;
	right: 50%;
	margin-right: -375px; /* #mainpage margin-right minus #masthead left-border width */
	z-index: 100;
	width: 750px; 
	border-top: 4px solid rgb(140,70,45);
	padding: 0;
}
#holbein {
	padding: 0;
	margin: 0;
	float: left;
}
#logo {
	margin: 10px 0 0 18px;
	border: none;
	padding: 0;
}
#toppix {
	margin: 2px 10px 0 203px;
}
#toppix img {
	margin: 0 0 0 -1px;
	padding: 0;
}
#toppix a img {
	margin: 0;
	padding: 0;
	border: none;
}

/* HEADING Styles
---------------------- */
h1,
h1 a:link,
h1 a:visited,
h2,
h2 a:link,
h2 a:visited {
	font-size: 16px;
	line-height: 23px;
	margin: 0 0 20px;
	padding: 0;
	color: rgb(15,85,50);
	text-decoration: none;
}
h1 a:hover,
h2 a:hover {
	color: rgb(75,125,100);	
}
#archive h1 {
	border-bottom: 1px solid ;
	font-size: 12px;
	font-variant: small-caps;
	padding-left: 15px;
}
h3 {
	font-size: 13px;
	margin: 0 0 15px;
	color: rgb(70,60,50);
}
.big {
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid rgb(140,130,120);	
}
h4 {
	font-size: 11px;
	color: rgb(100,90,80);
	margin: -17px 0 15px;
}
h5 {
	margin-top: -20px;
}
h5, h6 {
	color: rgb(90,60,60);
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}
h6 {
	border-bottom: 1px solid rgb(90,60,60);
	clear: both;
	margin: 0 0 25px;
	padding: 0 0 25px;
	width: auto; /* ? */
}


/* BLOCK Styles
---------------------- */
p {
	margin: 0 0 15px;
}
p.note {
	background-color: rgb(230,230,210);
	padding: 13px;
	border: 1px solid;
	font-size: 11px;
	line-height: 17px;
}
dl {
}
dt {
	font-weight: bold;
	margin: 15px 0 8px;
}
dd {
	font-size: 11px;
	margin: 0 0 7px 15px;
}
address {
	font-weight: normal;
	font-style: normal;
}
td.left {
	text-align: right;	
}
#address td {
	vertical-align: top;
	padding: 0 5px 10px 0;
}
#address td.left {
	width: 120px;
	font-weight: bold;
	float: none;
}
#paypal {
	text-align: center;
	margin: 0 0 20px;
}
.clear {
	clear: both;
}
.docs {
	width: 70px;
	padding: 5px 10px;
	margin: 0 0 5px 10px;
	border: 1px solid rgb(140,130,120);
	background-color: rgb(230,240,230);
	float: right;
}
.update {
	border: 1px solid rgb(140,130,120);
	background-color: rgb(230,240,230);
	padding: 2px 10px 1px;
	font-size: 11px;
}

/* LINK Styles
---------------------- */
a:link {
	color: rgb(20,15,200);
	text-decoration: underline;
}
a:visited {
	color: rgb(170,15,170);
}
a:hover {
	color: rgb(100,100,100);
	text-decoration: none;
}
a.more-link {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	padding-left: 15px;
}


/* INLINE Styles
---------------------- */
.underscore,
.underline {
	text-decoration: underline;
	font-style: normal;
}


/* MENU Styles
---------------------- */
#mainmenu {
	position: relative;
	left: -30px;
	top: -20px;
	z-index: 200;
	width: 570px;
	background-color: rgb(140,70,45);
	border: 4px solid rgb(35,20,20);
	border-right: none;
	border-left: none;
	padding: 0;
	margin: 0 0 15px;
}
#mainmenu ul {
	padding: 4px 4px 4px 23px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 11px;
}
#mainmenu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#mainmenu li a {
	padding: 2px 5px;
	margin: 0 0 0 2px;
	border: 1px solid rgb(140,70,45);
	border-right-width: 4px;
}
#mainmenu li a:link,
#mainmenu li a:visited {
	text-decoration: none;	
	color: rgb(220,220,210);
}
#mainmenu li a#here,
#mainmenu li a:hover {
	position: relative;
	top: 2px;
	padding-top: 4px;
	padding-bottom: 8px;
	border-bottom: none;
	border-color: rgb(35,20,20);
}
#mainmenu li a:hover {
	background-color: rgb(200,200,170);
	color: rgb(80,60,40);
}
#mainmenu li a#here,
#mainmenu li a#here:hover {
	background-color: rgb(255,255,245);
	color: rgb(20,15,10);
}
#mainmenu li#first a {
	margin-left: 0;	
}
#mainmenu li a.home {
	/* No change needed */
}
#mainmenu li a.about {
	padding-right: 6px;	
}
#mainmenu li a.cases {
	padding-right: 12px;	
}
#mainmenu li a.rights {
	padding-left: 3px;
	padding-right: 3px;
	word-spacing: -1px;
}
#mainmenu li a.press {
	padding-right: 9px;	
}
#mainmenu li a.donate {
	padding-right: 28px;	
}


/* SIDEBAR Styles
---------------------- */
#sidebar {
	position: absolute;
	top: 244px;
	margin-left: -210px;
	width: 159px;
	background-color: rgb(230,240,230);
	padding: 10px 10px 50px;
	font-size: 11px;
	line-height: 15px;
	border-right: 1px solid rgb(35,20,20);
	color: rgb(90,60,60);
	}
#sidebar h2 {
	font-size: 12px;
	margin-bottom: 7px;
	border-bottom: 1px solid rgb(35,20,20);
	text-align: left;
	padding-left: 5px;
	color: rgb(90,60,60);
	}
#sidebar ul {
	list-style-type: none;
	margin:	0 0 15px;
	padding: 0;
}
#sidebar li {
	padding: 0;
	margin: 0;
}
#sidebar a:link,
#sidebar a:visited {
	text-decoration: none;	
}
#sidebar a:hover {
	text-decoration: underline;	
}
#sidebar .formlabel {
	color: rgb(120,120,120); 
}
#sidebar ul.address {
	clear: both;
	list-style-type: none;
	list-style-image: none;
	margin: 10px 0 0;
	}
#sidebar p,
#sidebar ul {
	padding-left: 5px;
}


/* SUBMENU Styles
---------------------- */
#sectionmenu {
	margin: 20px 0 0;
}
#sidebar #sectionmenu h2 {
	text-align: right;
	padding-right: 5px;
}
#sectionmenu ul {
	text-align: right;
	padding-left: 0;
}
#sectionmenu li {
	padding: 1px 5px 2px 0;	
}
#sectionmenu a:link,
#sectionmenu a:visited {
	color: rgb(90,60,60);
}
#sectionmenu li#thispage {
	font-weight: bold;
	background-image: url('images/thispage.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 17px;
	width: 155px;
}

/* SIDEBAR SIGNUP and SEARCH Styles
---------------------- */
#signup p.info {
	margin-bottom: 10px;
	text-align: left;
	}
#signup {
	margin: 0 0 20px;
	}
#search p,
#signup p {
	text-align: right;
	margin: 0 0 4px;
	padding-right: 5px;
}
#search input,
#signup input {
	width: 141px;
	border: 1px solid rgb(110,80,80);
	padding: 0 3px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}
#search input.button,
#signup input.button,
#respond input#submit {
	margin-top: 3px;
	text-align: right;
	width: 65px;
	cursor: pointer;
	background-color: rgb(140,70,45);
	font-size: 11px;
	font-weight: bold;
	color: rgb(250,250,220);
	padding: 1px 3px 2px;
	border: 1px solid rgb(35,20,20);
	border-right-width: 4px;
	border-bottom-width: 4px;
}
#search input.button:hover,
#signup input.button:hover,
#respond input#submit:hover {
	border: 1px solid rgb(80,60,40);
	border-top-width: 4px;
	border-left-width: 4px;
	background-color: rgb(200,200,170);
	color: rgb(80,60,40);
}


/* FOOTER Styles
	On blog posts, the top border of the footer is supplied by the last <h6> on the page
	On pages, the top border of the footer is supplied here
	The -25px on the #footer position is required to undo the <h6> bottom margin
	The 50px for .onpage adds back in the 25 pixels needed before the footer border
---------------------- */
#footer {
	padding-top: 4px;
	color: rgb(90,60,60);
	position: relative;
	top: -25px;
}
.onpage {
	border-top: 1px solid;
	margin-top: 50px;
	
}
#footer p {
	font-size: 11px;
	line-height: 13px;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
}


/* TOPNAV Styles
	Usage: Links to Earlier and Later entries at top of page
------------------------- */
ul.topnav {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: -25px 0 20px;
	font-size: 11px; 
	text-align: center;
/*	border: 1px solid rgb(140,140,140); */
	color: rgb(140,140,140);
	border-right: none;
	border-left: none;
}
.topnav li {
	list-style-type: none;
	list-style-image: none;
	display: inline;
	padding: 0;
	margin: 0;
}
.topnav .home {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}
.topnav .next,
.topnav .prev {
	width: 238px; 
}
.topnav .next {
	text-align: right;
	float: left;
	margin-right: 2px;
}
.topnav .prev {
	text-align: left;
	float: right;
	margin-left: 2px;
}
.topnav li a:link,
.topnav li a:visited {
	text-decoration: none;
}
.topnav li a:hover {
	text-decoration: underline;
}
.topnav li.home a {
	padding: 0;
}


/* IMAGE Styles
.right	image or div floats on the right
.left	image or div floats on the left
.portrait	caption for 180x240 image (in div)
.landscapre	caption for 240x180 image (in div)
------------------------- */
img {
	border: 0;
	padding: 0;
	margin: 0;
}
.right {
	float: right;
	margin: 5px 0 10px 20px; 
}
.left {
	float: left;
	margin: 5px 20px 10px 0;
}
.portrait,
.landscape {
	padding: 1px 0 0;
	font-size: 10px;
	margin: 0 0 10px;
}
.portrait {
	width: 170px;
}
.landscape {
	width: 230px;	
}
.right .portrait,
.right .landscape {
	text-align: left;	
}
.left .portrait,
.left .landscape {
	text-align: right;	
}


/* COMMENTS Styles
------------------------- */
.commentlist {
	margin: 0 20px 0 30px;
	padding: 0;
}
.commentlist li {
	font-weight: bold;
	border: 1px solid rgb(140,130,120);
	padding: 10px 15px;
	background-color: rgb(240,250,240);
	margin: 0 0 10px;	
}
.commentlist li.alt,
.commentlist li.alt li  {
	background-color: rgb(245,245,230);
}
.commentlist li ul li {
	border: none;
	padding: 0;
	margin: 0 0 0 20px;
	font-weight: normal;
}
.commentlist p {
	margin: 15px 0 0;
	font-weight: normal;
	}
h3#comments {
	margin-bottom: 15px;
}
.commentlist h6 {
	margin: 15px 0 0;
	text-align: right;
	border-bottom: none;
	padding-bottom: 0;
}
#respond textarea {
	border: 1px solid rgb(140,130,120);
	width: 488px;
}
#respond input#submit { /* Other styles from SIGNUP and SEARCH buttons in SIDEBAR, above */
	width: 127px;
	font-size: 12px;
}
.submitbutton {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(90,60,60);
}

/* TMS LOGIN Styles 
------------------------- */
#tmslogin {
	position: fixed;
	top: 90px;
	left: 64px;
	margin: 0;
	padding: 0;
}
#tmslogin a:link,
#tmslogin a:visited {
	padding: 15px 6px;
	background-image: url('images/tmslogin.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#tmslogin a:hover {
	background-image: url('images/tmslogin2.png');
}