/*
Href: /Skins/TinusSmits/css/reset.css, Media: 
Href: /Skins/TinusSmits/css/typografie.css, Media: 
Href: /Skins/TinusSmits/css/forms.css, Media: 
Href: /Skins/TinusSmits/css/custom.css, Media: 
Href: /skins/_System/csharp.css, Media: 
Href: /skins/_System/commonstyle.css, Media: 
Href: /skins/_System/commonlayout.css, Media: 
Href: /Skins/TinusSmits/print.css, Media: print
Href: /Skins/TinusSmits/search.css, Media: 
Href: /Skins/TinusSmits/style.css, Media: 
*/

/* Href: /Skins/TinusSmits/css/reset.css, Media:  */
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
      
-------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
/*	border: 0;*/
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* Href: /Skins/TinusSmits/css/typografie.css, Media:  */
body { 
	font-size: 100%; 
	font-family: Helvetica, Arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

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

h1 { font-size: 1.8em;}
h2 { font-size: 1.5em;margin-bottom: 0.3em;  }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 0.8em; }
h4 { font-size: 1.05em; line-height: 1.25; margin-bottom: 0.5em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.3em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-size: 0.85em; line-height: 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin:0 1.5em 1.5em 2.5em; line-height: 1.5em; }/*edited by mahesh*/
ul          { list-style-type: disc; font-size: 0.85em; color:#222222;}/*edited by mahesh*/
ol          { list-style-type: decimal; font-size: 0.85em; }/*edited by mahesh*/
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
ul li       { padding-top:0.2em;}/*added by mahesh*/


abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { }
a           { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 0; font-family: Helvetica, Arial, sans-serif; /*font-size:13px;*/font-size:0.85em; line-height: 18px; }/*edited by mahesh*/
th      { border-bottom: 2px solid #ccc; font-weight: bold;}
td      { border-bottom: 1px solid #ddd;}
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* Href: /Skins/TinusSmits/css/forms.css, Media:  */
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: normal; }


/* Fieldsets */
fieldset    { padding:0 0 25px 0; margin: 0 0 0 0; /*border: 1px solid #ccc;*/ }
legend      { font-weight: bold; font-size:1.2em; }
label      {padding: 0; margin: 0; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.2em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 300px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* Href: /Skins/TinusSmits/css/custom.css, Media:  */
/* GENERAL ------------------------------------------------------------ */
body{
	background-color:  #fff;
	background-image: url(/Skins/TinusSmits/images/background.jpg);
	background-repeat: repeat-x;
}
.center{
	width: 960px;
	margin:0 auto;
}
.clear{
    clear:both;
}
h2, h3, h4, p{
	color: #222;
}
h2 {	
	letter-spacing: 1px;
	margin: 0;
	}
a { 
	color: #03c;
	background-repeat: no-repeat;
}
a:hover{ 
	color: #006;
}
.hidden{
	display: none;
	}

hr{
	display: block;
	height: 0px;
	border-bottom: 1px solid gray;
 	border-collapse: collapse; 	
}
.content{
	clear: both;
	padding: 0 10px;
}
.content hr{
	visibility: hidden;
	clear: both;
	padding-bottom: 20px;
}

/*added by mahesh*/
table p,
table ul,
table ol,
p.ul,
p.ol
{
    font-size:100%;
}

/* HEAD ------------------------------------------------------------ */
#header{
	background-image: url(/Skins/TinusSmits/images/mood.jpg);
	height: 100px;
	width: 100%;
	overflow: hidden;
	background-color: #e37703;
	position: relative;
}

#header hr{ 
	clear:left; 
	visibility:hidden;
	line-height:0px; 
	font-size: 0px;
	}
	
#orangeborder{
	position: absolute;
	z-index: 300;
	top: 90px;
	height: 10px;
	width: 100%;
	background-image: url(/Skins/TinusSmits/images/orangeborder.png);
}	

h1{	
	margin: 0 0 0 -100px;
	padding: 0;
	position: absolute;
	z-index: 200;
}
h1 a{
	display: block;	
	height: 100px;
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-image: url(/Skins/TinusSmits/images/TinusSmits-logo.png);
}
h1 span{
	display: none;
}

