/*  
Theme Name: Oxtalk Full Graphic
Theme URI: http://oxtalk.org.uk
Description: red n white
Author: Simon Blackbourn
Author URI: http://lumpylemon.co.uk/

Full graphic version

*/



/* g l o b a l   w h i t e s p a c e   r e s e t */

/* Set all margins and padding to zero */
/* for most consistent cross-browser look. */
/* Read more at http://leftjustified.net/journal/2004/10/19/global-ws-reset/ */


* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
}


/* l a y o u t   d i v s */

body {
	text-align: center;
	background-color: #006f95;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.hide, hr, p.backtotop, #oxtalk h1, #oxtalk h2 {
	display: none;
}

#wrap {
	background: #fff url(im/wrap.jpg) top left repeat-x;
	width: 640px;
	margin: 0 auto;
	padding-top: 10px;
}

#oxtalk {
	background: transparent url(im/oxtalk.gif) 348px 20px no-repeat;
	height: 127px;
}

#photo {
	margin: 0 10px;
}

#main {
	margin-top: 30px;
	width: 420px;
	border-left: 220px;
	margin-left: -220px;
	float: right;
	text-align: left;
	line-height: 1.8em;
	min-height: 250px;
	height: auto;
}

/* especially for lovely Internet Explorer */
/*\*/
* html #main {
height: 250px;
}
/**/

#main .divider {
	border-top: 1px solid #950024;
	margin: 30px 25px 0 0;
}

#sidebar {
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 185px;
	text-align: left;
	line-height: 1.2em;
}

#footer {
	clear: both;
	background-color: #e5f0f4;
	padding: 10px 0;
	min-height: 60px;
	height: auto;
}

/* for Internet Explorer */
/*\*/
* html #footer {
height: 60px;
}
/**/

#bottom {
	width: 640px;
	margin: 0 auto;
	padding: 5px 0 40px 0;
	font-size: 0.8em;
	color: #fff;
}

#members {
	float: left;
	text-align: left;
}

#design {
	float: right;
	text-align: right;
}



							/* a c c e s s i b i l i t y   b a r */

#access {
	background-color: #fff;
	margin: 0 10px 0 10px;
	text-align: left;
	padding: 4px;
	font-size: 0.85em;
}

#access #skip {
	display: none;
}

#access ul li {
	list-style-type: none;
	display: inline;
	padding-left: 1em;
}

#access a {
	padding: 2px;
	text-decoration: underline;
}

#access a#help {
	font-weight: bold;
	padding: 0;
}

#access a:link {
	color: #000;
}

#access a:visited {
	color: #000;
}

#access a:hover {
	color: #950024;
}

#access a:active {
	color: #000;
}


							/* p a r a g r a p h s */

strong {
	font-weight: bold;
}

#main p {
	margin: 0 25px 1.5em 0;
}

#main p#date {
	font-size: 0.85em;
	margin-top: -2em;
	color: #999;
}

#main p.date {
	font-size: 0.85em;
	color: #999;
}

#main p.goto {
	text-align: right;
	font-size: 0.9em;
}

#main p.line {
	border-top: 1px solid #950024;
}

#footer p {
	text-align: center;
	padding-top: 0.2em;
	font-size: 0.85em;
}

#footer p img {
	padding-top: 8px;
}




							/* h e a d e r s */

#main h1 {
	margin: 0 25px 1em 0;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	color: #950024;
}

#main h1 span {
		font-size: 0.666em;
		color: #000;
		font-weight: bold;
}

#main h2 {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #950024;
}

#main h1 {
	margin: 0 25px 1em 0;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	color: #950024;
}



							/* l i n k s */

#main a {
	font-weight: bold;
	text-decoration: underline;
}

#main a:link {
	color: #970f00;
}

#main a:visited {
	color: #970f00;
}

#main a:hover {
	color: #000;
}

#main a:active {
	color: #970f00;
}




							/* l i s t s */

#main ul {
	margin: 0 30px 1.5em 30px;
}

#main ul li {
	list-style-type: disc;
}

							/* i m a g e s   i n   p o s t s */

#main .aligncenter, #main div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#main .alignleft {
    float: left;
}

