/*
Theme Name: HOMEPAGE
Theme URI: http://aydin.net/blog/2006/03/23/three-column-k2-theme-for-wordpress-3k2/
Description: Based on 3k2, developed and maintained by <a href="http://aydin.net/blog">Hakan Aydin</a>. Built on top of the famous <a href="http://getk2.com">K2 
theme</a>. Originally developed by <a href="http://binarybonsai.com">Michael Heilemann</a> and <a href="http://chrisjdavis.org">Chris J. Davis</a>, as a 
sequel in spirit to <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. Share and distribute.
Version: Artistry21.nl (Based on Revision 310 of K2)
Author: Schaap, Veenhof & Hageman
Author URI: http://artistry21.nl


	This theme is developed and maintained by Hakan Aydin:
	http://aydin.net/blog

	The original 2 column version of this theme was created by Michael Heilemann:
	http://binarybonsai.com/

	And Chris J. Davis:
	http://www.chrisjdavis.org/

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

-->	CSS OVERVIEW
	
	There are sections throughout, roughly describing 
	the contents inside each section. To step through each
	section, do a search for '/ * -' (without spaces) and
	repeat the search until you find the section you need.
	
	The use of selectors has been exagerrated in some places,
	so as to make it easier for people to gain an overview
	of what classes belong where in the hierarchy.
	
	It is suggested, that you copy whatever changes you want
	to make, into a new CSS file, save it in the styles dir
	and select it from the K2 Options panel. So as to keep
	this file intact and make it easier for yourself to debug
	any potential problems as well as upgrade to future K2's.
*/


/*- Page Structure */

* {
	padding: 0;
	margin: 0;
	}

img {
	border: 0;
	text-align:left;
	margin-right: 10px;
	}

body {
	font: 62.5% Verdana, Arial, 'Lucida Grande',  Sans-Serif; /* Resets 1em to 10px */
	color: #384762;
	background: #AEDEE8;
	margin: 0 0 30px;
	}

#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 15px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 950px;
	border-top: none;
	}
p
	{
	margin: 0px 0px 10px 0px;
	}

div
	{
	}
	
hr {
	border-top: 1px dotted #444;
	border-style: dotted;
	width: 600px;
	height: 1px;
	noshade: noshade;
	margin: 15px 0px 15px 0px;
	}
	
	
body.flex #page { /* For the flexible-width setting. */
	width: 950px;
	}

#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 150px;
	background: #FFF;
	}


.leftbar {
	margin: 0px 0px 15px 30px;
	width: 900px;	/* was: 250, toen leftbar nog links stond... */
	float: left;
	color: #5CC2DB;
	}


#primary {
	margin: 0 0 0 60px;
	width: 610px;	/* met 3 kolommen was dit: 550px */
	float: left;
	}

.content .secondary {
	font: 1.1em/1.7em  Verdana, 'Lucida Grande', Arial, Sans-Serif;
	margin: 15px 0px 10px 720px;	/* in 3 koloms: 755 en 150 width */
	width: 200px;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}

/*- Main Menu in Header */

ul.mainmenu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.mainmenu li {
	display: inline;
	margin: 0;
	}

ul.mainmenu,
ul.mainmenu li a {
	padding: 5px 10px 6px;
	}

ul.mainmenu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0;
	}

ul.mainmenu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.mainmenu li.current_page_item a,
ul.mainmenu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	/*_padding: 5px 15px 6px;*/ /* IE hack */
	}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */
	
a img,:link img,:visited img { border:none }

/*- Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}

.sb-pagemenu .current_page_item {
	}

/*- Headings */

h1, h2, h4 {
	font-family: 'Andale Mono', Syntax, Courier, Mono;
	font-style: normal; 
	font-weight: normal;
	text-transform:uppercase;
	
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 1.8em;
	margin: 0;
	padding: 35px 0 0 40px;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h1:hover {
	border-bottom: 1px dotted #ccc;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 40px;
	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
	}

.pagetitle { /* Used on static pages and archives */
	/* display: none; */
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-family: 'Andale Mono', Syntax, Courier, Mono;
	font-weight: normal;
	font-size: 1.4em;
	text-transform: uppercase; 
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.4em;
	font-weight: normal;
	padding: 0;
	display: inline;
	}

.leftbar h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0;
	display: inline;
	}

 #primary h4, .permalink #primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; 
	color: 35323A;
	
	}

#primary .aside h3, #primary h3 {
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.7em;
	font-weight: bold;
	margin: 10px 0 2px 0;
	}


.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}