/* SUBHEADER ------------------------------------------------------------ */
.subheader{
	height: 48px;
	margin: 0 0 15px 0;
	background-repeat: no-repeat;	
}
.subheader h2{
	width: 500px;
	height: 40px;
	margin: 4px 0 0 4px;
	padding: 13px 0 0 46px;
	float: left;
	color: #fff;
	background-repeat: no-repeat;
}


/* Subheader Icons */
#subhead-autisme{
	background-image: url(/Skins/TinusSmits/images/icon_autisme40.png);
	}
#subhead-over-tinus-smits{
	background-image: url(/Skins/TinusSmits/images/icon_overtinus40.png);
}
#subhead-pvs{
	background-image: url(/Skins/TinusSmits/images/icon_vaccinatie40.png);
}
#subhead-oncologie{
	background-image: url(/Skins/TinusSmits/images/icon_onco40.gif);
}
#subhead-inspiring-homeopathy{
	background-image: url(/Skins/TinusSmits/images/icon_inspi40.gif);
}
#subhead-contact{
	background-image: url(/Skins/TinusSmits/images/icon_overtinus40.png);
}


/* Subheader Colored Background Bars */
#subheadBG-autisme{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-autisme.gif);	
}
#subheadBG-over-tinus-smits{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-overtinussmits.gif);
}
#subheadBG-pvs{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-pvs.gif);	
}
#subheadBG-inspiring-homeopathy{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-inspi.gif);
}
#subheadBG-oncologie{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-onco.gif);
}
#subheadBG-contact{
	background-image: url(/Skins/TinusSmits/images/subheader-bg-overtinussmits.gif);
}

/* Patient vs Arts switch */
#statusswitch{
	width: 125px;
	height: 48px;
	float: right;
}
#statusswitch ul{
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;

}
#statusswitch ul li{
	float: left;
	margin: 0 0 0 5px;
}
#statusswitch ul li a{
	color:#fff;
	font-size: 0.8em;
	text-decoration: none;
}
#statusswitch ul li a:hover{
	color:#094800;
}
#statusswitch ul li strong a,
#statusswitch ul li strong a:hover{
	text-decoration: none;
	color: #fff;
	}


/* CONTENT (INDEX) (DETAIL) ------------------------------------------------------------ */


/* Subnav Column on the left */
#columnSubnav{
	width: 175px;
	margin-right: 20px;
	float: left;
}
#columnSubnav ul{
	line-height: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 30px 0;
	font-size:100%;/*added by mahesh*/
}
#columnSubnav ul li{
	border-bottom: 1px solid #fff;
	display: block;
	padding: 0;
	margin: 0;
}
#columnSubnav ul li a{
	color: #fff;
	font-size: 0.85em;
	line-height: 1.2em;
	display: block;
	text-decoration: none;
	background-color:#99a78b;
	padding:5px 4px 6px 5px;
	margin: 0 0 0 0;
}

#columnSubnav ul li a:hover,
#columnSubnav ul li strong a,
#columnSubnav ul li strong a:hover{
	background-color:#74a900;
}

/* columnSubnav2 in the contentpane added by mahesh*/

#columnSubnav2
{
    float:right;
	text-align: left;
}
#columnSubnav2 ul { 
	list-style-type:none; 
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size:100%;/*edited by mahesh*/
}
#columnSubnav2 ul li { 
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	}	
#columnSubnav2 ul li a {
	color:#000; 
	letter-spacing:1px; 
	line-height:14px;
	font-size:14px;
	padding: 2px;
	}	
#columnSubnav2 ul li strong a {
	font-weight:normal; 
	text-decoration:none;
	}

/* Content Detail 4 column structure (disctricts)  */
#column4ContentLinks{
	float: left;
	width: 140px;
	margin-right: 40px;
}
#column4ContentLinks ul{
	list-style-type: none; 
	margin: 0;
}
/* Content Detail template - 4 column structure (adresses)  */
#column4address{
	float: left;
	width: 320px;	
}

/* Content I template - 2 column structure  */
#column2Content{
	width: 740px;
	float: left;
	}
#column2Content hr{
	visibility: hidden;
	margin-bottom: 20px;
	clear: left;
	}
	
/* Content INDEX template - 3 column structure  */
#column3Content{
	width: 460px;
	float: left;
}
#column3Content h3{
	margin: 0;
	padding: 0;
}
#column3Content h4{
	margin: 0;
	padding: 0;
}


