body, td, th, h3, textarea, input, select {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
}

a:visited { color: #303030; }
a:link { color: #303030; }

#header {
    border-style: solid;
    border-color: #505050;
    border-width: 0px 0px 2px 0px;
    
    background-color: #8f8f8f;
    margin-bottom: 10px;
}

#topnav a
{
    color: #dddddd;
    background-color: #8f8f8f;
    font-size: 1em;
    float: left;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#topnav a:hover
{
    background-color: #767676;
}

#sidecol {
    width: 20%;
    float: right;
}

#sidenav {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    background-image: url(images/para_bg.jpg);
    background-repeat: repeat-x;
    
    padding-right: 20px;

}    

#sidenav_sitenav a
{
    cursor: pointer;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;

    background-color: #858f9e;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #222222;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #222222;
    
    text-decoration: none;
}

#sidenav_sitenav li
{
	border: 1px solid white;
}

#sidenav_bottom ul
{
    text-align: right;
    text-decoration: none;
}

#sidenav_sitenav a:hover
{
    background-color: rgb(73, 81, 92);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
}

#sidenav ul {
    list-style-type: none;
}

.solution_entry {
    background-image: url(images/para_bg.jpg);
    background-repeat: repeat-x;

    margin-left: 10px;
}

.solution_header {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    padding-top: 10px;
    padding-bottom: 7px;
    
}

.solution_content {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    margin-left: 5px;
    margin-right: 10px;

    padding-left: 10px;
}

.solution_poster {
    font-size: 0.9em;
    padding-left: 50px;
}

.solution_navbar {
    margin-left: 20px;
}

.entry {
    background-image: url(images/para_bg.jpg);
    background-repeat: repeat-x;
}

.entry_header {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    padding-top: 10px;
    padding-bottom: 7px;
}

.entry_content {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    margin-left: 5px;
    margin-right: 10px;
}

.brcomsols_header {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: #444444;
    padding-bottom: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

.brcomsols_heading {
    font-size: 1.1em;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;

    margin-right: 50%;
    
    background-color: #858f9e;
    background-image: none;
    color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #222222;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #222222;
    
    text-decoration: none;
}

.solutions_header {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: #222222;
    padding-bottom: 3px;
    margin-left: 10px;

    text-align: right;
}

.solutions_heading {
    font-size: 1.1em;
    
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 160px;

    background-color: #858f9e;
    background-image: none;
    color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #222222;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #222222;
    
    text-decoration: none;
}

.solcoms_header {
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: #222222;
    padding-bottom: 3px;
    margin-left: 10px;

    text-align: right;
}

.solcoms_heading {
    font-size: 1.1em;
    
    margin-top: 0pt;
    margin-bottom: 0pt;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 160px;

    background-color: #858f9e;
    background-image: none;
    color: white;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #cccccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #222222;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #222222;
    
    text-decoration: none;
}

.brcomment_subject {
    font-size: 1.05em;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 2px;
    padding-left: 3px;
}

.brcomment_content {
    
    margin-left: 20px;
}

.brcomment_text {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    margin-left: 20px;
    margin-right: 10px;
    
    padding: 3px; 
}

.brcomment_poster {
    font-size: 0.9em;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 2px;
}

.solcomment_subject {
    font-size: 1.05em;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 2px;
    padding-left: 3px;
}

.solcomment_content {
    
    margin-left: 20px;
}

.solcomment_text {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: lightgrey;
    
    margin-left: 20px;
    margin-right: 10px;
    
    padding: 3px; 
}

.solcomment_poster {
    font-size: 0.9em;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: right;
}

h1 {
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 3px;
    margin: 2px;
}

h2 {
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 10px;
}

.section_header {
    font-size: 1.05em;
    font-weight: bold;
    
    padding-top: 8px;
    padding-bottom: 8px;
}

.brokie_poster {
    font-size: 0.9em;
    padding-left: 50px;
}

.entry_rating {
    float: right;
    font-weight: bold;
    padding-right: 10px;
}

.entry_rating_rater {
    font-weight: normal;
    font-size: 0.8em;
}

.brokie_problem {
}

.brokie {
}

.brnavbar a {

}

.brnavbar {
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 30px;
}

#content_column {
    width: 78%;
    float: left;
    
    padding-right: 7px;
    margin-bottom: 20px;
    
    border-style: dashed;
    border-color: gray;
    border-width: 0px 1px 0px 0px;
}

.column { 
    list-style-type: none;
}

.comment_body {
    margin: 0 0 1px 2em;
}

#solution_comments {
}

.fieldcaption {
    font-weight: bold;
}

.hint {
    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;

    padding: 3px;
    
    margin-left: 10px;
    margin-right: 20%;
    margin-top: 3px;
    margin-bottom: 2px;
}

.newsolution {
    text-align: center;
}

.newsolution a {
    text-align: center;

    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;

    padding: 3px 10px 3px 10px;
}

#pager {
    padding-top: 20px;
    padding-left: 30px;
}

#pager a {
    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;

    padding: 3px 10px 3px 10px;
    margin-right: 5px;
}

.tagsnavbar {
    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;

    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 30px;
}

.posternavbar {
    background-color: #f0f0f0;
    border-style: solid;
    border-width: 1px;
    border-color: lightgrey;

    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 30px;
}

#tags {
    width: 60%;
    float: left;
}

#addtag {
    width: 30%;
    float: right;
}

#footer {
    clear: both;
    text-align: center;
    padding: 10px;

    border-style: solid;
    border-color: #505050;
    border-width: 2px 0px 0px 0px;
    background-color: #8f8f8f;
}

#error_message {
    color: red;
    padding-left: 30px;
    height: 1.3em;
}

#sidecol {
    padding-bottom: 20px;
}

#navmenu {
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 8px;
}