.itemtext h4 { /* For use on Pages */
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.secondary div {
	margin: 20px 0 10px 0;
	padding: 0;
	}

.leftbar div {
	margin: 8px;
	padding: 10px;
	float: left;
	
	background-color: #fff;
	
	}

.secondary div div div {
    margin: 0;
    }
.leftbar div div div {
    margin: 0;
    }
	
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #000;
	font-weight: normal;
	}

#primary .item .itemhead .metalink, .comments #primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

#primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink #primary .aside .itemtext {
	font-size: 1.4em;
	color: #000;
	}

.comments #primary .metalink {
	margin: 0 15px 0 0;
	float: none;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	}

#primary .aside {
	padding: 8px;
	margin: 0 4%;
	}

.secondary .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.leftbar .aside {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.secondary .aside .metalink {
	padding-left: 0px;
	}

.leftbar .aside .metalink {
	padding-left: 0px;
	}

.secondary span a {
	margin-left: 10px;
	}

.leftbar span a {
	margin-left: 10px;
	}

.editlink a, .commentseditlink a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 7px;
	background: url('images/pencil.png') left center no-repeat;
	height: 16px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	color: #444;
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	line-height:1.6em;
	display: block;
	margin: 0px 0 5px 0;
	color: #bbb;
	}

.metadata a, .commentmetadata a {
	color: #777;
	}

/*.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('images/time.png') left center no-repeat;
	}*/

/*.chronodata:after {
	content: ".";
	}*/

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

#primary .item {
	margin: 0;
	padding: 0px 0 20px;
	position: relative;
	}

#primary .item .itemtext {
	font: 1.2em/1.7em Verdana, Arial, 'Lucida Grande', Sans-Serif;
	color: #444;
	}
	
.banner {
	font: 1.1em/1.7em Verdana, Arial, 'Lucida Grande', Sans-Serif;
	color: #444;
}

#primary .item .itemtext p,
#primary .item .itemtext ul,
#primary .item .itemtext ol,
#primary .item .itemtext div,
#primary .item .itemtext blockquote {
	margin: 0px 0px 13px 0;
	}

#primary .aside .itemtext p,
#primary .aside .itemtext ul,
#primary .aside .itemtext ol,
#primary .aside .itemtext div,
#primary .aside .itemtext blockquote {
	margin: 0px 0;
	}

.permalink #primary .aside .itemtext p,
.permalink #primary .aside .itemtext ul,
.permalink #primary .aside .itemtext ol,
.permalink #primary .aside .itemtext div,
.permalink #primary .aside .itemtext blockquote {
	margin: 13px 0;
	}

.metalinks {
	margin-top: 5px;
	}

.commentsrsslink {
	background: url('images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #444;
	padding: 2px;
	}

.comments #commentlist {
	margin: 0;
	padding: 10px 0 20px;
	position: relative;
	}

.comments #commentlist li {
	margin: 10px 0;
	padding: 10px 10px 5px;
	list-style: none;
	}

.comments #commentlist .commentmetadata {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	}

.comments #commentlist li img {
	padding: 0;
	border: none;
	}

.comments #commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

.comments #commentlist li .commentauthor {
	font-size: 1.5em;
	}

.comments #commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #444;
	float: left;
	width: 35px;
	}

.comments #commentlist li.authorcomment {
	background: #f6f7f8;
	}

.comments #commentlist li.authorcomment blockquote {
	color: #333;
	background: #f6f7f8 url('images/quote.png') no-repeat 10px 0;              
	}
	 
.comments #pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

.comments #pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

.comments #pinglist li .commentauthor {
	display: block;
	}

.comments #pinglist li small {
	font: .8em Arial, Sans-Serif;
	display: block;
	}

.comments #pinglist li .counter {
	display: none;
	}

.comments #pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

.comments #pinglist li img {
	padding: 0;
	border: none;
	}
	
.comments #leavecomment, .comments #loading {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	margin-top: 20px !important;
	}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	margin: 0;
	}

input
	{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-transform: none;
	color: #777;
	border: #333333 solid 1px;
	}
	
.textfield {
		border: 1px solid #999;
		padding: 0px;
		margin: 0 10px 0 15px;
		}		
select
	{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #999;
	padding: 0px 0px;
	margin: 5px 5px 0px 0px;
			
	}

input[type=text], textarea {
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	padding: 3px;
	color: #777;
	border: #333333 solid 1px;
	margin: 5px 0 15px 0;
	}