/* Image containers */
.imagecontainerContentArea{
	border: 1px solid #999;
	padding: 5px;
	width: 400px;
	margin: 10px auto 20px auto;
}
.imagecontainerContentArea img{
	width: 400px;
}
.imagecontainerContentArea p{
	color: #555;
	margin: 0;
}

/* Image container LESS WIDTH */
.imagecontainerContentAreaSmaller{
	border: 1px solid #999;
	padding: 5px;
	width: 300px;
	margin: 10px auto 20px auto;
}
.imagecontainerContentAreaSmaller img{
	width: 300px;
}
.imagecontainerContentAreaSmaller p{
	color: #555;
	margin: 0;
}


/* Videoitem */
.videoitem{
	padding: 20px;
}


/* Column for publication highlight  */
#column3RelImage{
	width: 257px;
	float: right;
}
#column3RelImage img{
	border: 1px solid #555;
}
#column3RelImage .BookinColumn{
	border: 1px solid #ccc;
	padding: 6px;
}
#column3RelImage .BookinColumn p{
	margin: 0 0 0 0;
	padding: 0;
}


/* Column for related links and information */
#column3Related{
	width: 200px;
	float: right;
}
#column3Related img{
	border: 1px solid #555;
}
#column3Related .imagecontainer {
	margin-left: -60px;
}
#column3Related h4{
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#column3Related ul
{
	line-height: 1em;
	list-style-type: none;
	margin:0 5px 25px 10px;
    font-size:0.85em;    
}
#column3Related ul li{
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}
#column3Related ul li a{
	line-height: 1.5em;
	/*font-size: 0.85em;*/
}
a.external{
	background: url(/Skins/TinusSmits/images/externallink.gif) no-repeat right top ;
	padding: 2px 18px 2px 0;	
}
#column3Related p.tekstblok{
	margin:0 5px 25px 10px;
}
#column3Related hr{
	visibility: hidden;
}

/* Virtual consult box within related information column */
#virtualconsult{
	border: 1px solid #444;
	width: 150px;
	margin: 0 auto;
	padding: 10px;
}
#virtualconsult p{
	margin:0 0 0 0;
}

/* Fancy Button */
.smallButton{
	padding: 4px 6px;
	margin:20px auto 10px auto;
	text-align: center;
	width: 80%;
	background-color: #e37703;
	display: block;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	border: 1px solid #666;
}
.smallButton:hover{
	color: #fff;
	background-color: #d85803;
}

/* Fancy Button BIGGER pointing to the next chapter */
.bigButton{
	padding: 5px 8px;
	margin:20px auto;
	text-align: center;
	width: 70%;
	background-color: #e37703;
	display: block;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	border: 1px solid #666;
}
.bigButton:hover{
	color: #fff;
	background-color: #d85803;
}

/* PUBLICATIE INDEX ------------------------------------------------------------ */
.publicatie{
	width: 345px;
	margin: 0 10px 10px 0;
	padding: 6px;
	float: left;
	border: 1px solid #ccc;
}
.publicatie img{
	width: 110px;	
	padding: 0;
	margin: 0;
}
.publicatie a.thumb{
	float: left;
	width: 110px;
	height: 150px;
	border: 1px solid #555;	
	overflow: hidden;
	margin: 0 10px 0 0;		
}
.publicatie h4{
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
		
}
.publicatie p{
	padding-right: 10px;
	float: left;
	width: 210px;	
	margin: 0;	
}


/* HOME ------------------------------------------------------------ */

/* Column for Homepage  */
#columnMain{
	float: left;
	margin-bottom: 15px;
	width: 625px;
	/*border-right: 1px solid gray;*/
}

/* Introduction box on top of the page */
#introductie{	
	padding: 0 20px 20px 0;
}
#introductie img{
	float: left;
	border: 1px solid #555;	
	margin-right: 15px;
}
#overzicht{
	width: 625px;
	clear: left;
	margin: 0 0 0 0;
	padding: 0px 0 0 0;
}
#overzicht hr{
	clear: both;
	visibility: hidden;
}