#main .alignright {
    float: right;
}

#main .wp-caption {
	background-color: #e5f0f4;
    text-align: center;
    padding-top: 4px;
    margin: 10px;
}

#main .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

#main .wp-caption p.wp-caption-text {
    font-size: 0.8em;
    line-height: 1.4;
    padding: 0 4px 5px;
    margin: 0;
	width: auto;
}


							/* a u d i o   p l a y e r */

#main object {
	margin-bottom: 1.5em;
}


							/* s i d e b a r */

#sidebar h4 {
	font-size: 0.85em;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px;
}

#sidebar ul {
	margin: 0 0 2em 0;
	list-style-type: none;
	background: transparent url(im/sidebar.jpg) top left no-repeat;
}

#sidebar ul li {
	font-size: 0.9em;
	margin-left: 5px;
}

#sidebar ul li a {
	display: block;
	padding: 5px 4px;
	width: 167px;
	background-color: #fff;
	border-bottom: 1px solid #950024;
	text-decoration: none;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
	color: #950024;
}

#sidebar ul li a:hover {
	color: #fff;
	background-color: #950024;
}

#sidebar ul li a:active {
	color: #fff;
}

#sidebar .archive {
	margin-top: -1.5em;
	background: none;
}

#sidebar .archive li {
	font-size: 0.85em;
	text-align: right;
}

#sidebar ul.archive li a {
	text-decoration: underline;
	background-color: #fff;
	border-bottom: none;
}

#sidebar .archive li a:link, #sidebar .archive li a:visited {
	color: #000;
}

#sidebar .archive li a:hover {
	color: #950024;
}

#sidebar .archive li a:active {
	color: #000;
}

#sidebar .end {
	padding-bottom: 100px;
}




							/* a d m i n   b a r */

#main p.edit {
	text-align: left;
	font-size: 0.85em;
	color: #000;
	background-color: #ddeaf7;
	border: 1px solid #000;
	padding: 0.5em;
}

#main p.edit span {
	padding-right: 1em;
	font-weight: bold;
}

#main p.edit a {
	font-weight: bold;
	padding: 0.2em;
	border: 1px solid #ddeaf7;
	text-decoration: none;
}

#main p.edit a:link {
	color: #000;
}

#main p.edit a:visited {
	color: #000;
}

#main p.edit a:hover {
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
}

#main p.edit a:active {
	color: #000;
}




							/* a c c e s s i b l e   c o n t a c t   f o r m */

							/* thank you to http://www.websiteoptimization.com/speed/tweak/forms/ */


form {								/* set width in form, not fieldset (still takes up more room w/ fieldset width */
	width: 395px;
	line-height: 100%;
	margin-bottom: 30px;
}

form fieldset {
	/ * clear: both; make inputs break to left in ie5.x mac */
	background-color: #f9f9f9;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 0 5px 5px 5px;					/* padding in fieldset support spotty in IE */
}

form label { 
	display: block;					/* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	margin: 23px 0 0;				/* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size: 0.85em;
}

form fieldset legend {
	font-size: 0.85em;				/* bump up legend font size, not too large or it'll overwrite border on left */
	font-weight: bold;				/* be careful with padding, it'll shift the nice offset on top of border  */
	padding: 0 0.5em;
}

form input, form textarea {
									/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;					/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 20px 0 0 10px;			/* set margin on left of form elements rather than right of */
	border: 1px solid #999;			/* label aligns textarea better in IE */
	padding: 0.3em;
	color: #950024;
	font-family: Arial, Helvetica, sans-serif;

}

form input#submit {
	background-color: #f9f9f9;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}

textarea {
	overflow: auto;
}

form small {
	display: block;
	margin: 0 0 5px 160px;			/* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required {					/* uses class instead of div, more efficient */
	font-weight: bold;
}

form br {
	clear: left;					/* setting clear on inputs didn't work consistently, so brs added for degrade */
}




							/* b o t t o m   d i v */

#bottom a:link {
	color: #fff;
	text-decoration: underline;
}

#bottom a:visited {
	color: #fff;
	text-decoration: underline;
}

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

#bottom a:active {
	color: #fff;
	text-decoration: underline;
}