-----------------------------------------------
Blogger Template Style
Name : Hobbit
Original design by : Viktor Person
Adapted for Blogger by : Beautiful Beta
URL : http://beautifulbeta.blogspot.com
Date : 26 jan 2007
Distributed by: http://BTemplates.com
----------------------------------------------- */
/* Variable definitions
====================
*/
/* General styling */
/* --------------- */
body {
background: #FFFFFF url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/pinkbg.gif);
color: #9C9C9C;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
padding: 0;
}
a {color: #F79DCA;}
a:hover {color: #FF7DBD;}
p {
margin-bottom: 1.2em;
}
abbr {
border-bottom: solid 0.05em;
cursor: crosshair;
}
/* Layout structure elements */
/* ------------------------- */
#outer-wrapper {
background: url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/bgcontainer.gif) repeat-y center top;
margin: 0 auto 0 auto;
width: 736px;
padding: 0;
}
#gfx {
background: url() no-repeat;
float: left;
height: 140px;
margin-top: 12px;
width: 52px;
}
#header-wrapper {
background: url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/bgcontent.png) no-repeat;
float: left;
text-align: center;
width: 632px;
}
#content-wrapper {
background: url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/bgcontent.png) no-repeat;
font-size: 1.2em;
margin: 0 52px;
padding: 0 20px 12px;
clear: both;
}
#content-wrapper .spacer {
height: 42px;
}
#main-wrapper {
width: 390px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 190px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#footer {
background: url(http://bp0.blogger.com/_Zuzii37VUO4/R9i3K03jkVI/AAAAAAAACp8/DppNv3BpRaM/s1600/bgfooter.gif) no-repeat;
color: #666;
font-size: 1.1em;
line-height: 41px;
margin: 0 auto;
text-align: center;
width: 632px;
}
#footer h2 {
display:none;
}
#footer a {
color: #666;
text-decoration: none;
}
#footer a:hover {
color: #333;
text-decoration: underline;
}
/* Styling for navigation bar */
/* -------------------------- */
.navigation h2 {
display:none;
}
.navigation ul {
margin: 0 32px;
list-style:none;
}
.navigation li {
float: left;
}
.navigation a {
color: #6C7151;
font: normal 1.9em serif;
line-height: 50px;
margin: 0 16px;
text-decoration: none;
}
.navigation a:hover {
color: #2C3111;
}
/* Page Header */
/* ----------- */
.pattern {
background: #334127 url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/pattern.png) repeat-x;
clear: both;
height: 12px;
margin:0;
}
#header {
background: #56644A url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/header.png) no-repeat;
color: #FFC;
font-size: 1.4em;
height: 232px;
padding-right: 270px;
}
#header h1 {
margin: 0;
font: normal 0em serif,sans-serif;
padding: 62px 0 34px 0;
}
#header a {
color:#FFF;
text-decoration:none;
}
#header a:hover {
color:#FFF;
}
#header .description {
}
/* Posts */
/* ----- */
h2.date-header {
display:none;
}
.post h3 {
color: #F79DCA;
font: normal 2em serif;
margin-bottom:0px;
}
.post h3:first-letter, .post h3 a:first-letter {
display: block;
float: left;
font-size: 1.8em;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
text-decoration:none;
color: #F79DCA;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color: #F79DCA;
}
.post-metadata {
color: #666;
font-size: 0.9em;
padding: 0 0 6px 4px;
margin-top:0px;
}
.post-body {
margin-top:.25em;
line-height: 1.4em;
}
.post img {
border: 1px solid #FFFFFF;
}
.post blockquote {
background: url(http://bp0.blogger.com/_Zuzii37VUO4/R9i3S03jkbI/AAAAAAAACqs/WMoAxdQ1HCQ/s1600/quote.gif) no-repeat;
color: #555;
font: normal 1.4em serif;
line-height: 1.6em;
padding-left: 22px;
margin-bottom: 1.2em;
}
.divider {
background: url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/dividermain.png) no-repeat;
height: 20px;
margin: 24px 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color: #F79DCA;
font: normal 1.8em serif;
margin-left: 0.25em;
margin-bottom: 0.25em;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.4em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar */
/* ------- */
h2 {
color: #9C9C9C;
font: normal 1.8em serif;
margin-left: 0.25em;
margin-bottom: 0.25em;
}
.sidebar {
line-height: 1.4em;
}
.sidebar ul {
list-style:none;
margin:0 0 0 1em;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget {
background: url(http://i207.photobucket.com/albums/bb245/Azusizm/BloG/dividerside.png) bottom no-repeat;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget-content {
padding-bottom: 1.5em;
}
/* Profile
----------------------------------------------- */
.profile-img {
margin-left: 1em;
margin-right: .5em;
margin-bottom: .5em;
float: left;
border: 0px solid #8A6;
}
.profile-data {
font-size: 1.2em;
}
.profile-datablock {
margin-left: 1em;
}
.profile-textblock {
}
.profile-link {
margin-left: 1em;
}
.clear {
clear:both;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}