/* boxes below the introduction */
.blok{
	float: left; display: inline; /* needed for IE6 */
	width: 290px;
	height: 200px;
	margin: 0 20px 20px 0;
	padding: 0;	
}
.intro{
	background:#ededed url(/Skins/TinusSmits/images/boxbg.gif) no-repeat bottom;
}
.intro h3{
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	width: 280px;
	height: 60px;	
}
.intro h3 a{
	display: block;
	padding-top: 40px;
	padding-left: 65px;
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
	height: 20px;
}
.intro h3 a img{
	margin-right: 3px;
}
.intro p{
	padding: 5px 10px 0 10px;
}


/* Backgrounds in the highlight boxes */
h3#boxhead-pvs{
	background-image: url(/Skins/TinusSmits/images/bg_head_box_pvs.gif);	
}
h3#boxhead-autisme{
	background-image: url(/Skins/TinusSmits/images/bg_head_box_autisme.gif);	
}
h3#boxhead-inspiring{
	background-image: url(/Skins/TinusSmits/images/bg_head_box_inspiring.gif);	
}


/* Icons in the highlight boxes */
h3#boxhead-pvs a{
	background-image: url(/Skins/TinusSmits/images/icon_vaccinatie.png);	
}
h3#boxhead-autisme a{
	background-image: url(/Skins/TinusSmits/images/icon_autisme.png);	
}
h3#boxhead-inspiring a{
	background-image: url(/Skins/TinusSmits/images/icon_inspiringhomeopathy.png);	
}

/* Big link buttons to sections within the website */
#sectionlinks h3{
	margin: 0;
	padding: 0;
}
#sectionlinks a{
	display: block;
	color: #fff;
	text-decoration: none;
	width: 280px;
	font-size: 0.8em;
	height: 27px;
	margin: 0 0 2px 0;
	padding: 15px 0 0 10px;
	background-image: url(/Skins/TinusSmits/images/linkbutton.gif);
	background-position: left;
}
#sectionlinks a:hover{
	background-position: right;
}


/* Recent Information RIGHT COLUMN */
	
#columnRecent{	
	float: right;
	width: 300px;
	border-left: 1px solid gray;	
	padding-left:13px;
}
#columnRecent h2{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.4em;
}
#columnRecent hr{
	border-bottom: 1px solid gray;
	border-collapse: collapse;
	visibility: visible;
	/*border-bottom-width: 0px; added & commented by mahesh
	padding-bottom: 0px;*/	
	/*following 3 properties added by mahesh*/
	border-left:0px;
	border-right:0px;
	border-top:0px;	
}

#publicatie h3{
	font-size: 1.2em;
	margin: 0;
}
#publicatie	img{
	float: left;
	width: 110px;
	margin-right: 7px;
	border: 1px solid #555;
}
.weblogitem p.date{
	margin: 0 0 0 0;
	color:#777;
}
.weblogitem h3{
	font-size: 1em;
	margin: 0 0 0 0;
}

.gastenboekitem p.date{
	margin: 0 0 0 0;
	color:#777;
}
.gastenboekitem h3{
	font-size: 1em;
	margin: 0 0 0 0;
}

/* MENU BAR ------------------------------------------------------------ */
#mainmenubar {
	height: 30px;
	background-color: #e37703;
}
#mainmenubar hr{
	display: none;
}
#mainmenu{
	text-align: left;
	height: 30px;
	width: 900px;
	float: left;
}
#mainmenu ul { 
	list-style-type:none; 
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#mainmenu ul li { 
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	}	
#mainmenu ul li a {
	text-decoration:none; 
	color:#fff; 
	letter-spacing:1px; 
	line-height:14px;
	font-size:14px;
	padding: 2px;
	}	
#mainmenu ul li a:hover {
	color:#094800;
	}
#mainmenu ul li strong a {
	color:#094800; 
	font-weight:normal; 
	text-decoration:none;
	}
#mainmenu ul li strong a:hover{
	color:#094800;
	}	

#langselection{
	float: right;
	width: 50px;	
}

#langselection ul{
	list-style-type:none; 
	display: block;
	width: 70px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
}
#langselection ul li{
	float: left;
	width: 25px;
	margin: 0 0px 0 5px;
	
	/*border: 1px solid red;*/
}
#langselection ul li a{
	color:#fff; 
	text-decoration: none;
	font-size: 11px;
	display: block;
	width: 25px;
	height:16px;
	border: 1px solid #e37703;
}
#langselection ul li a:hover{
	color:#094800;
	border: 1px solid white;
}
#langselection ul li strong a{
	color:#fff; 
	border: 1px solid white;
}
#langselection ul li strong a:hover{
	color:#fff; 
	border: 1px solid white;
}

