/* 
Theme Name: Vanilla skin
Version: 1.4.2
Description: Vanilla skin for wordPress 2.5 and up
Author: <a href="http://clsc.net">clsc.net</a>.
*/




/* ------------------------
		global settings 
------------------------ */

html
{ 
	min-height : 100%; 
	margin-bottom : 1px; 
}

body, div, span, p, form, input, textarea,
	ul, ol, li, dl, dt, h1, h2, h3, h4, h5, h6,
	table, thead, tbody, tfoot, tr, td, 
	#calendar_wrap
{
	margin : 0;
	padding : 0;
	border : 0;
}

body
{
	float:none;
	z-index:0;
}



/* ------------------------
		page sections 
------------------------ */



#wrap 
{
	padding : 0 0 20px 0;
	margin : auto;
	width : 775px;
	overflow : hidden;
	text-align : left;
	position : relative;
	z-index : 10;
}
#header 
{
	margin-top: 96px;
	width : 775px;
	height: 112px;
}
#headerText
{
	text-align : center;
}
#content 
{
	width : 390px;
	overflow : hidden;
	float : right;
	display : inline;
}
.pageContent
{
	margin : 0 auto 0 auto;
	width : 600px !important;
	float: none !important;
}
.post 
{
	margin-bottom : 60px;
	line-height : 20px;
}
.postinfo
{
	margin-top : 20px;
}
.tagsAfterPost
{
	display : block;
	float: none !important;
	position : relative; 
	top : -60px;
}

#sidebar 
{
	margin : -32px 0 0 0;
	width : 310px;
	float : left;
	display : inline;
	line-height : 1.5em;
	text-align : right;
}
.pageSidebar 
{
	margin : 0 0 0 0 !important;
	width : 120px !important;
}
#footer 
{
	margin : 0 auto 0 auto;
	padding : 18px 0 0 0;
	width : 775px;
	overflow : hidden;
	clear : both;
	text-align : center;
}

p
{
	margin : 0 0 20px 0;
	padding : 0;
}


/* ------------------------
		headers 
------------------------ */



h1,h2,h3,h4
{
	font-weight : bold;
	font-style : normal;
}
#content h1
{
	margin : 30px 0 10px 0;
}
h4,h5,h6
{
	font-weight: normal;
	font-style : normal;
}
h4
{
	font-weight: bold;
}

	/* post and article headlines */

div.postHeadline
{
	height : 50px;
	display : block;
}
div.postHeadline span
{
	display:inline;
}
div.postHeadline h2.theHeadline
{
	display:inline;
	float: right;
	text-align : right !important;
	position : relative;
	top : -5px;
}

.pageContent h2.articleHeadline,
	.pageContent h2.articleHeadline a
{
	margin : 10px auto 10px auto;
	text-transform: uppercase !important;
	display : block !important;
	text-align : center !important;
	position : relative;
}

	/* special headlines */

h3#respond
{
	margin : 40px 0 0 0;
}
#sidebar li h2,
		#sidebar li h3
{
	margin : 40px 0 0 0;
	padding-bottom : 4px;
	text-transform: uppercase;
	text-align : right;
}
#sidebar li#calendar h2,
	#sidebar li#calendar h2.widgettitle
{
	height : 0;
	overflow : hidden;
	display : none;
}



/* ------------------------
		"-O-" decoration
------------------------ */



h1#theBlogLogo
{
	margin : 0px auto 0px auto ;
	line-height : 0px;
	position : relative;
	top : 80px;
	text-align : center;
	z-index:10;
}
span.o_beforeHeadline
{
	font-weight : bold;
	text-align : left;
	display : inline;
	z-index : -1;
}
span.o_beforeArticleHeadline
{
	margin : 5px 0 30px 0;
	font-weight : bold;
	text-align : center;
	display : block;
	z-index : -1;
	position : relative;
}
span.o_afterArticle
{
	margin : 30px 0 0 0;
	font-weight : bold;
	z-index : -1;
	position : relative;
}
span.commentMarker,
	.commentlist dt span.commentMarker
{
	font-weight : bold;
	font-size : 1.1em;
	display : block;
}



/* ------------------------
		lists 
------------------------ */



#content ul,
	#content ol
{
	margin : 10px 0 20px 0;
	padding : 0 0 0 20px;
	list-style-position: outside;
}
#content ul
{
	list-style-type: square;
}
#content ul li
{
	margin : 0 0 0 13px;
	padding : 0 0 0 6px;
}
#content ol li
{
	margin : 0 0 0 19px;
}
#content dl
{
	margin : 0 0 20px 0;
	padding : 0 0 0 20px;
}
#content dl dt
{
	margin : 15px 0 0 0;
}
#content dl dd
{
	margin : 2px 0 0 19px;
}


	/* sidebar */


#sidebar ul
{
	margin : 0;
	padding : 0;
	border : 0;
}
#sidebar ul li
{
	margin : 0;
	padding : 0;
	border : 0;
	list-style-type: none;
}
#sidebar ul li ul
{
	margin : 0 0 20px 0;
	padding : 0 0 0 20px;
}
#sidebar ul li ul li
{
	list-style-position: none;
	line-height : 1;
}


	/* top of page category links */



