/*
Theme Name: The Hobbit
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Theme based on a template the <a href="http://templates.arcsin.se/">free website template</a> The Hobbit.
Author: Viktor Persson
Author URI: http://arcsin.se/
*/
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #36C;}
a:hover {color: #06F;}
body {
background: #4E5D3C url(img/bg.jpg);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
.body {
scrollbar-face-color: #5e6850;
scrollbar-shadow-color: #F0DB9F;
scrollbar-highlight-color: #5e6850;
scrollbar-3dlight-color: #a9b98c;
scrollbar-darkshadow-color: #253319;
scrollbar-track-color: #e8ecd1;
scrollbar-arrow-color: #e8ecd1;
}
p,blockquote,ul {margin-bottom: 1.2em;}
h1 {font: normal 1.6em serif;}
h2 {
font: bold 1em Verdana,serif;
margin: 3px 0 1px;
}
ul {margin-left: 1.8em;}
blockquote {
background: url(img/quote.gif) no-repeat;
color: #555;
font: normal 1.4em serif;
padding-left: 22px;
}
blockquote p {padding: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
img.left {margin: 0 18px 6px 0;}
.divider {
background: url(img/divider.gif) no-repeat;
height: 20px;
margin: 24px 0;
}
/* structure */
.container {
background: url(img/bgcontainer.jpg) repeat-y center top;
margin: 0 auto;
width: 736px;
}
.gfx {
background: url(img/gfx.jpg) no-repeat;
float: left;
height: 140px;
margin-top: 12px;
width: 52px;
}
.top {
background: url(img/bgcontent.gif) no-repeat 0 -4%;
/*float: left;*/
text-align: center;
width: 632px;
}
.header {
background: #56644A url(img/header.jpg) no-repeat;
color: #FFC;
font-size: 1.4em;
height: 232px;
padding-right: 270px;
text-align:left;
}
.header p{
text-align:center;
}
.googlesearch form {
position:absolute;
float:left;
padding: 5px 0 0 100px;
margin: 0 0 0 0;
border: 0 0 0 0;
height:20px;
text-align:left;
}
.goog1 {
background-color: #e8ecd1; font-weight: bold; font-size: 12px; color: #4d5641; padding:0 5px 0 0; border: 1px solid #000000; margin: 0 5px 0 0;
}
.goog2 {
background-color: #a4b487; font-weight: bold; font-size: 12px; color: #e8ecd1; padding; 0 0 0 5px; border: 1px solid #4d5641;
}
.header h1 {
font: normal 3.2em serif,sans-serif;
padding: 62px 0 34px 0;
text-align:center;
}
.pattern {
background: #334127 url(img/pattern.gif) repeat-x;
clear: both;
height: 12px;
}
/* navigation */
.navigation {margin: 0 12px 0 12px; float:none;}
.navigation a {
color: #2C3111;
font: normal 1.8em serif;
line-height: 50px;
margin: 0 6px 0 6px;
text-decoration: none;
}
.navigation a:visited {
color: #2C3111;
}
.navigation a:hover, .navigation #selected {
color: #6C7151;
}
.navigation li a:visited, li a:link, li a:active {
color: #2C3111;
}
.navigation li a:hover {
color: #6C7151;
}
.navigation ul {display: inline;}
.navigation li {float: left; list-style: none;}
/* content */
.content {
background: url(img/bgcontent.gif) no-repeat;
clear: both;
font-size: 1.2em;
margin: 0 52px;
padding: 0 38px 12px;
}
.content .spacer {
height: 42px;
}
/* content item */
.item {clear: both;}
.item img {/*border: 1px dashed #8A6;*/
border: 1px solid #8A6;
}
.item .title {
color: #445044;
font: normal 2em serif;
}
.item .title a{
color: #445044;
text-decoration:none;
}
.item .title a:hover{
color: #445044;
text-decoration:none;
}
.item .title a:visited{
color: #445044;
text-decoration:none;
}
.item .title:first-letter {
display: block;
float: left;
font-size: 2.4em;
}
.item .metadata {
color: #666;
font-size: 0.9em;
float: left;
padding: 0 0 6px 4px;
}
.item .body {
clear: both;
}
.body a
{color:#445044;
}
.content a
{
color:#445044;
}
/* footer */
.footer {
background: url(img/bgfooter.gif) no-repeat;
color: #bbc57b;
font-size: 1.1em;
line-height: 41px;
margin: 0 auto;
text-align: center;
width: 632px;
}
.footer a {
color: #bbc57b;
text-decoration: none;
}
.footer a:hover {
color: #bbc57b;
text-decoration: underline;
}
.item{margin:0 0 25px 0;}
.item .info{
padding:2px 3px 3px 8px;
background-color:#eaecd1;
font-size:0.9em;
color:#505050;
}
.item .info a{
text-decoration:none;
color:#445044;
}
.item .info a:hover{
text-decoration:none;
color:#445044;
}
.item .info a:visited{
text-decoration:none;
color:#445044;
}
/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #eaecd1;
width: 280px;
}
#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
a, a:link, a:active, a:focus, a:visited, a:hover {outline:none;}