#langselection ul li a span{
	display: none;
	}

#langselection ul li a.nl{
	background-image: url(/Skins/TinusSmits/images/flag_nl.gif);
	}
#langselection ul li a.en{
	background-image: url(/Skins/TinusSmits/images/flag_uk.gif);
	}
	
#langselection hr{
	visibility: hidden;
}

#langselection a strong img
{
    background-color:#ffffff;
    padding:1px 1px 1px 1px;
}

#langselection img:hover
{
    background-color:#ffffff;
    padding:1px 1px 1px 1px;
}

/* BREADCRUMB TRAIL ------------------------------------------------------------ */
#breadcrumb{
	padding: 8px 0 0 0;
	height: 28px;	
}
#breadcrumb hr{
	display: none;
}
#breadcrumb p{
	font-size: 12px;
	color: #919191;
	padding: 0;
	margin: 0;
}
#breadcrumb a{
	font-size:12px;
	margin: 0 2px 0 0;
	line-height:20px;
	font-size:12px;
	padding: 1px;
	color: #919191;
}
#breadcrumb a:hover{
	color: #444;
	text-decoration:underline;
}

/* CONTACT */
.contactleft{
	float: left;
	width: 250px;
}
.contactright{
	float: left;
	margin-left: 10px;
	width: 410px;
}
.contactleft, .contactright{
	padding-top: 20px;
	}
.contactleft h3, .contactright h3{
	margin: 0 0 5px 0;
	}
/* FOOTER */
#footer{
	clear: both;
	text-align: right;
	background-color: #a7cd54;
	margin-top: 20px;
	height: 40px;
	}
#footer p{	
	font-size: 12px;
	margin: 0 0 0 10px;;
	padding: 6px 20px 0 0;
}
#footer p, 
#footer p a{
	color:#fff;
}
#footer p a:hover{
	text-decoration: underline;
}

#footer .login
{
	font-size: 12px;
	margin: 0 0 0 10px;;
	padding: 6px 20px 0 0;
	color:#a7cd54;
}

#footer .login:hover{
	text-decoration: underline;
	color:#fff;
}
/* Href: /skins/_System/csharp.css, Media:  */
/*
Stylesheet for C#, VB, HTML/XML/ASPX, T-SQL, MSH

Downloaded from http://www.manoli.net/csharpformat/

This stylesheet is useful if you use the manoli.net code formatter.
*/

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}