ul#topNavigationLinks
{
	font-weight : bold;
	z-index: 10;
	position:relative;
	margin-left : -14px;
}
ul#topNavigationLinks li
{
	display : inline;
	list-style-position: none;
	padding : 0 0 0 36px;
}


	/* article front page */


#articleFrontPage_articleList ul
{
	text-align : center ;
}
#articleFrontPage_articleList ul li
{
	list-style-position: none;
	list-style-type: none;
	margin-left : -16px;
}



/* ------------------------
		font family 
------------------------ */



body,
	h4,h5,h6,
	cite,em,i,p.nocomments,tt,
	#commentform input,
	#commentform textarea,
	#commentform #submit, 
	#commentform label,
	#sidebar #searchform #s,
	#sidebar div input,
	.tagsAfterPost
{
	font-family : "Courier New", Courier, monospaced;
}
h1#theBlogLogo,
	h1,h2,h3,
	span.o_beforeHeadline,
	span.o_afterArticle,
	.post_info,
	ul#topNavigationLinks,
	span.commentMarker,
	.commentmetadata,
	.footerText,
	span.o_beforeArticleHeadline,
	#wp-calendar caption 

{
	font-family : "Modern nr. 20", "Times New Roman", times rmn, times, serif;
}



/* ------------------------
		font size 
------------------------ */



	/* absolute size */

h1#theBlogLogo
{
	font-size : 200pt;
}
span.o_beforeHeadline
{
	font-size : 45px;
}
span.o_beforeArticleHeadline,
	span.o_afterArticle
{
	font-size : 45px;
}
#wp-calendar #prev a, 
	#wp-calendar #next a 
{
	font-size : 9pt;
}


	/* relative size */


h1,h2,h3,h4,h5,h6,
	ul#topNavigationLinks,
	span.commentMarker,
	.commentlist dt span.commentMarker
{
	font-size : 1.1em;
}
h2.theHeadline,
	h2 a,
	.pageContent h2.articleHeadline,
	.pageContent h2.articleHeadline a,
	h3#respond,
	#sidebar,
	#sidebar ul li ul li,
	#sidebar li h2,
	#sidebar li h3,
	#sidebar li#calendar h2,
	#sidebar li#calendar h2.widgettitle,
	#wp-calendar caption,
	cite,em,i,p.nocomments,tt,
	#wp-calendar a,
	#sidebar #searchform #s
{
	font-size : 1em;
}
#commentform input,
	#commentform textarea,
	#commentform #submit,
	#commentform label,
	#sidebar div input,
	acronym, abbr, span.caps,
	.commentlist,
	.commentmetadata,
	.commentloggedinStatus,
	.requiredText,
	.tagsAfterPost,
	.tagCount
{
	font-size: 0.9em;
}


/* ------------------------
		typography 
------------------------ */



acronym, abbr
{
	border-bottom: 1px dashed #333;
	cursor: help;
}
acronym, abbr, span.caps 
{
	letter-spacing: .07em;
}
p.nocomments,tt
{
	font-style : normal;
}
cite,em,i
{
	font-style : italic;
}
blockquote {
	margin : 10px 0 20px 19px;
	padding : 0 0 0 14px;
	border-left : 2px solid #C0221F;
}

.post_info
{
	font-weight : bold;
}
.post_info .afterpostcategory
{
}
.post_info .afterpostcomments
{
	float : right;
	position : relative;
	top : -20px;
}

#sidebar li h2,
	#sidebar li h3,
	#sidebar li#calendar h2,
	#sidebar li#calendar h2.widgettitle
{
	line-height : 0.8em;
}
.commentmetadata
{
	font-weight : bold;
}



/* ------------------------
		links 
------------------------ */



a
{
	text-decoration : underline;
}
#content h2 a,
	#footer a,
	#footerRight a,
	#footerLeft a,
	#sidebar a,
	a.more-link,
	.commentmetadata a,
	.commentloggedinStatus a,
	.post_info a,
	.tagsAfterPost a,
	ul#topNavigationLinks li a,
	#rssLink a
{
	text-decoration : none;
}
a:hover,
	#footer a:hover,
	#footerRight a:hover,
	#footerLeft a:hover,
	#sidebar a:hover,
	#content a:hover,
	#content #post a:hover,
	#content #post a.more-link:hover,
	#content #post_info a:hover,
	.commentmetadata a:hover,
	.commentloggedinStatus a:hover,
	ul#topNavigationLinks li a:hover
{
	text-decoration : underline;
}



/* ------------------------
		colours
------------------------ */


