/*
Theme Name: Perikles
Theme URI: http://wordpress.org/
Version: 0.8
Author: Pieter Moerman
Description: created for sv Perikles. 
*/

/* general */ 

*{padding:0;margin:0;}
h1, h1a, h2, h2 a, h3, h3 a{font-family:Verdana,Georgia,Serif;font-weight:bold;}
h1{color:#E00040;font-size:20px;}
h2{font-size:18px;color:#000;}
h3{font-size:15px;color:#E00040;margin:10px 0 0px 0;}
h3#comments, h3#respond{padding-top:20px;clear:both;}
a{color:#E00040;text-decoration:none;}
a:hover{color:#0088FF;}
p{padding:4px 0 4px 0;}
code{border-bottom:1px dotted #ccc;cursor:help;}
img{border:none;}

.wp-smiley
{
	float:none;
	display:inline;
	position;relative;
	padding:0;
	margin:0;
}

.alignleft{float:left;clear:both;}
.alignright{float:right;}

blockquote
{
	font-style:italic;
	border:1px solid #999;
	padding: 0 2px 0 2px;
}

/* mainstructure (for all pages)
------------------------------------------------------------- */
body
{
	font-family: Verdana, Tahoma, Arial, "Lucida Grande", "Lucida Sans Unicode";
	font-size: 12px;
	text-align:center;
	background-color: #696969;
	color: #333;
}

div#container 
{
	margin:0px auto;
	text-align:left;
	background-color:#fff;
	width:700px;
	border-left:1px solid #888877;
	border-right:1px solid #888877;
	background-image:url(images/sidebarbg2.gif);
	background-repeat:repeat-y;
	background-position:right;
	border-left:2px solid #808080;
	border-right:2px solid #808080;
	border-top, border-bottom:none;
}

/* catnav
-------------------------------------------------------------------------*/
ul#catnav
{
	list-style-type:none;
	text-align:right;
	display:block;
	height:8px;
	background-color:#FFFF00;
	padding-top:3px;
	background-image:url(images/geel.gif);
	background-repeat:repeat;
}
ul#catnav li, ul#catnav li a{display:inline;padding:0px 5px 0px 5px;}

ul#catnav li a{text-decoration:none;color:#666;}
ul#catnav li a:hover{color:#ccc;}

/* Dropdown menu for pages
----------------------------------------------------------------------------*/
ul#nav {
	list-style: none;
	background-color:#E00040;
	height:20px;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	background-image:url(images/nav-red.gif);
	background-repeat:repeat;
}

#nav a {color:#fff;}
#nav a:hover{color:#ccc;}
#nav li li a {color: #fff;padding: 0 5px 0 5px;}

#nav li li a:hover 
{
	color:#ccc;
	border-left:3px solid #000;
	padding:0 2px 0 5px;
}

#nav li 
{
	float: right;
	position: relative;
	padding:0 15px 0 10px;
	text-align: left;

}

#nav li ul 
{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin:0 0 0 -1px;
	padding:5px 5px 5px 0;
	background-color:#E00040;
	border-left:1px solid #000;
}


#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display:block;
	float: none;
	padding:0 5px 0 0;
	margin:0;
}

#nav li:hover ul, #nav li.over ul {display: block;}


/* header and title
---------------------------------------------------------------*/
span.title
{
	display:block;
	height:40px;
	background-color:#ccc;
	background-image:url(images/headerbg.gif);
	background-position:right;
	background-repeat:none;
}
span.logo
{
	background-image:url(images/perikles.gif);
	height:117px;
	width:90px;
	position:absolute;
	top:7px;
	display:block;
	cursor:hand;
}

/* Sponsorbalk
--------------------------------------------------------------------*/
div#sponsorbalk
{
	display:block;
	clear:both;
	height:51px;
	border-bottom:1px solid #000;
	background-color:#fff;
	overflow:hidden;
	}

div#sponsorbalk img{border:none}
div#sponsorbalk a{cursor:hand;}

div#sponsorbalk .links
{
	display:block;
	float:right;
	background-image:url(images/selexyz.jpg);
	height:25px;
	width:156px;
	margin:14px 7px 0 0;

}

div#sponsorbalk .hiemstra
{
	display:block;
	float:right;
                background-image:url(http://svperikles.nl/site/wp-content/uploads/2008/04/logo_hiemstradevries.thumbnail.JPG);
	background-position:center;
	height:30px;
	width:135px;
	margin:10px 10px 0 0;
}

div#sponsorbalk .deloitte
{
	display:block;
	float:right;
	background-image:url(http://svperikles.nl/site/wp-content/themes/perikles/images/poort.gif);
	background-position:center;
                background-repeat:no-repeat;
                height:45px;
                width:134px;
                margin:04px 10px 0 0;
}

div#sponsorbalk .maandag
{
	display:block;
	float:right;
	background-image:url(http://www.svperikles.nl/site/wp-content/themes/perikles/images/auto.png);
	background-position:center;
                background-repeat:no-repeat;
                height:45px;
                width:134px;
                margin:04px 10px 0 0;
}

img.ing-masterclass{padding:0 0 0 15px;}

/* Content
-------------------------------------------------------------------------*/
div#content
{
	float:left;
	padding: 20px 0 20px 50px;
	width:450px;
	min-height:400px;
}

div#content h1{color:#000;padding: 0 0 5px 0;}
div#content h1 a{color:#E00040;}
div#content h1 a:hover{color:#0088FF;}
div#content img{float:left;padding:0 15px 15px 0;}
div#content h3{padding-top:5px;clear:both;}
div#content h3 a{font-size:15px;color:#E00040;}
div#content h3 a:hover{color:#0088FF;}
div#content small{font-size:10px;color:#666;}
div#content small a {color:#666;}
div#content small a:hover {color:#000;}
div#content ul.post-meta{list-style:none;}

/* CONTACTFORM
------------------------------------------------------------------------*/
div#contact
{
	float:left;
	padding:20px 0 0 50px;
	width: 450px;
	min-height:300px;
}*html div#contact{height:400px}

h1.contacth1{font-size:20px;padding: 10px 0 0 40px;}
.contact{width:400px;}
.contactform #contactsubmit{border:1px solid #000;background-color:#fff;color:#000;}

.contactform input, .contactform textarea
{
	border-top:1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.contactleft {
	width: 25%;
	text-align: left;
	clear: both;
	float: left;
	display: inline;
	padding: 4px 0 0 0;
	font-weight: bold;
}*html .contactleft{padding-top:8px}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px 20px 0 0;
}

.contactright .contacterror {
	border: 1px solid #FF0000;
	color: #FF0000;
}

/* LINKS
----------------------------------------------------------------------*/
ul#links{list-style:none;padding: 0 0 0 20px;}
ul#links ul{list-style-type:disc;}
ul#links ul li a{color:#0088FF;}
ul#links ul li a:hover{color:#E00040;}

ul#links h2
{
	font-size:14px;
	color:#E00040;
	padding-top:5px;
	margin-top:10px;
}

/*SIDEBAR
--------------------------------------------------------------------------*/
div#sidebar
{
	float:right;
	padding:20px 20px 0 0;
	width:150px;
	overflow:hidden;
}
div#sidebar .pagemenu ul{list-style-type:none;}
div#sidebar a{color:#335588;}
div#sidebar a:hover{color:#E00040;}
div#sidebar ul.post-meta li{display:inline;}
div#sidebar h2{font-size:15px;padding-bottom:5px;}
div#sidebar ul ul{margin-left:10px;}
div#sidebar ul.fotosets{list-style-type:disc;padding:5px 0 0 10px;}
*html div#sidebar ul.fotosets{padding-left:0px}
div#sidebar ol{padding:5px 2px 0 0px;list-style-type:none;}
div#sidebar ol li{padding:0 0 3px 0;}
div#sidebar ul.nieuws{list-style-type:disc;}
*html div#sidebar ul.nieuws{padding-left:0px}
div#sidebar ul.nieuws li{padding:0;}
div.archief{list-style:none;}
div#sidebar div#wp-calendar table{font-size:12px;margin-top:5px;}

/* Comments template
---------------------------------------------------------------------------*/
#commentform #submit
{
	background-color:#eee;
	color:#666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:2px;
}

div.smilies{width:270px;}
ol.commentlist{overflow:hidden;}

ol.commentlist li
{
	list-style-type:none;clear:both;
	padding:5px 5px 5px 5px;
	background-color:#fff;
}

ol.commentlist li.alt{background-color:#F2F2F2;}

ol.commentlist li cite
{
	font-weight:bold;
	font-style:normal;
	color:#000;
}

ol.commentlist .comment-number
{
	display:none;
	font-weight:bold;
	color:#000;
	float:left;
	padding-right:10px;
}

ol.commentlist .name{float:left;}
ol.commentlist .commentmetadata{float:right;}
p.nocomments{margin:10px 0 0 0;color:#666;}
img.wp-smiley{float:none !important;padding:0 !important;}

/*search
-------------------------------------------------------------------------*/
.searchform{padding-left:10px;padding-top:10px;}
.searchform .s{width:100px;}

.searchsubmit
{
	background-color:#eee;
	color:#666;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}


form#jssearchform /* no javascript */
{
	position:absolute;
	margin-top:-20px;
	background-color:#fff;
	width:250px;
}

#jssearchform #searchsubmit
{
	background-color:#eee;
	color:#666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

/* Footer
----------------------------------------------------------------------------*/
div#footer
{
	clear:both;
	text-align:center;
	border-top:1px solid #000;
	padding:0px 0 0px 0;
	background-color:#E00040;
	color:#fff;
}

div#footer a{color:#fff}
div#footer a:hover{color:#000;}

div#footer .sponsorfooter
{
	background-color:#fff;
	text-align:left;
	height:100px;
	display:block;
	border-bottom:1px solid #000;
	overflow:hidden;
}
div#footer .comite
{
                padding-top:3px;
                padding-bottom:3px;
                border-bottom:1px solid #000;
                overflow:hidden;
}
div#footer .footertext{padding-top:3px}
/* STAGEBANK
-----------------------------------------------------------------------------*/
div.stagebank-titel ul
{
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color:#E00040;
	list-style-type:none;
}
div.stagebank-titel{padding-top:10px;}

/* Calendar
-------------------------------------------------------------------------------*/
div.calendar{padding-left:2px;}
.tijdelijk1{padding-top:10px;}

/* Ledenpagina
---------------------------------------------------------------------------------*/
.profiel-even{background-color:#F2F2F2;}
h2.author{padding-bottom: 10px;}
img#authorpic{width:150px;}

/* Your Future tv
--------------------------------------------------------------------------------------*/
div#yourfuturetv
{
	float:left;
width:640px;
padding-left:60px;
background-color:#fff;}