.csharpcode .lnum { color: #606060; }
/* Href: /skins/_System/commonstyle.css, Media:  */
/********* DropCap **********
Apply to the first letter of a post. 
Makes a nice magazine effect.

Make sure to overide border, font, etc... choices.
*/
.dropcap 
{
	float: left;
	font: 4em georgia, helvetica, verdana, arial, sans-serif;
	border: solid 1px;
	padding: 5px;
	margin-right: 5px;
}


/********* Image Drop Shadow **********
Applies a nice dropshadow to a block element.
Must be combined with .innerbox.

Sample usage:
<div class="dropshadow"><div class="innerbox">Text or image</div></div>

*/
.dropshadow
{
	float:left;
	clear:left;
	background: url(../../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
	display: block;
}

.innerbox
{
	position:relative;
	bottom: 6px;
	right: 6px;
	border: 1px solid #999999;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.innerbox
{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

/* This applies to debug information when compiled as a #DEBUG release. */
div.debug
{
	font-size: x-small;
	width: 200px;
	position: absolute;
}

/********* PrintIcon **********
Applies a print icon to a print link.

Sample usage:
<a class="printIcon"...></a>

*/
a.printIcon
{
	background: url('../../images/printer.png') no-repeat top left;
	padding-bottom: 4px;
}

a.printIcon span
{
	background: url('../../images/printer.png') no-repeat top left;
	padding-left: 17px;
}

/********* ShareIcon **********
Applies a share-icon to an element with the shareIcon class.
http://shareicons.com/

Sample usage:
<a class="shareIcon"...></a>

*/
.shareIcon
{
	background: url('../../images/share-icon-16x16.png') no-repeat center left;
}

/********* Gravatar **********
This is an avatar thumbnail displayed next to a blog post.

Sample usage within comments.ascx:
<asp:Image runat="server" id="GravatarImg" visible="False" class="gravatar"></asp:Image>
*/
img.avatar
{
	float: left;	
	width: 50px;
	padding: 5px;
	border: 0;
	display: block;
}

.accessKey
{
	text-decoration: underline;
}

/********* Pullout **********
A magazine layout box that floats right. Good for emphasizing 
a point in a blog post.

USE THIS IN THE CONTENT OF A BLOG POST

Sample usage.
<span class="pullout">It is indeed a fact</span>
*/
.pullout
{
	display: block;
	width: 30%;
	padding: 10px;
	background-color: #ddd;
	float: right;
	font: bold 1em arial, helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 5px;
	clear: both;
	border: solid 1px;
}

.pullout .alt
{
	float: left;
}

/* blockquote styling */
blockquote.withline   
{
	text-align: justify; 
	padding: 5px;
	border-left: 1px solid #9ACD32;
}


/********* form **********
Styling for a Form. Assumes use of dl for the form.

<dl class="form">
*/
dl.form dt
{
	height: 18px;
	margin-top: 5px;
}

dl.form dd
{
	margin-left: 0;
}

dl.form input
{
	width: 300px;
}

dl.form textarea
{
	width: 400px;
	height: 200px;
}

label.required
{
	font-weight: bold;
}

/******** horizontal list ************
Used to make an ordered or unordered list horizontal.
*/
ul.horizontal
{
	list-style: none;
}

ul.horizontal li
{
	display: inline;
}

.postTitle, .postTitleDate
{
	clear: both;
}

.clear { clear: both; }
.left { float:left; }
.right { float: right; }
.block { display: block; }
.inline { display: inline; }

/*--------{tags}-------------*/
#tag-cloud
{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#tag-cloud li
{
	display: inline;
	list-style-type: none;
}

#tag-cloud li, #tag-cloud li a
{
	display: inline;
}

#tag-cloud li
{
	padding: 2px 3px;
}

.tag-style-1
{
	font-size: .8em;
	font-weight: normal;
}
.tag-style-2
{
	font-size: 1em;
	font-weight: normal;
}
.tag-style-3
{
	font-size: 1.2em;
	font-weight: bold;
}
.tag-style-4
{
	font-size: 1.4em;
	font-weight: normal;
}
.tag-style-5
{
	font-size: 1.6em;
	font-weight: bold;
}
.tag-style-6
{
	font-size: 1.8em;
	font-weight: bold;
}
.tag-style-7
{
	font-size: 2em;
	font-weight: bold;
}

/*---------{search}--------------*/
#search-progress
{
	background: url(../../images/loaders/subtext-loader.gif) no-repeat;
	width: 32px;
	height: 32px;
	margin: 4px auto;
}

#searchResults
{
	z-index: 100;
}

#searchWrapper
{
	position: relative;
	width: 100%;
}

a.closeSearch
{
	position: absolute;
	top:0;
	right: 4px;
	display: block;
}

/*---------{comments}--------------*/
.commentInfo
{
	clear: left;
}

a.edit-comment
{
	background: transparent url(../../images/pencil.png) no-repeat scroll left center;
	padding-left:20px;
}

/*---------{buttons}--------------*/

.btn { cursor:pointer; }
/* Href: /skins/_System/commonlayout.css, Media:  */
/********* Search **********
A standard layout for the search box
Assumes the following structure:

#search
	label
		input.searchterm
			.searchButton
	#searchResults {visible only when search button is clicked}

----------------------------*/
#search
{
	float: right;
	/*width: 280px;*/
}

#search #searchResults
{
	z-index: 100;
	position: relative;
	padding: 5px;
	margin: 0;
	border: solid 1px;
}

#searchResults ul
{
	padding: 0;
	margin: 5px;
}

#searchResults ul li
{
	list-style-position: inside;
}

/********* Previous / Next Links **********
A standard layout for the previous entry and 
next entry links.
Assumes the following structure:

.previousNext
	a
	span " | "
    a
	span " | "
	a
----------------------------*/
div.previousNext
{
	width: 100%;
	text-align: center;
	font-size: .9em;
	padding: 4px;
}


/********* Blog Stats **********
Renders blog stats in a horizontal fashion.

Sample usage:
<dl title="Blog Statistics" id="blogStats">
	<dt>posts</dt>
	<dd><asp:Literal ID="PostCount" Runat="server" /></dd>
	<dt>comments</dt>
	<dd><asp:Literal ID="CommentCount" Runat="server" /></dd>
	<dt>trackbacks</dt>
	<dd><asp:Literal ID="PingTrackCount" Runat="server" /></dd>
</dl>

*/
#blogStats
{
	float: right;
	text-align: right;
	font-size: .7em;
}

#blogStats dt, #blogStats dd
{
	float: left;
	margin: 0;	
}

#blogStats dt
{
	padding-right: 2px;
	margin-right: 2px;
	text-transform: lowercase;
}

#blogStats dd
{
	margin-right: 7px;
}

/********* Captcha **********/
div.captcha
{
	margin: 2px 0 8px 6px;
}

div.captcha img
{
	width: 180px;
	height: 50px;
	border: solid 1px #999;
	display: block;
}

div.captcha label
{
	display: inline;
	float: left;
}

div.captcha input
{
	margin-left: 4px;
	display: inline;
}
/* Href: /Skins/TinusSmits/print.css, Media: print */
@media print{
body, #Form1 #centercontent, .singlepost
{
	margin: 0; 
	padding: 0;
	background: #fff;
	border: 0;
}

#centercontent
{
	width: 100%;
}

#leftcontent, #CommentForm, a.printIcon, #rightcontent
{
	display: none;
}

#top a.headermaintitle
{
	color: #000;
}

#top
{
	background: #fff;
}

p#tagline
{
	background: #eee;
	color: #000;
}
}
/* Href: /Skins/TinusSmits/search.css, Media:  */
/* ------------- {search color scheme} -------------- */
/* Orange */
#searchResults ul li
{
	color: #ffba27;
}

#search input.searchButton
{
	background-color: #ffba27;
}

/* very light gray */
#search input.searchterm, #search #searchResults
{
	background-color: #f6f6f6;
}

/* Border dark gray */
#search input.searchterm, #search #searchResults
{
	border-color: #ddd;
}

/* ------------- {typography} ----------------- */
#searchResults h5
{
	font-size: 1em;
	color: #444;
	margin: 0;
	padding: 0;
}

#searchResults ul li
{
}

#searchResults ul li a
{
	font-size: .9em;
}

/* ------------- {search layout} -------------- */
#search
{
	/*margin-right: 38px;
	margin-top: 35px;*/
}

#search input.searchterm
{
	padding: 0;
	border: solid 1px;
}

#search input.searchButton
{
	color: #fff;
	width: 29px !important;
	width: 25px;
	font-weight: bold;
	border: none;
	padding: 0 2px 0 2px;
	text-align: center;
}
/* Href: /Skins/TinusSmits/style.css, Media:  */
/*
Original Design by Adam Particka (webmaster@principleofdesign.com)
Found on the Open Source Web Design site: http://www.oswd.org/design/preview/id/1570

Design converted to CSS by the Subtext team.

*/

.blogwrapper body 
{
	font-size: small;
	cursor: default;
	color: #777;
}

/*---------- {color scheme} ----------------*/
/*
.blogwrapper a, .blogwrapper div.contentbox h2
{
	color: #ffba27;
	background-image: none;
}

.blogwrapper div.previousNext a
{
	color: #efb027;
}

.blogwrapper a:hover, .blogwrapper a.printlink:hover 
{
	color: #ffdf4f;
}*/

.blogwrapper div.previousNext a:hover
{
}

/* light grey */
.blogwrapper #title h2
{
	color: #ccc;
}

.blogwrapper div.contentbox h2
{
	background-color: #f9f9f9;
}

.blogwrapper #header, .blogwrapper #sidebar, .blogwrapper div.footer
{
	border-color: #ddd;
}

.blogwrapper #search input.searchterm
{
	color: #999;
}

/* dark gray */
.blogwrapper #sidebar div.contentbox h2, .blogwrapper #content div.contentbox h2
{
	border-color: #aaa;
}

.blogwrapper div.contentbox
{
	border-color: #777;
}

/* ---------- {typography} -------------*/
.blogwrapper body
{
	font-family: arial;
}

.blogwrapper h1
{
	font-size: 1.2em;
	margin:0 0 0 0;
	position:relative;
}

.blogwrapper h2
{
	font-size: 1.0em;
}

/*.blogwrapper h3
{
	font-size: .9em;
	margin: 0;
	padding: 0;
}*/

.blogwrapper #title h1 a
{
	font-size: 1.6em;
	font-weight: normal;
	text-transform: lowercase;
}

.blogwrapper #title h2
{
	font-size: 1.5em;
	font-weight: normal;
	text-transform: lowercase;
}

.blogwrapper #sidebar div.contentbox li a
{
	font-size: .9em;
	line-height: .8em;
}

.blogwrapper .postinfo
{
	font-size: .8em;
}

.blogwrapper .postinfo a
{
	font-size: 1em;
}

.blogwrapper .comment
{
	width: 545px;
	margin: 2px 0 7px 0;
}

.blogwrapper .comment a
{
	font-size: .9em;
}

.blogwrapper .commentInfo
{
	margin-left: 5px;
	padding: 4px;
}

.blogwrapper div.commentbody
{
	background-color: #fafafa;
	padding: 8px;
	width: 450px;
	min-height: 40px;
}

.blogwrapper div.author
{
	border: solid 1px #967758;
	padding: 4px;
}

.blogwrapper div.author div.commentbody
{
	background-color: #f0f0f0;
}

/*----------- {links} ------------------*/

/*.blogwrapper a 
{
	text-decoration: none;
	font-size: 1.2em;
}

.blogwrapper a:hover, .blogwrapper a.printlink:hover 
{
	text-decoration: underline;
}

.blogwrapper a.printlink:link, .blogwrapper a.printlink:visited  
{

	text-decoration: none; 
	background-color: #fff;
	font-weight: normal;
}*/

/* -------------- {layout} -----------------*/
.blogwrapper #main
{
	/*width: 800px;*/
	margin: 0px auto 0 auto;
}

.blogwrapper #header
{
	float: left;
	width: 100%;
	height: 30px;
	border-bottom: solid 1px;
	overflow:visible;
	background-image: none;
	background-color: #ffffff;	
}

.blogwrapper #title, .blogwrapper #title h1, .blogwrapper #title h2
{
	margin: 0;
	padding: 0;
}

.blogwrapper #title
{
	float: left;
	width: 420px;
	margin-left: 5px;
}

.blogwrapper #content
{
	/*clear: both;
	padding-top: 10px;*/
	padding-bottom: 10px;
}

.blogwrapper #sidebar
{
	width: 163px;
	/*float: left;*/
	float:right;
	/*margin: 0 0 0 20px;*/
	padding: 0;
	/*border-right: solid 1px;*/
}

.blogwrapper #blogPosts
{
	width: 460px;
	float: left;
	padding-left: 17px;
}

.blogwrapper div.footer
{
	clear: both;
	border-top: solid 1px;
	text-align: center;
}

/* ------------ {sidebar} -------------- */

.blogwrapper #sidebar ul
{
	margin: 5px 0 0 0;
	padding: 0;
}

.blogwrapper #sidebar ul li
{
	list-style-type: none;
	line-height: 1.7em;
}

.blogwrapper #sidebar #nav
{
	margin-bottom: 20px;
}

/* ------------ {contentbox} --------------- */
.blogwrapper #sidebar div.contentbox
{
	width: 140px;
}

.blogwrapper div.contentbox
{
	/*border: solid 1px;*/
	margin-bottom: 20px;
}

.blogwrapper div.contentbox h2
{
	border-bottom: solid 1px;
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 1.0em;
	text-transform: lowercase;
	font-weight: normal;
	text-align: center;
}

.blogwrapper #blogPosts div.contentbox
{
	width: 460px;
	margin: 0;
	position: relative;
	bottom:6px;
	right: 6px;
}

.blogwrapper #blogPosts div.contentbox h2
{
	text-align: left;
	padding-left: 5px;
}

.blogwrapper div.content
{
	margin: 7px 5px 7px 7px;
}

.blogwrapper .postinfo
{
	
}

/*---------------- {misc - special effects} --------------*/

.blogwrapper .debug
{
	display: none;
}

.blogwrapper div.previousNext
{
	width: 100%;
	text-align: center;
	font-size: .9em;
	padding: 4px;
}

.blogwrapper span.commentInfo
{
	clear: none;
}

.blogwrapper .comment h3
{
	clear: both;
}