/*
Theme Name: DeHobbit.net
Theme URI: http://www.dehobbit.net
Description: A two column wordpress theme for Dutch Tolkien communitywebsite DeHobbit.net
Author: Michiel Stevens Webdesign
Author URI: http://www.michiel-stevens.nl
version: 3.0
*/

/*== GENERAL SETTINGS ==*/

* {
margin: 0;
padding: 0;
}

html body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #aaa;
}

#outerwrapper {
position: relative;
width: 1120px;
margin: 0 0;
background-image: url(images/bodybg2.jpg);
background-repeat: repeat-y;
background-position: center;
overflow: auto;
}

#container {
position: relative;
float: left;
width: 900px;
margin: 0 auto 0 20px;
background: #fff;
}

/*== HEADER ==*/

#header {
clear: both;
position: relative;
height: 180px;
width: 860px;
margin: 0 auto;
background: #ddd;
background-image: url(images/topnavroundedbg.jpg);
background-position: bottom;
background-repeat:no-repeat;
}

#headerinfo {
position: relative;
height: 20px;
width: 860px;
border-bottom: 1px solid #ccc;
background: #fff;

color: #333;
line-height: 20px;
font-size: 10px;
}

#headerinfo a:link,
#headerinfo a:visited,
#headerinfo a:active {
font-weight: bold;
color: #333;
text-decoration: none;
}

#headerinfo a:hover {
color: #900}

#date {
float: left;
}

#quicklinks {
float: right;
}

#headerart {
position: relative;
height: 85px;
width: 860px;
margin: 0 auto;
background-image: url(images/headerart.jpg);
background-position: bottom;
}

#headerart .homelink {
position: relative;
float: left;
display: block;
top: 13px;
height: 53px;
width: 426px;
background: none;
border: 0;
}

#headerart .login {
position: relative;
float: right;
display: block;
top: 29px;
right: 5px;
height: 4px;
width: 3px;
background: none;
border: 0;
}

/*== MENU ==*/

#header ul {
list-style: none;
}

.pagenav {
position: relative;
width: 860px;
list-style: none;
background: #777;
}

.pagenav h2 {
display: none;
}

.pagenav ul {
position: relative;
height: 50px;
background: #777;
}

.pagenav ul li {
float: left;
}

.pagenav ul li a:link,
.pagenav ul li a:visited,
.pagenav ul li a:active {
display: block;
height: 50px;
padding: 0 20px;
border-right: 1px solid #ddd;
background: #777;

font-family: "Times New Roman", Times, serif;
line-height: 50px;
font-size: 20px;
color: #eee;
text-decoration: none;
}

.pagenav ul li a:hover {
background: #ddd;
background-image: url(images/topnavselect.jpg);
background-repeat: repeat-x;
color: #333;
}

.pagenav ul .current_page_item a:link,
.pagenav ul .current_page_item a:visited,
.pagenav ul .current_page_item a:active { /* Should keep parent menu highlighted */
background: #ddd;
background-image: url(images/topnavselect.jpg);
background-repeat: repeat-x;
color: #333;
}

/*== SUBMENU ==*/

.pagenav ul li ul {
display: none;
}


.pagenav ul li:hover ul,
.pagenav ul .current_page_item ul {
position: absolute;
float: left;
display: inherit;
height: 23px;
width: 100%;
left: 10px;
background: none;
}

.pagenav ul li:hover ul li a:link,
.pagenav ul .current_page_item ul li a:link,
.pagenav ul li:hover ul li a:visited,
.pagenav ul .current_page_item ul li a:visited,
.pagenav ul li:hover ul li a:active,
.pagenav ul .current_page_item ul li a:active {
position: relative;
height: 23px;
background: #ddd;
padding: 0 10px;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;
color: #333;
}

.pagenav ul li:hover ul li a:hover,
.pagenav ul .current_page_item ul li a:hover {
text-decoration: underline;
}

/*== MAIN ==*/

#main {
position: relative;
width: 858px;
margin: 20px auto;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#content {
position: relative;
float: left;
width: 510px;
border-right: 1px solid #ccc;
}

/*== CONTENT FORMATTING ==*/

#content h1 {
margin: 0 20px 15px 20px;
font-family:"Times New Roman", Times, serif;
font-size: 28px;
color: #333;
text-align: left;
}

