/*  
Theme Name: Somastudio NEW 2009
Theme URI: http://wordpress.org/
Description: Underwater theme created by <a href="http://www.mindloop.be">Mindloop Webontwikkeling</a> (widget ready). Contact me on <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to sponsor a theme or have a custom theme designed. Picture has been taken at Georgia Aquarium by Zac Wolf.


Version: 2.0
Author: Andy Mathijs
Author URI: http://www.mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://www.mindloop.be/

Picture has been taken at Georgia Aquarium by Zac Wolf

************************************************************************************************************

design notes :: category-3.php is Articles // category-12.php is workshops-groups


************************************************************************************************************

*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

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

abbr,acronym {border:0;}



/*fonts.css*/

body{font:15px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



/*standard theme stuff*/
.post ol, .commentlist ol
{
list-style:decimal;
padding:5px 0px 5px 0px;
list-style-position:inside;
}

.post ul, .commentlist ul
{
list-style:disc;
list-style-position:inside;
padding:5px 0px 5px 0px;
}

.post li, .commentlist li
{
	padding-bottom:5px;
}

.post strong, .post b
{
	font-weight:bold;
}

.post em, .post i
{
font-style:italic;
}

.page_item .page_item, #sidebar ul.children
{
	margin-left:20px;
}

#calendar_wrap td, #calendar_wrap thead tr th
{
	padding:3px;
}

#calendar_wrap thead
{
	background-color:#fffacd;
	color:white;
	
}

#calendar_wrap caption
{
	text-align:center;
	
}

#searchsubmit
{
	display:block;
	margin-top:5px;
}
/**********************/



div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:#fffacd;
	/*margin:10px;*/
	background-attachment:fixed;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top; 
	margin-top:30px;
}

#page
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/content.jpg);
	background-repeat:no-repeat;
        background-color:#fffacd;
}

#header
{width:900px;
height:144px;
background-image:url(images/header.jpg);
}

#header h1 a 
{

	color:#d0c9a4;
	position:relative;
	top:-29px;
	left:575px;
	font-size:160%;
	text-decoration:none;
}

#header div.description
{
	color:#2c3d3e;
	position:relative;
	top:90px;
	left:160px;
	width:750;
	text-decoration:none;
}


#themenu
{
	width:880px;
        height:32px;
        background-image:url(images/menu.jpg);
        margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

#themenu li
{
	display:inline;
}

#themenu li a
{
	display:block;
	height:24px;
	padding-top:8px;
	width:125px;
	text-align:center;
background-image:url(images/spacer.jpg);
background-position:right;
background-repeat:no-repeat;
color:white;
float:left;
text-decoration:none;
font-size:13px;
	
}

#content
{float:right;
margin-right:70px;
margin-top:0px;
width:550px;
}

	#content .post
	{
		margin-bottom:40px;
	}

	#content .post h2 , #sidebar h2, h3#comments, h3#respond, h2.pagetitle
	{
		display:block;
		color:#000000;
		font-size:136%;
		margin-top:20px;
		margin-bottom:10px;
	}

	#content .post h2 a, #content .post h3 a, .navigation a
	{
/*		color:#1a2ff1; // chris changed from this  */
		color:#d25b3b;
	}

	#content .post p, .commentlist p
	{
		line-height:170%
	}

	#content .post p a
	{
		color:#6a83a8;
	}
	
	#content .post p
		{
			margin-bottom:15px;
			}

	#content .post blockquote
	{
		padding:10px;
		background-color:#D2DEDD;
		font-style:italic;
		margin:10px;
	}

	#content .post blockquote blockquote
	{
		background-color:#80ABAA;
	}

#content .post small
{
	display:block;
	margin:5px 0px 7px 0px;
}

#content .post p.postmetadata
{
	display:block;
	clear:both;
	margin:10px 0px 25px 0px;
}


/*The comments*/
.commentlist li
{
	display:block;
	/*background-color:#6A9FAF;*/
	padding:5px;
	border-left:4px solid #000000;
	margin-bottom:15px;
}

.commentlist li small.commentmetadata
{
	display:block;
	margin:10px 0px 10px 0px;
}

.commentlist li a
{
	color:#000000;
}

#commentform a
{
	color:#000000;
}

#commentform input, #commentform textarea
{
	margin-top:5px;
}

h3#comments, h3#respond
{
margin-top:50px;
}


#sidebar
{float:left;
margin-left:5px;
margin-top:15px;
}

#sidebar a
{
	color:#000000;
	text-decoration:none;
	padding-left:0px;
        font-weight:600;
}




#sidebar li
{
		margin-top:5px;
                padding-bottom:15px;
                font-size:90%;
}

#sidebar a:hover
{
text-decoration:underline;

}

#footer
{
clear:both;
padding-top:50px;
padding-bottom:10px;
text-align:center;
font-size:12px;
color:#666666;
}

#footer a
{
	color:#6a83a8;
}

#footer a:hover
{
	font-style:italic;
}

#special
{
        color:#4A7069;
        font-size:100%;
}

#italicize
{
        font-style:italic;
}

#specialbigger
{
        color:#08122E;
        font-size:110%;
        font-style:bold;
        margin: 0 10px;
	padding:10px 10px 5px 0px;
	line-height: 14pt;
}
#boldme
{      font-style:bold;
       font-size:150%;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}