/*
input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border: 1px #CCC;
	}*/

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments form textarea {
	height: 250px;
	padding: 10px;
	width: 100%;
	margin: 10px 0;
	/*_width: 98.5%;*/ /* IE hack */
	}

.comments form #submit {
	margin: 0;
	float: right;
	}


#footer {
	margin: auto;
	height: 30px;
	width: 930px;
	_width: 930px;
	}

#footer a {
	color: #999;
	border-bottom: 1px dotted #ccc;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	}
	
#footer li {
	font-size: 1.1em;
	line-height: 1.7em;
	}

/*- Links */

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover,
.leftbar a:hover, .leftbar a:visited:hover {
	border-bottom: 1px dotted #ccc;
	color:#9e9e9e;
	}
	
	

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #5cc2db;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #5cc2db;
	}

/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

#primary .itemtext img {
	margin: 5px 0 5px 0;
	max-width: 100%;
	}


.theme {
	font: 80% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;	
       }

.center {
	text-align: center;
	}

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

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

/*.favorite img {
	padding: 0;
	border: none;
	}*/

small {
	color:#BBBBBB;
	display:block;
	font-size:1em;
	line-height:1.6em;
	margin:0px 0pt 5px;

	}
small a {
	color: #777;
	}
small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

/*acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 1px dashed #444;
	cursor: help;
	}*/

blockquote {
	margin: 20px 0;
	font-style:italic;
	padding: 0  0px 0 20px;
	border: none;
	}

hr {
	
	}

.navigation {
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.navigation p {
	margin: 0;
	padding: 0;
	}

.navigation a {
	color: #444;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ol li, .itemtext ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.secondary div p {
	margin-top: 0.5em;
	}

.leftbar div p {
	margin-top: 0.5em;
	}

/*.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}*/

.secondary ul, .secondary ol, .secondary div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.leftbar ul, .leftbar ol, .leftbar div div {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ul {
	/*_margin-left: 0px;*/ /* IE Hack */
	}

.secondary ol {
	margin-left: 15px;
	}

.leftbar ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	
	margin: 0;
	padding: 5px 0;	/* spacing between menu-items */
	}
	
	
/* A21 */
.secondary ul li a, .secondary ul li, .secondary ol li {	
	color: #384762;
}

	
	
.secondary ul li ul li, .secondary ol li ol li{
margin-left: 5px;;
padding: 1px 0;
}
	

.leftbar ul li, .leftbar ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.secondary ul li {
	list-style-type: none;
	list-style-image: none;
	}

.leftbar ul li {
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
	}

.sb-search h2 {
	display: none;
	}

	
submit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-sice: 1.1em;
	margin: 5px;
	}
	

#searchinput {
	width: 75%;
	}

#searchinput.livesearch {
	width: 97.1%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

#LSResult {
	margin: 0;
	width: 100.1%;
	z-index: 100;
	position: absolute;
	background: #eee url('images/livesearchbg.jpg') center repeat-y;
	border-bottom: 1px solid #eee; 
	}

#searchcontrols {
	text-align: center;
	padding: 1px;
	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
	}

#searchcontrols small {
	margin: 0;
	padding: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}

#LSResult:hover #LSHighlight {
	background: none;
	border: none;
	padding: 5px 2px;
	}

#LSHighlight small, #LSHighlight small span a {
	color: #444;
	}

.LSRow {
	padding: 5px 10px;
	}

.LSRow span a, .LSRow span a:visited {
	word-spacing: -1px;
	line-height: 1.3em;
	font-weight: normal;
	color: #bbb;
	}


/*- Rolling Archives */

#rollingarchives {
	position: relative;
	padding: 5px 0 0;
	margin: 0 0 10px;
	/*text-align: center;*/
	}

#rollingarchives a {
	color: #888;
	}

#rollingarchives a:hover {
	border-bottom: 1px dotted #ccc;
	}

#rollnavigation {
	padding: 4px;
	}

#rollprevious, #rollnext, #rollpages, #rollload {
	position: absolute;
	width: 90px;
	padding: 7px 5px;
	top: 3px;
	text-align: center;
	}

#rollhome {
	display: none;
	margin-bottom: 5px;
	}

#rollload {
	right: 40px;
	padding-left: 24px;
	/*background: url('images/spinner.gif') left center no-repeat;*/
	background: url('images/spinner.gif') no-repeat left center;
	width: 50px;
	text-align: left;
	}

#rollpages {
	left: 50px;
	color: #777;
	}

#rollprevious {
	left: 0;
	text-align: left;
	}

#rollnext {
	right: 0;
	text-align: right;
	}