#content h2 {
margin: 0 20px 15px 20px;
font-family:"Times New Roman", Times, serif;
font-size: 28px;
color: #333;
text-align: left;
}

#content h3 {
margin: 0 20px 15px 20px;
font-family:"Times New Roman", Times, serif;
font-size: 20px;
color: #333;
text-align: left;
}

#content p {
margin: 0 20px 15px 20px;
font-size: 14px;
color: #333;
text-align: left;
}

#content a:link,
#content a:visited,
#content a:active {
color: #900;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content a img {
border: 0;
}

#content h1 a:link,
#content h2 a:link,
#content h3 a:link,
#content h1 a:visited,
#content h2 a:visited,
#content h3 a:visited,
#content h1 a:active,
#content h2 a:active,
#content h3 a:active {
color: #333;
text-decoration: none;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover {
color: #900;
}

#content blockquote {
margin: 0 0 15px 20px;
padding: 0 0 0 0;
border-left: 15px solid #ccc;

font-size: 14px;
color: #333;
text-align: justify;
font-style: italic;
}

#content ol,
#content ul {
list-style-position: inside;
margin: 0px 20px 15px 20px;
font-size: 14px;
color: #333;
text-align: justify;
}

#content img.alignleft {
float: left;
border: 1px solid #333;
margin: 5px 15px 15px 0;
}

#content img.alignright {
float: right;
border: 1px solid #333;
margin: 5px 0 15px 15px;
}

#content table {
margin: 0 20px 15px 20px;
font-size: 14px;
color: #333;
text-align: left;
}

#content .socialmedia {
width: 468px;
margin: 0 20px 15px 20px;
}

.twitter {
float: left;
margin-right: 0px;
}

.facebook {
float: left;
}

.googleplus {
float: left;
}

/*==  POSTLABEL ==*/

#content .postlabel {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 20px 15px 20px;
padding: 3px 0;

font-size: 10px;
color: #777; 
}

#content .postlabel .poster {
float: left;}

#content .postlabel .timestamp {
float: right;
}

#content .postlabel a:link,
#content .postlabel a:visited,
#content .postlabel a:active {
color: #777;
font-weight: bold;
text-decoration: none;
}

#content .postlabel a:hover {
color: #900;
text-decoration: none;
}

/*==  POSTFOOTER ==*/

#content .postfooter {
border: 1px solid #ccc;
/*border-bottom: 1px solid #ccc;*/
margin: 0 20px 15px 20px;
padding: 10px;
background: #eee;

font-size: 10px;
color: #333; 
}

#content .postfooter a:link,
#content .postfooter a:visited,
#content .postfooter a:active {
color: #333;
text-decoration: none;
}

#content .postfooter a:hover {
color: #900;
text-decoration: none;
}

#content .postfooter .cat {
float: left;
}

#content .postfooter .comment {
float: right;
}

/*== BANNERS by AdRotate ==*/

#wideskyscraper {
position: relative;
float: right;
overflow: auto;
margin: 15px 20px auto auto;
}

#wideskyscraper a,
#wideskyscraper img {
border: 0;
}

#content #fullbanner {
position: relative;
margin: 0 20px 15px 20px;
}

#content #fullbanner a,
#content #fullbanner img {
border: 0;
}

/*==  PREVIOUS & NEXT NAVIGATION ==*/

#content .prevnext {
position: relative;
margin: 15px 20px 15px 20px;
font-size: 10px;
}

#content .prevnext .prev {
float: left;
width: 224px;
text-align: left;
}

#content .prevnext .next {
float: right;
width: 224px;
text-align: right;
}

/*==  SEARCHMENU ==*/

#content #searchinput {
margin: 0 0 0 20px;
}

/*== COMMENTS ==*/

.commentlist {
list-style-position: inside;
}

.commentlist li {
border: 1px solid #ccc;
background: #eee;
margin: 0 0 15px 0;
padding: 10px;
}

.commentlist li.alt {
border: 1px solid #ccc;
background: #eee;
margin: 0 0 15px 0;
padding: 10px;
}

#content .commentlist li p,
#content .commentlist li.alt p {
margin: 10px 0 0 0px;
}

