/*
Theme Name: Ramon 2010 TAKEtwo
Description: Theme for Ramon Mohamed
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: 20100223
*/

/* ----- ACCESSIBLE STUFF ----- */
#header h1, #header h2	{	position:absolute; top:-100px; }
html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, img {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
body		{	text-align:center; font-size:62.5%; background:#fff; color:#555; font-family:Tahoma, Geneva, sans-serif; height:100%;  }

#header		{	width:100%; background:url(images/bg-cube.jpg) repeat; overflow:hidden; }

.wrapper	{	margin:0 auto; width:960px; text-align:left; overflow:hidden; }
#navigation	{ 	width:100%; padding:5px 0; }
#main		{ 	width:100%; clear:left; padding:20px 0; }
#footer		{ 	width:100%; clear:both; border-top:1px solid #999; }

#image		{	width:700px; float:left; padding:20px 0; }
#branding	{	width:210px; float:right; padding:20px 0; margin:0 10px 0 20px; color:#fff; overflow:hidden; }
img.mission_logo	{	background:#fff; padding:1px; margin:24px 22px 0 20px; }


#main dl	{	width:200px; float:left; padding:20px; }
#main dd	{	padding:0; margin:0; }
#main dl.featured	{	background:#ddd;  }

#content	{	width:700px; float:left; margin:0 0 20px 0; }
#sidebar	{	width:230px; float:right; }

/* ----- MAIN NAVIGATION  ----- */
#navigation ul		{	margin:0; padding:0; list-style-type:none; width:100%; border-bottom:1px solid #999; float:left; }
#navigation ul li	{	float:left; }
#navigation ul li a	{	display:block; width:129px; padding:0 0 0 0.5em; line-height:2.1em; color:#a30a0c; text-decoration:none; text-align:left; font-size:1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.1em; }
#navigation ul a:hover {	color:#fff; background:#a30a0c; text-decoration:none; }

/* ----- SIDEBAR NAVIGATION ----- */
#sidebar ul			{	margin:0; padding:0 10px 30px 20px; list-style:none; width:100%; }
#sidebar ul li		{	border-bottom:1px solid #ccc;  }
#sidebar ul a		{	width:100%; display:block; min-height:30px; line-height:30px; color:#333; text-decoration:none; font-size:1.4em; font-weight:normal; }
#sidebar ul a:hover	{	color:#c00; }
#sidebar ul li.current_page_item a	{	color:#c00; }

/* ----- GENERAL TEXT STUFF ----- */
h2, h3, #main dt	{	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
h2		{	font-weight:bold; font-size:2em; padding:0 0 20px 0; }
h2 small	{	font-size:60%; font-weight:normal; color:#999; letter-spacing:0em; }
h3, #main dt	{	padding:0 0 15px 0; letter-spacing:0.2em; }
h4		{	color:#333; font-size:1.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0.1em; }
p		{	font-size:1.4em; line-height:1.8em; letter-spacing:0.1em; padding:5px 0 15px 0;   }

#branding p	{	color:#fff; font-size:1.2em; line-height:1.5em; }

#main dt		{	font-size:1.8em; }
#main dd h4		{	font-size:1.4em; padding:0 0 20px 0; }
#main dd p		{	font-size:1.2em; }

.more-link		{	color:#a30a0c; }

#sidebar ul li h3	{	text-transform:uppercase; font-size:1.8em; font-weight:normal; }

#footer	p		{	font-size:1.1em; line-height:1em; }
#footer p a		{	color:#990000; font-size:1em; text-decoration:none; }
#footer p a.twitter, #footer p a.facebook, #footer p a.youtube { padding:0 0 0 20px; }

a		 	{	text-decoration:none; color:#990000; }
a:hover 	{	text-decoration:none; color: #990000;  }
h2 a, h3 a, h4 a, #footer p a.twitter, #footer p a.facebook, #footer p a.youtube, #footer p a.joke {	color:#555; }

/* ----- MAIN PAGE LISTS ----- */
#content ul li	{	clear:left; padding:5px 0; text-align:left; color:#555; font-size:1.4em; font-family:Tahoma, Geneva, sans-serif; line-height:1.8em; letter-spacing:0.1em; }
#content ul li a img	{	margin:10px 10px 0 0; }

/* ----- IMAGES ----- */
img					{	padding:5px; border:1px solid #999; }
#image img, #branding img		{	border:none;  }

#main dd img	{	width:180px; }

#content #gallery dl			{	width:120px; padding:0 20px 10px 20px;  }
#content .gallery-nav			{	clear:both; width:610px; }
#content .gallery-nav .left		{	float:left; padding:10px 5px; }	
#content .gallery-nav .right	{	float:right; padding:10px 5px; }
#content .gallery-nav .right a, #content .gallery-nav .left a	{	font-size:1.4em; }		

.thumbs a img 		{ 	width: 100px; float:left; margin: 0 10px 10px 0; background:#fff; }
.entry img, #content img		{	margin:0 10px 0 0; float:left; }

#main p.youtube			{	background:url(images/youtube32.png) no-repeat left; padding:0 0 0 40px; }

#footer p a.facebook	{	background:url(images/facebook.png) no-repeat left; }
#footer p a.twitter		{	background:url(images/twitter.png) no-repeat left;  }
#footer p a.youtube		{	background:url(images/youtube.png) no-repeat left; }
/* ----- POST CONTENT ----- */

#content .featured 	{	background:#ddd; padding:10px; margin:0 0 20px 0; border:1px solid #999; }
.entry img	{	float:left; }

.post			{	border-bottom:1px solid #999; padding:0 0 20px 0; margin:0 0 30px 0; }
.entry			{	padding:20px 0; }
/*.entry p		{	clear:left; }*/
.entry p a		{	text-decoration:none; color:#990000; }
.entry p a:hover 	{	text-decoration:underline; color: #990000;  }
.postmetadata	{	clear:left; font-size:1.2em; color:#999; font-weight:normal; }


/* ----- COMMENTS ----- */
#respond h3			{	padding:10px 0 0 0; font-size:2.2em; font-weight:bold; }
#comments h3 		{	padding:0 0 10px 0; }
.commentlist 		{	list-style-type:none; margin:0; padding:0;  }
.commentlist li		{	padding:15px 20px 10px 20px; border:1px solid #999; margin:10px 0 10px 0; list-style-type:none; }
.commentlist cite	{	font-weight:bold; font-style:normal;	font-size:1.4em;  }
.commentlist p		{	padding:10px 0 0 0;  font-style:normal; font-weight:normal; font-size:1.4em; margin:0 0 20px 0;  }
.commentlist p a	{	background:url(images/icon_grey.jpg) no-repeat 0 50%; line-height:60px; padding:20px 0 0 30px; }
.commentmetadata a	{	font-weight:normal; color:#999; text-decoration:none; }

#commentform input 	{	width: 200px; padding: 5px; margin: 5px 5px 1px 0; }
#commentform 		{	margin: 5px 10px 0 0; }
#commentform textarea 	{	width: 100%; padding: 2px; 	}
#respond:after 		{	content: ".";  display: block;  height: 0;  clear: both; visibility: hidden; }
#commentform #submit 	{	margin: 0 0 5px auto; float: right; width: 150px;}
.children			{ padding: 0; }
#commentform p 		{ 	margin: 5px 0; 	}
.nocomments			{ 	text-align: center; 	margin: 0; 	padding: 0; 	}
li.byuser			{	background:#EEE;  !important; } 


/* ----- CONTACT FORM ----- */
#cform p label, #cform p input		{	display:block; }
#cform p input, #cform p textarea	{	width:60%; padding:0 0 5px 0; margin:0; }
#cform p	{	padding:0 0 5px 0; margin:0; }
.error		{	color:#F00; font-weight:bold; }

#cform input#surprise { visibility:hidden; height:0; width:0; }