#rollingarchives a.inactive, #rollingarchives a.inactive:hover {
	visibility: hidden;
	text-decoration: none !important;
	background-color: transparent !important;
	color: #bbb;
	cursor: default;
	}

#rollnotices {
	padding: 7px;
	text-align: center;
	border-top: 1px solid #f3f3f3;
	}

#rollnotices a {
	color: #227EE9;
}

#rollnotices img {
	float: right;
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin-right: 5px;
	/*background: url('images/reset-fff.gif') center center no-repeat;*/
	background: url('images/reset-fff.gif') no-repeat center center;
	}

#pagetrack {
	margin: 0 auto;
	width: 218px;
	height: 18px;
	/*background: url('images/sliderbgleft.png') left 5px no-repeat;*/
	background: url('images/sliderbgleft.png') no-repeat center left;
}

#pagetrackend {
	height: 18px;
	/*background: url('images/sliderbgright.png') right 5px no-repeat;*/
	background: url('images/sliderbgright.png') no-repeat center right;
	}

#pagehandle {
	width: 18px;
	height: 18px;
	/*background: url('images/sliderhandle.png') center center no-repeat;*/
	background: url('images/sliderhandle.png') no-repeat center center;
	cursor: e-resize;
}

/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/

.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #444;
	font-weight: normal;
	word-spacing: -1px;
	}

.secondary div.sb-comments ul li {
	margin-bottom: 6px;
	}

.secondary div.sb-comments li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #444;
}

.activityentry {
	font-size: 1.1em;
	}

div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1em;
	}


/*-
	FlickrRSS
*/

.sb-flickr div img {
	border: 0px;
	padding: 5px;
}

.sb-flickr div a img {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 3px 0;
}

.sb-flickr div a:hover img {
	border: 1px solid #444;
}

/*-
	WordPress: Touched
	http://twilightuniverse.com/2005/03/wordpress-touched/
	
	No support for Touched 0.6 in the rest of K2.
	Seems a bit flaky just now. Waiting for new version.
*/

#poststuff fieldset {
	border: none;
	}

#poststuff #title, #poststuff #excerpt, #poststuff #tags {
	width: 470px;
	}
	
#poststuff #title {
	font-size: 2em;
	}

/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}

/*
	Contact Form
*/

.contactform {
	width: 100%; 
	position: relative;
	}

.contactleft {
	width: 15%; 
	text-align: right;
	clear: both; 
	float: left; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}

.contactright {
	width: 70%; 
	text-align: left;
	float: right; 
	display: inline; 
	padding: 4px; 
	margin: 5px 0; 
	}
	
.contacterror {
	border: 1px solid #ff0000;
	}

/* Noteworthy */
.noteworthy {                  
        background: url('images/heart.png') no-repeat right center;
        padding-right: 25px;
}

.noteworthyLink { margin-left: 5px }

/* widgets */

#_sidewidetags {
	
background-color: white; padding: 5px; text-align: center; border: solid 2px red; width: 100%;

}


/* A21 */


div.hVlog {
	margin-bottom:10px;
}

div.page-head {
	
}
.entry-meta {
color:#BBBBBB;
display:block;
font-size:1em;
line-height:1.6em;
margin:0px 0pt 5px;
}


.entry-meta a {
	color: #777;
	}


.entry-content, .entry {
	font: 1.2em/1.6em Verdana, Arial, 'Lucida Grande', Sans-Serif;
	color: #444;
	margin: 0 0 25px 0;

}


.blog-intro {
	font: 1.2em/1.6em Verdana, Arial, 'Lucida Grande', Sans-Serif;
	font-style:italic;
	color: #666;
	
	}

.author-intro {
	display:block;
	font: 1.2em/1.6em Verdana, Arial, 'Lucida Grande', Sans-Serif;
	color: #666;
	background-color:#e2f8fd;
	margin:5px 0px 35px 0px;
	padding: 10px;
}


.author-name {
	font-family:'Andale Mono',Syntax,Courier,Mono;
	font-size: 2.4em;	
	color: #666;
	padding: 0 15px 0 15px ;
	background-color:#e2f8fd;
	text-transform:uppercase;
	
}

/* artistry21 blog listing menu */

.secondary div.menukader {
	
	background-color:#f0f0f0;
	border: 1px solid #808080;	
	padding: 3px;
	margin:3px;
}

/* lectorate blog */

ul.menu-sublevel-1 {
	list-style-position: inside;
}

ul.menu-sublevel-1 li {
	list-style-type: disc;
	margin-left:1 em;
	padding-left: 1 em;
	
	
}