.subcomment {
border-top: 1px dashed #ccc;
margin: 10px 0 0 0;
padding:  10px 0 0 0;

font-size: 10px;
}

#author,
#email,
#url {
margin-right: 20px;
}

/*== SIDEBAR ==*/

#sidebar {
list-style: none;
float: right;
width: 307px;
margin: 0 20px 0 0;
}

#sidebarart {
position: relative;
height: 131px;
width: 307px;
margin: 0 0 10px 0;
border: 0;
background-image:url(images/bagend_howe.jpg);
background-repeat: no-repeat;
}

#sidebarart p {
position: relative;
padding: 2px;
text-align: right;
top: 121px;
color: #aaa;
font-size: 8px;
}

#sidebarart a:link,
#sidebarart a:visited,
#sidebarart a:active,
#sidebarart a:hover {
color: #aaa;
text-decoration: underline;
}

#sidebar_top {
}

#sidebar_top h2 {
display: block;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #ccc;

font-family: "Times New Roman", Times, serif;
color: #333;
font-size: 18px;
}

#sidebar_top h2 a:link,
#sidebar_top h2 a:visited,
#sidebar_top h2 a:active {
color: #333;
text-decoration: none;
}

#sidebar_top h2 a:hover {
color: #900;
}

#sidebar_top .textwidget p {
margin: 0 0 15px 0;
font-size: 10px;
color: #333;
text-align: justify;
}

#sidebar_top #translation_bar { /* For Global Translator Plug-in */
margin: 0 0 20px 0;
}

#sidebar_top ul {
list-style: none;
}

#sidebar_top li a:link,
#sidebar_top li a:visited,
#sidebar_top li a:active {
display: block;
margin: 0 0 15px 0;
padding: 2px 0 2px 25px;
font-size: 10px;
font-weight: bold;
color: #333;
text-decoration: none;
background-image: url(images/myicon.png);
background-repeat: no-repeat;
}

#sidebar_top li a:hover {
color: #900;
}

#sidebar_left {
position: relative;
float: left;
width: 153px;
margin: 15px 0 0 0;
/*border-right: 1px solid #ccc;*/
}

#sidebar_left h2 {
display: block;
margin: 0 10px 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #ccc;

font-family: "Times New Roman", Times, serif;
color: #333;
font-size: 18px;
text-align: left;
}

#sidebar_left h2 a:link,
#sidebar_left h2 a:visited,
#sidebar_left h2 a:active {
color: #333;
text-decoration: none;
}

#sidebar_left h2 a:hover {
color: #900;
}

#sidebar_left ul {
list-style: none;
}

#sidebar_left ul li {
text-align: left;
margin: 0 10px 0 0;
}

#sidebar_right {
position: relative;
float: right;
width: 153px;
margin: 15px 0 0 0;
}

#sidebar_right h2 {
display: block;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #ccc;
background: #fff;

font-family: "Times New Roman", Times, serif;
color: #333;
font-size: 18px;
text-align: right;
}

#sidebar_right h2 a:link,
#sidebar_right h2 a:visited,
#sidebar_right h2 a:active {
color: #333;
text-decoration: none;
}

#sidebar_right h2 a:hover {
color: #900;
}

#sidebar_right ul {
list-style: none;
padding: 0 0 10px 0;
}

#sidebar_right ul li{
text-align: right;
margin: 0 0 0 10px;
}

#sidebar_left ul li a:link,
#sidebar_right ul li a:link,
#sidebar_left ul li a:visited,
#sidebar_right ul li a:visited,
#sidebar_left ul li a:active,
#sidebar_right ul li a:active {
font-size: 12px;
color: #333;
text-decoration: none;
}

#sidebar_left ul li a:hover,
#sidebar_right ul li a:hover {
color: #900;
}

/*== FOOTER ==*/

#footer {
position: relative;
width: 820px;
margin: 20px 20px 0 20px;
background: #ddd;
background-image: url(images/footerbg.jpg);
background-repeat:no-repeat;
padding: 20px;
font-size: 10px;
color: #333;
}

#footer a:link,
#footer a:visited,
#footer a:active {
color: #333;
}

#footer a:hover {
color: #900;
}

/*== MISC. ==*/

.clear {
clear: both;
height: 0;
}