/*
	project: Internet Jobs Template
	author: Luka Cvrk (www.solucija.com)
	Stylesheet
*/

/* HTML ELEMENTS */
* {
 margin: 0;
 padding: 0;
}

body {
 background: #EEEEEE url(images/header.gif) repeat-x top left;
 color: #000000;
 margin: 0;
 padding: 0;
 font: 0.7em "Arial", Helvetica, Sans-Serif;
}

a {
 color: #3C6491;
 background-color: inherit;
}

a:hover {
 color: #BF3E17;
 background-color: inherit;
}

#logo h1 {
 font: 160% Arial, Sans-Serif;
 font-weight: bold;
 padding: 3px 0 0 0;
 margin: 0;

}
#logo h1 a {
 color: #BF3E17;
 background: inherit;
 text-decoration: none;
}

h1 a:hover {
 color: #3C6491;
 background: inherit;
 text-decoration: none;
}


h2.newshead, h2 {
 margin: 8px 0 5px 0;
 padding: 0;
 font-size: 1.4em;
 letter-spacing: -1px;
 color: #000000;
 text-decoration: none;
 background-color: inherit;
}
h2.newshead {
 background-image: url(images/h2bg.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding: 0 0 0 20px;
}

p {
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

table {
 margin-left: auto;
 margin-right: auto;
}

/* LAYOUT */
#header {
 clear: both;
 width: 90%;
 height: 45px;
 margin: 0 auto;
 padding-left: 130px;
}
#header div {
 float: left;
}
#logo {
 padding: 10px 5px 0 0;
 color: #000000;
 background-color: inherit;
 text-align:right;
}

.slogan {
 border-left: 1px solid #CCCCCC;
 padding: 10px 0 0 10px;
 margin: 2px;
}

#hmenu {
 margin: 2px;
}

#hmenu a {
 padding: 12px 13px 2px 11px;
 text-decoration: none;
 color: #414141;
 background: #ccc url(images/hmenuarrow.gif) no-repeat top center;
 margin: 0 0 3px 1px;
 border-bottom: 4px solid #BCBCBC;
 display: block;
}

#hmenu a:hover {
 background: #3C6491 url(images/hmenuarrowhover.gif) no-repeat top center;
 color: #FFFFFF;
 border-bottom: 4px solid #2F4A6C;
}
 #hmenu ul li {
 float:left;
 list-style-type: none;
 }


.content {
 border-top: 1px solid #FEFEFE;
 background: #FFFFFF url(images/contentbg.gif) repeat-x left top;
 color: #000000;
}

#left {
 float: left;
 width: 220px;
}

#leftmenu {
 margin: 0;
 padding: 0;
}

#leftmenu a, li#review{
 display: block;
 background: #BF3E18 url(images/vmenuarrow.gif) no-repeat center left;
 color: #FFFFFF;
 padding: 5px 0 5px 19px;
 margin: 0 0 1px 0;
 text-decoration: none;
}

#leftmenu a:hover {
 color: #FFFFFF;
 background: #822C0F url(images/vmenuarrowhover.gif) no-repeat center left;
}

#leftmenu ul {
 list-style-type: none;
}

#leftmenu ul #review {
 color: #FFFFFF;
 background: #822C0F url(images/vmenuarrowhover.gif) no-repeat center left;
 font-weight: bold;
}

.leftarticle {
 background: #EEEEEE;
 color: #808080;
 margin: 2px 0 2px 0;
 padding: 8px;
 line-height: 1.4em;
}

.leftarticle_ad {
 font: 100% Arial, Sans-Serif;
 font-weight: bold;
 border: 2px solid #EEEEEE;
 color: #808080;
 width: 182px;
 padding: 17px;
 background-color: #FFFFFF;
 margin-bottom: 2px;
}

#right {
 float: right;
 width: 505px;
 padding: 0 6px 0 0;
 font: 100% Arial, Sans-Serif;
}

#articles {
 width: 750px;
 padding: 3px 0 0 0;
 margin: 0 auto 10px auto;
}

#additional {
 clear: both;
 width: 730px;
 background-color: #FFFFFF;
 color: #000000;
 margin: 0 auto;
 padding: 10px;
}

#links {
 clear: both;
 margin: 0 auto;
 width: 730px;
 padding: 10px;
 background: #3C6491 url(images/linksbg.gif) repeat-x top left;
 color: #FFF;
}

#whiteline {
 margin-top: 10px;
 border-top: 3px solid #FFFFFF;
}

#footer {
 margin: 5px auto;
 width: 740px;
 padding: 0 5px 0 5px;
}

#footer div {
 padding-top: 10px;
 padding-bottom: 25px;
 line-height: 1.8em;
 color: #808080;
 background: #EEEEEE;
}

