/*
Theme Name: RedsRelish
Description: Theme for Marc Redford website
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 20080805
*/


/* ----- ACCESSIBLE STUFF ----- */
h1			{	position:absolute; top:-100px; }
#nav_access	{	position:absolute; top:-70px; }

/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
body		{	text-align:center; font-size:62.5%; font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; 
				background:#333; color:#FFF; }

#wrapper		{	margin:0 auto; width:800px; text-align:left; padding:20px; }
#header				{	padding-top:50px; }
#main			{	margin-top:30px; }
#content		{	width:550px; float:left; text-align:justify; }
#sideContent	{	width:200px; float:right; text-align:left; }
#footer			{	clear:both; text-align:left; margin:20px 0; }

/* ----- IMAGES ----- */
#header a img, #header img 		{	border:none; text-decoration:none; }
#header a:hover	img {	text-decoration:none; }
img					{	border:1px solid #FFF;  }
#content .homePic img	{	width:800px; height: 550px; }
/*.homePic 		{	width:100%; height:100%;  }*/
#sideContent a img	{	width:54px; height:54px; padding:0 5px 5px 0; border:none;  }

/* ----- GENERAL TEXT STUFF ----- */
h2			{	font-size:2em;  }
h2 small	{	font-size:60%; font-weight:normal; color:#999; padding-left:15px;  }
h2 small a	{	color:#999; }

p			{	font-size:1.4em; line-height:1.5em; }
p.clear		{	clear:both; }
#footer	p		{	color:#666; font-size:1.2em; }
#footer p a		{	font-size:1em; color:#666; }
#footer p a:hover	{	color:#FF0000; }
#footer p img	{	border:none; }

a		 	{	color:#FFF; text-decoration: none; }
a:hover 	{	color: #FF0000;  }

.bullet 		{	background:url(images/red.png) no-repeat 0 50%; padding-left:15px; }

/* ----- MAIN NAVIGATION ----- */
#navigation ul		{	margin:0; padding:0; list-style-type:none; float:right; }
#navigation ul li	{ 	display:block; float:left; text-align:left;   }
#navigation ul li a	{	color:#FFF; text-decoration:none; display:block; text-align:left; font-size:1.4em; padding:0 1em;
						background:url(images/menuDiv.png) no-repeat center right;}
#navigation li a:hover {	color:#FF0000; }

.page_item ul 		{	display: none; } /* This avoids any sub menu items being shown when not on the parent page */
#navigation ul li.current_page_item a		{	text-decoration:underline; } /* Highlights the current page */

/* ----- SIDE BAR NAVIGATION STUFF ----- */
#sideContent ul		{	margin:0; padding:0; list-style:none; text-align:left; }
#sideContent ul li	{	display:block; background:url(images/red.png) no-repeat 0 30%; padding-bottom:5px; line-height:20px;	}
#sideContent ul li a	{	margin:0; color:#BBB; text-decoration:none; display:block; padding-left:15px; font-size:1.4em;  }
#sideContent ul li a:hover	{	color:#FF0000; }

#sideContent ul li li {	background:url(images/red.png) no-repeat 0 40%; margin-left: 20px; }

a.rssFeed		{	background:url(images/rssSQUARE.png) no-repeat top left; font-size:1.2em; color:#666; text-decoration:none;
					padding-left:25px; }
a:hover.rssFeed	{	text-decoration:underline; }

/* ----- POST CONTENT ----- */
.post			{	clear:left; border-bottom:1px solid #999;  }
.entry img		{	float:left; margin:0 10px 10px 0;  }
.moretext 		{	color:#999; text-decoration:underline; }
.moretext a:hover	{	color:#FF0000; }
.postmetadata	{	clear:left; font-size:1.2em; margin-top:-10px; color:#999; font-weight:normal; }
.postmetadata a	{	color:#999; text-decoration:underline; }
.wp-caption		{	font-size:90%; color:#999; }


/* ----- COMMENTS ----- */
#comments, #respond	{	font-size:1.8em; font-weight:normal;  }
.commentlist 		{	list-style-type:none; margin:0; padding:0; }
.commentlist li		{	padding:15px 20px 10px 20px;border:1px solid #999; margin-bottom:10px; }
.commentlist cite	{	font-size:1.4em; font-style:normal; font-weight:normal;  }
.commentlist cite a	{	color:#999; text-decoration:underline; }
.commentmetadata a	{	font-weight:normal; color:#999; text-decoration:none; }
#comment			{	width:100%; }

/* ----- SEARCH FORM ----- */
#searchform		{	width:100%; margin: 10px auto; padding: 5px 0px; text-align: center; }
#s 				{	width:50%; float:left; margin:1px 0; padding: 2px; background-color:#eee;}
#searchsubmit	{	padding:1px; margin:0; }

/* ----- CONTACT FORM ----- */
.ddfmwrap 			{	width: 100%; }
.ddfmerrors, .errorlist			{	padding-left:20%; color:#CC6600;  }
.ddfmerrors			{	font-size:1.6em; }
.errorlist			{	font-size:1.4em; }
form.ddfm 			{	text-align: left; padding: 20px; }
form.ddfm fieldset 	{	padding:0 10px 2px 10px; margin-bottom:13px; display: block; }
form.ddfm label 	{	display:block; float:left; width:15%; text-align:right; margin-right:10px; padding-bottom:5px; clear: left; }
form.ddfm textarea 	{	float: left; position: relative; width: 80%; margin-bottom: 15px; padding: 3px; }
form.ddfm .credits 	{	text-align: right; margin-top: 7px; width: 97%; }
form.ddfm .credits a {	color:#CCC; text-decoration:underline; }
form.ddfm .submit 	{	text-align: right; clear: both; width: 97%; }