/*
Theme Name: triptic theme
Theme URI: http://www.triptic.nl
Description: theme created by triptic for WordPress
Version: 1.0
Author: Tim Meijer
Author URI: http://www.triptic.nl
Tags: triptic, blue
*/

/* reset */
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, 
a, img, em, strong, sub, sup, 
li, dl, dt, dd,  
label, legend { 
	border: 0; 
	outline: 0; 
	margin: 0; 
	padding: 0; 
}

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; visibility: hidden; height:0; width:0;}
* html .clearfix { height: 1%; }

/* Start triptic stylesheet*/

html						{}
body						{font-family:trebuchet ms, arial, helvetica, sans-serif; font-size:12px; background-color:#FFFFFF;}

/*Hoofdelementen*/
div.wrapper					{}
div.background					{position:fixed; overflow:hidden; height:100%; width:100%; z-index:-1;}
div.header					{height:80px; background-color:#FFFFFF; padding-left:100px;}
div.middle					{margin:60px auto 0 auto; width:845px; padding-left:100px;}
div.middlebar					{height:10px; overflow:hidden; }
div.footer					{background-color:#21428d; clear:both; padding-bottom:30px; color:#FFFFFF;}
div.content					{width:599px; float:left; padding-bottom:10px; background-color:#FFFFFF;}
div.sidemenu					{width:220px; float:right; }
div.content img					{margin:5px;}
p                                               {margin:17px 5px 17px 5px; padding:0;}

div.header div.dropbox			        {margin-left:auto; margin-right:auto; width:845px;}
div.footer div.footercontent	                {margin-left:auto; margin-right:auto; width:900px; }
div.middlemargin				{background-image:url(images/sidebar_bg.png); background-repeat:repeat-y; background-position:right;}

/*Top menu*/
ul.menu1					{margin:0; padding:20px 0 0 0;}
ul.menu1 li					{display:inline; padding-right:10px; font-size:14px; border-left: solid 1px #939f9e; font-weight:bold;}
ul.menu1 li.first				{border-left: none 0px;}
ul.menu1 a 					{text-decoration:none; color:#9e9f9e; margin-left:10px;}
ul.menu1 li a:hover				{color:#000000;}
div.header img.triptic			        {float:left;}
div.header p.weblog				{margin-left:210px; font-style:italic; font-size:12px; color:#9e9f9e;}

/*Opmaak artikelen*/
div.content h2					{font-size:18px; color:#21428d; margin: 10px 0 20px 5px;}
div.content h2.pagetitle                        {margin:20px 0 0 20px;}
div.article					{border-top:#E8E8E8 solid 1px; border-right:#E8E8E8 solid 1px; border-left:#E8E8E8 solid 1px; border-bottom:#E8E8E8 1px solid; margin:5px 25px 10px 20px; color:#9e9f9e;}
div.article a					{color:#21428d;}
div.article a:hover                             {color:#9e9f9e;}
div.article ul a				{color:#21428d; text-decoration:none;}
div.article ul a:hover                          {text-decoration:underline;}
div.article p      				{color:#000000;}
div.article li      				{color:#000000;}
div.article p.postmetadata a    	        {color:#9e9f9e; text-decoration:underline; font-weight:normal;}
div.article h2					{font-size:30px;}
div.article h2 a				{font-size:30px; text-decoration:none; font-weight:bold;}
div.article h2 a:hover                          {color:#9e9f9e;}
div.article h3					{font-size:30px; color:#21428d; margin: 10px 0 20px 5px;}
div.article h3 a                                {text-decoration:none;}
div.article div.padbox			        {margin:20px 20px 30px 20px;}
div.article p.postmetadata			{font-size:11px; line-height:18px; color:#9e9f9e; margin:0; padding: 3px 3px 3px 20px;}
div.article:hover				{border-top:#9e9f9e solid 1px; border-right:#9e9f9e solid 1px; border-left:#9e9f9e solid 1px; border-bottom:#9e9f9e 1px solid; color:#FFFFFF;}
div.article div.articlefooter                   {background-color:#E8E8E8;}
div.article:hover div.articlefooter             {background-color:#9e9f9e;}
div.article:hover div.articlefooter p.postmetadata 	     {color:#FFFFFF;}
div.article:hover div.articlefooter p.postmetadata a         {color:#FFFFFF;}


div.navigation			       		{font-size:18px; margin:10px 25px 10px 25px; color:#21428D;}
div.navigation a			       	{text-decoration:none; color:#21428D;}
div.navigation a:hover			       	{text-decoration:underline;}

div.navigation2			       		{font-size:14px; margin:0 25px 0 25px; color:#21428D;}
div.navigation2 a			       	{text-decoration:none; color:#21428D;}
div.navigation2 a:hover			       	{text-decoration:underline;}

/*Een artikel*/
div.singlearticle				{border:#9e9f9e solid 1px; margin:5px 25px 10px 20px; padding:20px 20px 30px 20px; color:#000000;}
div.singlearticle ol.commentlist li		{border:#E8E8E8 solid 1px; margin:5px; }
div.singlearticle ol.commentlist                {list-style:none; margin:0 30px 0 10px; padding:0;}
div.singlearticle a				{color:#21428d; font-weight:bold; text-decoration:none;}
div.singlearticle a:hover                       {text-decoration:underline;}
div.singlearticle textarea			{width:450px;}
div.singlearticle h2				{font-size:30px; color:#21428d; margin-bottom:20px; margin-top:10px; text-decoration:none;}
div.singlearticle h3				{font-size:18px; color:#21428d; margin-bottom:20px; margin-top:30px; text-decoration:none;}
div.singlearticle div.navigation		{margin-top:20px;}
div.singlearticle div.padbox		        {margin:5px;}


/*Sidemenu*/
div.sidemargin					{margin: -10px 10px 10px 10px;}
div.sidemenu ul				        {margin:10px 0 0 0; padding:0; font-size:11px;}
div.sidemenu ul li div			        {margin:10px 0 0 5px; font-size:11px;}
div.sidemenu h2                                 {color:#21428d; font-size:18px; font-weight:bold; margin:30px 0 0 5px;}
div.sidemenu h2 a				{color:#21428d; font-size:18px; font-weight:bold;}
div.sidemenu li					{margin: 0 5px 0 5px;}
div.sidemenu a					{color:#000000;}
div.sidemenu a:hover			        {color:#9e9f9e;}
div.sidemenu ul                                 { list-style: none; }
div.sidemenu ol                                 { list-style: none; }

/*Footer*/
div.footer div.footercontent div.widget-wrap    {width:175px; float:left; margin: 20px 0 25px 125px; min-height:175px;}
div.footer div.footercontent div.footermargin   { }
div.footer div.footertop		        {height:25px; background-color:#45609f; margin-bottom:10px;}
div.footer div.legal                            {margin:50px 0 0 125px;}
div.footer div.credit                           { }
div.footer a					{color:#9E9F9E;}
div.footer a:hover				{ }
div.footer ul                                   { list-style: none; padding:0;}
div.footer ul li ul                             { list-style: none; padding-left:15px;}
div.footer ol                                   { list-style: none; }
div.footer h2                                   { margin-bottom:10px;}

/*RTL Stylesheet*/

/*
Theme name: triptic
Editors: Tim Meijer
*/
body, .commentlist li, #commentform input, #commentform textarea, #commentform p, #sidebar, #wp-calendar caption  {
	font-family:trebuchet ms, arial, helvetica, sans-serif;
}
#page {
	text-align:right;
	direction:rtl;
}
h1, h2, h3, #sidebar h2 {
	font-family:trebuchet ms, arial, helvetica, sans-serif;
}
.commentlist li .avatar {
	float:left;
}

.commentlist li {
	padding: 5px 10px 10px 5px;
	}
.commentlist li ul li { 
	margin-left: -5px;
	margin-right: 10px;
}

.commentlist p {
	margin: 10px 0 10px 0;
}
#header {
	margin:0 1px 0 0;
}
.narrowcolumn {
	float:right;
	padding: 0 45px 20px 0;
}
.widecolumn {
	margin: 5px 150px 0 0;
}
.widecolumn .smallattachment {
	margin: 5px 0 5px 5px;
}
.postmetadata {
	clear:right;
}
#sidebar {
	margin-left: 0;
	margin-right: 545px;
}
img.alignright {
	margin: 0 7px 2px 0;
}

img.alignleft {
	margin: 0 0 2px 7px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
code {
	display:block;
	direction:ltr;
	text-align:left;
}
acronym, abbr, span.caps {
	letter-spacing:0; /* fix opera bug */
}
html>body .entry ul {
	padding:0 10px 0 5px;
}
html>body .entry li {
	margin: 0 10px 0 0;
        list-style:none;
}
.entry ol {
	padding: 0 35px 0 0;
}
#sidebar ul ul, #sidebar ul ol {
	margin: 5px 10px 0 0;
}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 10px 0 0;
}
#commentform {
	margin: 5px 0 0 10px;
	}
#commentform input {
	margin: 5px 0 1px 5px;
}
#commentform #submit {
	float:left;
}

.children .even, .alt {
	border-left: 0;
	border-right: 1px solid #ddd;
}

#wp-calendar #next a {
	padding-right:0;
	padding-left:10px;
	text-align:left;
}
#wp-calendar #prev a {
	padding-left:0;
	padding-right:10px;
	text-align:right;
}
blockquote {
	margin: 15px 10px 0 15px;
	padding-left: 0;
        font-style:italic;

}
#email, #url {
	direction:ltr;
}