#footer a {
 color: #808080;
 background: inherit;
}

form.search {
 padding: 0;
 margin: 0;
}

#searchform {
 background: #808080;
 color: #FFFFFF;
 padding: 5px 8px 5px 18px;
 margin: 0px;
}

input.text { margin: 0; padding: 0; width: 128px; border: 1px solid #eee; color: #000000; background: #d8d8d8; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; padding: 3px; font-size: 80%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold; }
.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(images/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.date a { color: #808080; background: #FFFFFF; }

/*layout misc*/
.defaultcontent{
 font-size: 12px;
 font-weight: normal !important;
}
.defaultcontent #searchform {
 background-color: #FFF;
 color: #000;
}
/* MENU */
#navigation ul{
 list-style-type: none;
}
/*#navigation a {
}
#navigation a:hover {
}

#navigation a span {

}

#navigation a:hover span {

}
#navigation a.offpage span {

}

#navigation a.offpage:hover, #navigation a.onpage:hover{

}
#navigation a.onpage span {

}
*/
/*WELCOME BOX*/

/* NEWS */

/* COMMENTS */
.comment_box{
 margin-bottom: 1.2%;
 padding-bottom: 1%;
 border-bottom: 2px dotted #E3DED7;
}
.comment_head {
 font-size: 1em;
}
.comment {
 margin-bottom:10px;
}
.avatar {
 float: left;
 margin: 0 5px 5px 0px;
 padding-right: 5px;
 border-right: 1px dashed #EFEFEF;
}
.avatar .spacer {
 margin:15px;
}

/* CHATBOX */

/* E107 CORE STYLES */


.button {
 padding: 0.5px;

 color: #AFA28E;
 border: 2px solid #FFFFFF;
 text-align: center;
 background-color: #CFC5B5;
}

.smalltext, .smallblacktext, .tbox, .button, .button:hover, .nextprev, .helpbox {

}

.tbox {
 border: #777 1px solid;
}

.indent {
 border: #999 1px dashed;
 padding: 5px;
 margin: 5px;
 background-color: #f7f7f9;
 color: #000;
 text-align:left;
 font-style: italic;
}

.button {
 border: 1px solid #A5ACB2;
 background-image : url(images/button.png);
}

.button:hover {
 background-image : url(images/buttonover.png);
}

.nextprev {
 border: 0px;
 text-align: center;
 padding: 2px;
 background-color: #f7f7f9;
 color: #000;
}

.spacer{
 padding: 0 !important;
}

.searchhighlight {
 text-decoration: underline;
 color: #ff0000;
 font-weight: bold;
 background-color: inherit;
}

.helpbox {
 border: 0px;
}

/* NOT SURE WHAT THIS CLASS IS FOR [cspacer] STILL RESEARCHING */
.cspacer {}

/*FORUM & CONTENT FORMATTING  */

.forumheader, .forumheader2, .forumheader3, .forumheader4, .forumheader5{
 font: normal 11px verdana, tahoma, sans-serif;
 text-align: left;
}



.forumheader a{
 color: #7F7F7F;
 background-color: #FBFBFD;
}
.finfobar a
{
}

.forumheader2 a, .forumheader3 a, .forumheader3 a:hover{
 color: #3F3F3F;
 background-color: #FFF;
 font-weight: bold;
}
a.forumlink,
.fcaption a{
 color: #822C0F;
 background-color: #FBFBFD;
}
a.forumlink:hover,
.fcaption a:hover{
 color: #BF3E17;
 background-color: #FFF;
}
.forumheader {
 background-color: #eeeeee;
 font-weight:bold;
 padding: 5px;
 text-align:left;
}

.fborder, .border{
 border-collapse: collapse;
 border-spacing: 0px;
}

.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
 padding: 5px;
 background-color: #fff;
 border-bottom: 1px solid #bbb;
 color: #000;
}

.forumheader, .forumheader4, .finfobar {
 background-color: #fbfbfd;
}

.forumheader5 {
 cursor: pointer;
}

.fcaption, .forumheader5 {
 background-color: #f7f7f7;
 color: #000;
}


/* CUSTOM TD used for full page renders */
.custom_caption {
 height: 29px;
 padding: 2px 8px;
 color: #fff;
 border: #e1e1e1 1px solid;
 background: #a8d2ea url(images/custom_caption.jpg) top left repeat-x;
 line-height:29px;
 text-align:left;
}
.custom_caption a{}
.custom_caption a:hover{}

/*MISC & FUN STUFF */
#chatbox{}
.chatbox{}
#loginform{}
.logintable{}
.logintable label{}

div.clearer {
clear: both;
}
#comment{
 width: 100%;
}
#helpb {
 width: 100%;
 font-size: 1em; 
}

.defaultcontent table {
 text-align: left;
}