body 
{
	color : #151515;
	background-color : #FFFFFF;
}
#sidebar div input,
	#commentform input#submit,
	#sidebar #searchform #s,
	#sidebar #searchsubmit, 
	#sidebar #searchform #s,
	#commentform textarea,
	#commentInput input,
	h2,h3,h4,h5,h6,
	a,
	h2 a,
	b,strong,
	cite,em,i,p.nocomments,
	.post_info,
	.post_info a,
	a.more-link,
	#footer,
	#footerRight,
	#footerLeft,
	#footer a,
	#footerRight a,
	#footerLeft a,
	.commentmetadata,
	.commentmetadata a,
	.commentloggedinStatus,
	.commentloggedinStatus a,
	#wp-calendar caption,
	#sidebar,
	#sidebar h2,
	#sidebar h3,
	#sidebar a,
	#post a.more-link,
	#header h2
{
	color : #151515;
	background : transparent;
}
a:hover,
	#footer a:hover,
	#footerLeft a:hover,
	#footerRight a:hover,
	#sidebar a:hover,
	h2 a:hover,
	a:hover,
	#post a:hover,
	#post a.more-link:hover,
	#post_info a:hover,
	ul#topNavigationLinks li a:hover
{
	color: #C0221F;
	background-color : transparent;
}
#commentform textarea 
{
	/* these only work in IE browsers */
	scrollbar-base-color : #151515;
	scrollbar-Track-Color : #151515;
	scrollbar-DarkShadow-Color : #333;
	scrollbar-Shadow-Color : #333;
	scrollbar-Highlight-Color : #777;
	scrollbar-arrow-color : #999;
}


/* the O markers */


h1#theBlogLogo
{
	color : #CD8D8E;
	background-color : transparent;
}

span.commentMarker,
	span.o_beforeHeadline,
	span.o_afterArticle,
	span.o_beforeArticleHeadline
{
	color: #C0221F;
	background-color : transparent;
}




/* ------------------------
		images
------------------------ */



a img 
{
	border : none;
}
p img {
	padding: 0;
	max-width: 100%;
	}
img.centered,
	img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright
{
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft 
{
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright 
{
	float: right;
}
.alignleft
{
	float: left
}
img.alignnone
{
	margin:4px 0 4px 0;
}

	/* frame around images*/

img.centered,
	img.aligncenter,
	img.alignright,
	img.alignleft,
	img.alignnone
{
	background-color : transparent;
	border : 1px solid #999;
	padding : 4px;
}
a img.centered:hover,
	a img.aligncenter:hover,
	a img.alignright:hover,
	a img.alignleft:hover,
	a img.alignnone:hover 
{
	background-color : #DDD;
}



/* ------------------------
		comment form 
------------------------ */



#commentform
{
	width : 390px;
	overflow : hidden;
}
#commentform textarea 
{
	padding :  2px 2px 2px 11px;
	width : 374px;
	overflow-y: auto;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}
#commentInput input
{
	margin : 0 5px 5px 0;
	padding : 2px 5px 2px 5px;
	width : 280px;
}
#commentform input,
	#commentform textarea,
	#commentform #submit 
{
	border : 1px solid #666;
}
#commentform input#submit 
{
	float : right;
	width : 185px;
}
.requiredText
{
	position : relative;
	top : -5px;
}


/* ------------------------
		search form, if used
------------------------ */



#searchform
{
	/* when search form is default */
	margin : 0px 0 30px 0;
	padding : 0; 
	text-align : right;
	display : block;
}
li.widget form#searchform
{
	/* when search form is widget */
	margin : 20px 0 5px 0;
	padding : 0; 
	text-align : right;
	display : block;
}
#sidebar div input
{
	border : 1px solid #666;
}
#sidebar #searchform #s 
{
	padding :  0 0 0 5px;
	height: 18px;
	width : 180px;
	border : 1px solid #666;
	letter-spacing : 0.1em;
}
#sidebar #searchsubmit 
{
	padding : 1px;
	float : right;
	display : inline;
}



/* ------------------------
		calendar, if used 
------------------------ */


table#wp-calendar
{
	margin : 0 0 0 5px;
	width: 220px;
}
table#wp-calendar thead,
	table#wp-calendar tfoot,
	table#wp-calendar tbody
{
}
#wp-calendar #prev a, 
	#wp-calendar #next a 
{
	font-size : 9pt;
}
#wp-calendar caption 
{
	padding-bottom : 4px;
	border-bottom : 1px #777 solid;
	font-weight : bold;
	text-align : left;
}
#wp-calendar th 
{
	font-style : normal;
	text-transform : capitalize;
}
#wp-calendar a 
{
	text-decoration : underline;
}

	

/* ------------------------
		RSS link
------------------------ */

#sidebar ul li ul.feedList
{
	margin-bottom: -10px;
}


#sidebar ul li ul.feedList a.feedLink:hover
{
	background-color:rgb(255,102,0);
	color:rgb(255,255,255);
	background-color:rgb(255,102,0);
	border-top: 1px solid rgb(255,200,164);
	border-right: 1px solid rgb(125,51,2);
	border-bottom: 1px solid rgb(125,51,2);
	border-left: 1px solid rgb(255,200,164);
	font-family:verdana,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	position: relative;
}