/* Normal, standard links. */
a {color:#604616;text-decoration:underline;font-weight:normal;}
a:hover {color:#e78408;text-decoration: underline;}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {text-decoration: none;}
a.nav:hover {text-decoration: underline;}

/* Tables should show empty cells. */
table { empty-cells: show;}
body, td, th, tr {line-height: 150%;font-size:12px;font-family:arial,sans-serif;color:#333;}
body { background: #604616; padding: 0; margin: 0;}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button {color: #000; font-family: verdana, sans-serif;}
input, button { font-size: 100%;}
textarea { font-size: 100%; color: #000; font-family: verdana, sans-serif;}

/* All input elements that are checkboxes or radio buttons. */
input.check {}

/* Selects are a bit smaller, because it makes them look even better 8). */
select { font-size: 100%; font-weight: normal; color: #000;	 font-family: Tahoma, Arial, Helvetica, sans-serif;}

/* Standard horizontal rule.. ([hr], etc.) */

hr, .hrcolor {
	 height: 1px;
	 border: 0;
	 color: #666666;
	 background-color: #d4d4d4;
}
/* No image should have a border when linked */
a img { border: 0;}

/* A quote, perhaps from another post. */

.quote {
	 background-color: #fff;
	 border: 1px solid #959595;
	 margin: 5px 15px 0 15px;
	 padding: 10px;
	 font-size:11px;
	 color:#555;
}
/* A code block - maybe even PHP ;). */

.code {
	 color: #3a3a3a;
	 background-color: #fbede6;
/*font-family: "courier new", "times new roman", monospace;*/
	 font-size: x-small;
	 line-height: 1.3em;
/* Put a nice border around it. */
	 border-top: 5px solid #f1ccbb;
	 border-bottom: 5px solid #f1ccbb;
	 margin: 1px auto 1px auto;
	 padding: 1px;
	 width: 99%;
/* Don't wrap its contents, and show scrollbars. */
	 white-space: nowrap;
	 overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
	 max-height: 24em;
}
/* The "Quote:" and "Code:" header parts... */

.quoteheader, .codeheader {
	 text-decoration: none;
	 font-style: normal;
	 font-weight: bold;
	 font-size: x-small;
	 line-height: 15px;
	 margin-left:25px;
}
/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help { cursor: help;}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction { color: red;}

/* The main post box - this makes it as wide as possible. */
.editor { width: 96%;}

/* Highlighted text - such as search results. */
.highlight { background-color: yellow; font-weight: bold; color: black;}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg { background-color: #ffffff;}
.windowbg2 { background-color: #f6f6f6;}
.windowbg3 { background-color: #f0f0f0;}
.windowbg a, .windowbg2 a, .windowbg3 a{font-weight:bold;}

/* the today container in calendar */
.calendar_today { background-color: #f5f5f5;}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	 color: #454545;
	 background: #f9f9f9;
	 border-bottom: solid 1px #f2f2f2;
	 border-top: solid 1px #ffffff;
	 padding-left: 10px;
	 padding-right: 10px;
	 line-height: 18px;
}

.titlebg, .titlebg a:link, .titlebg a:visited { font-weight: bold; font-size: 12px;}
.titlebg a:hover {}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {font-weight:bold; text-decoration: underline;}
.titlebg2 a:hover { text-decoration: underline;}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/

.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
	 color: #404040;
	 padding-left: 10px;
	 padding-right: 10px;
	 background: #dedede url(images/catbg.gif) repeat-x;
}

.catbg2, tr.catbg2 td {
	 color: #404040;
	 padding-left: 10px;
	 padding-right: 10px;
	 background: #dedede url(images/catbg.gif) repeat-x;
}

.catbg, .catbg2, .catbg3 {}
.catbg, .catbg2 { font-weight: bold; font-size: 12px;}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited { font-size: 12px; color: #454545; text-decoration: none;}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {color:#e78408;text-transform:uppercase;font-size:12px;font-weight:bold; text-decoration: none;}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover { text-decoration: underline;}
	 
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor { background-color: #dddada; padding: 0px;}

/* This is used on tables that should just have a border around them. */
.tborder { padding: 1px; border: 1px solid #dddada;}
	 
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext { font-size: 90%; font-family: verdana, sans-serif;}
.middletext { line-height: 18px; text-indent: 10px;}
.normaltext { font-size: small;}
.largetext { font-size: large;}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage { width: 100%; overflow: auto; line-height: 1.3em;}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */

.signature {
	 width: 100%;
	 overflow: auto;
	 padding-bottom: 3px;
	 line-height: 1.3em;
}
/* Sometimes there will be an error when you post */
.error { color: red;}


/* The AJAX notifier */

#ajax_in_progress {
	 background: #32CD32;
	 color: white;
	 text-align: center;
	 font-weight: bold;
	 font-size: 18pt;
	 padding: 3px;
	 width: 100%;
	 position: fixed;
	 top: 0;
	 left: 0;
}

#wrapper {
	 position: relative;
	 width: 978px;
	 margin: 15px auto 0 auto;
	 padding: 0;
	 background: url('http://www.vitiligo.nl/forum/Themes/outline119/images/custom/header.jpg') 0 0 no-repeat;
}

#header {position: relative; height: 254px;}

#bread_crumb {position:absolute;top:135px;left:30px;font-family:verdana,arial,sans-serif;font-size:9px;color:#7d7d7d;font-weight:normal;}
#bread_crumb a.breadcrumb {font-size:9px;color:#7d7d7d;text-decoration:none;}
#bread_crumb .breadcrumb:hover {text-decoration:underline;}

#bread_crumb_extra {padding:0 0 15px 0;font-family:arial,sans-serif;color:#333;font-size:12px;ont-weight:bold;}
#bread_crumb_extra a.breadcrumb {font-weight:bold;font-size:12px;text-decoration:none;}
#bread_crumb_extra .breadcrumb:hover {font-weight:bold;text-decoration:underline;}


#head-r { height: 120px;}
#head-l {}

#userarea { width: 898px;background:white;padding:5px 10px;border:1px solid #ccc;float: left;margin-bottom:10px; text-align: left; font-size: 12px; color: #333; font-family: tahoma, sans-serif;}
#userarea a:link, #userarea a:visited {}
#userarea a:hover {text-decoration: underline;}

#searcharea { float: right; padding: 5px 25px 0 0;	 margin: 0; clear: both;}
#toolbar { margin: 0; padding: 0; position:absolute; bottom:30px; left:10px;}

#topmenu { height:29px; margin: 0; padding: 0; font-family:tahoma,arial,sans-serif; font-size:13px /*Non-IE6*/;	 font-size:12px /*IE6*/;}
#topmenu ul {list-style-type:none;margin:0;padding:0;width:auto;white-space:nowrap;}
#topmenu ul li {float:left;color:#fff;text-align:left;border-right:1px solid #f4e8d0;}
#topmenu ul li a {display:block;line-height:29px;padding:0 10px;color:#fff;text-decoration: none;font-weight:bold;border:none;}
#topmenu ul li:hover, #nav li a:hover{background:#604616;color:#fff;}
#topmenu ul li a.current { color: #fff; background: #604616;}

#bodyarea { padding:0 20px 20px 20px; margin: 0; background: #fffcf9; border-left:10px solid #f4e8d0; border-right:10px solid #f4e8d0;}

#footer {padding-top:20px;margin:0 auto;background:url('http://www.vitiligo.nl/forum/Themes/outline119/images/custom/footer_bg.jpg') 0 0 no-repeat;height:85px;font-size:11px;text-align:center;color:#7d7d7d;width:978px;}
#footer a, #footer a:visited {text-decoration:none;color:#7d7d7d;}
#footer a:hover {text-decoration:underline;}
#footer .credits {clear:both;font-weight:normal;margin-top:-5px;}

.popuptext {color: #333;}