/*
Theme Name: Journalized Sand
Theme URI: http://zed1.com/
Description: Sand theme from Mike Little's Journalized
Version: 1.00 Released 13 Mar 2005
Author: Mike Little
Author URI: http://zed1.com/journalized/

Credit for the original concept and core of the layout comes
courtesy of Rob Chandanais via: http://bluerobot.com/web/layouts/layout3.html
*/

* {
padding: 0;
margin: 0;
}

body {
margin: 20px;
color: #000;
background: #fff;
font: 12px verdana, arial, helvetica, sans-serif;
}

h1 {
color: #000;
font-weight: bold;
font-size: 150%;
text-align: center;
}

h2 {
margin: 12px 231px 10px 190px;
padding: 1px 4px 1px 4px;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: auto;
min-width: 500px;
background: #134D5D;
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
color: #fff;
font-size: 13px;
border: 1px solid #134D5D;
}

h2 a, h2 a:link, h2 a:hover, h2 a:visited {
color: #fff;
}

h3 {
margin-bottom: 5px;
font: bold 13px verdana, arial, helvetica, sans-serif;
}

h4 {
padding: 2px 4px 2px 4px;
color: #fff;
background: #317082;
font-size: 13px;
font-weight: normal;
border: 1px solid #317082;
border-bottom: none;
}

abbr {
cursor: help;
}

p {
padding: 2px;
font: 12px/14px verdana, arial, helvetica, sans-serif;
}

pre {
font: 11px/12px fixed;
}

a {
color: #C30;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: underline;
}

a:link {
color: #C30;
text-decoration: underline;
}

a:visited {
color: #666;
text-decoration: underline;
}

a:hover {
color: #F00;
text-decoration: underline;
}

img {
position: relative;
z-index: 3;
border: none;
}

.images {
padding: 2px;
background: transparent;
border: none;
}

.storyTitle {
margin-bottom: 5px;
font: bold 15px verdana, arial, helvetica, sans-serif;
}

h3.storytitle a, h3.storytitle a:link, h3.storytitle a:visited {
border-bottom: 1px dashed #C30;
color: #C30;
text-decoration: none;
}

h3.storytitle  a:hover {
border-bottom: 1px solid #F00;
color: #F00;
text-decoration: none;
}

.storyCategory {
margin-bottom: 5px;
font-weight: 400;
}

.storyAuthor {
margin-bottom: 5px;
font-weight: 600;
}

#headerMessage {
padding: 2px;
font: 10px verdana, arial, helvetica, sans-serif;
}

#headerblock {
padding: 10px;
margin: 0px 231px 20px 190px;
width: auto;
min-width: 500px;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
color: #222;
background: #fff;
font-size: 17px;
font-weight: 600;
border: 1px dashed #134D5D;
}

#header a:link, #header a:visited {
color: #000;
font-size: 120%;
font-weight: 600;
border: none;
}

.commentHeader {
padding: 10px;
margin: 10px;
width: auto;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
background: #ccc;
color: #000;
font-size: 17px;
font-weight: 600;
border: 1px solid #000;
}

/* All the content boxes belong to the content class. */
.centreblock, .navigation {
padding: 10px;
margin: 0px 231px 20px 190px;
width: auto;
min-width: 500px;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
background: #fff;
color: #222;
border: 1px solid #134D5D;
}

.reklamablock {
padding: 0px;
margin: 0px 231px 25px 190px;
width: auto;
min-width: 500px;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
background: #fff;
color: #222;
border: none;
}


.centreblock>p {
margin: 0px;
}

.centreblock>p+p {
text-indent: 30px;
}

.meta ul {
display: inline;
}

.meta li  {
display: inline;
list-style-type: none;
}

.centreblock ul, .leftsideSection ul, .rightsideSection ul {
padding-left: 3px;
list-style-type: none;
overflow: hidden;
overflow-x: hidden;
}

.leftsideSection ul li {
padding-top: 2px;
padding-bottom: 2px;
}

.centreblock ul li {
}

.storyContent ul li {
margin-left: 10px;
padding-left: 5px;
list-style-type: disc;
}

.centreblock h4 {
border: 1px solid #000;
margin: 14px 0px 2px 0px;
}

.navigation {
padding: 2px;
margin: 0px 231px 10px 190px;
width: auto;
min-width: 500px;
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
background: #fff;
color: #222;
border: 1px solid #134D5D;
}

.storyContent {
background: #fff;
color: #222;
}

.storyCommentContent {
margin: 10px;
padding: 10px;
width: auto;
background: #eee;
color: #222;
border: 1px solid #000;
}

.storyLinks {
margin: 8px;
text-align: right;
}

.storyLinks a:link {
text-decoration: underline;
font-size: 10px;
color: #000;
}

.storyLinks a:visited {
text-decoration: underline;
font-size: 10px;
color: #000;
}

.storyLinks a:hover {
text-decoration: underline;
font-size: 10px;
color: #00d;
}

blockquote {
margin: 0.5em;
padding: 4px;
background: #E2EBED;
color: #333;
}

q {
background: #ded6c6;
color: #333;
}

#leftside {
padding: 5px;
position: absolute;
z-index: 1;
top: 20px;
left: 20px;
background: #E2EBED;
}

#leftside {
width: 158px;
voice-family: "\"}\"";
voice-family: inherit;
width: 168px;
}

body>#leftside {
width: 168px;
}

#leftside a:link {
text-decoration: none;
color: #000;
border: none;
}

#leftside a:visited {
text-decoration: none;
color: #000;
border: none;
}

#leftside a:hover {
text-decoration: none;
color: #F00;
border: none;
}

.leftsideSection {
padding: 4px;
margin: 0px 0px 15px 0px;
background: #fff;
color: #222;
}

#rightside {
padding: 5px;
position: absolute;
z-index: 1;
top: 20px;
right: 20px;
background: #E2EBED;
overflow: hidden;
overflow-x: hidden;
}

#rightside {
width: 199px;
voice-family: "\"}\"";
voice-family: inherit;
width: 208px;
}

body>#rightside {
width: 209px;
overflow: hidden;
overflow-x: hidden;
}

#rightside a:link {
text-decoration: none;
color: #000;
border: none;
}

#rightside a:visited {
text-decoration: none;
color: #000;
border: none;
}

#rightside a:hover {
text-decoration: none;
color: #F00;
border: none;
}

.rightsideSection {
padding: 4px;
margin-bottom: 15px;
background: #fff;
color: #222;
overflow: hidden;
overflow-x: hidden;
}

#chaff {
text-align: right;
}

#chaff a {
color: #000;
font-size: 9px;
}

#chaff a:link {
color: #000;
}

#chaff a:visited {
color: #000;
}

#chaff a:hover {
background: #fff;
}

.centerP {
text-align: center;
}

.commentlist {
margin-left: 20px;
padding-left: 5px;
}

.commentlist li {
padding-bottom: 15px;
}

#contentcomments input, #centreblock input, #menu input {
margin: 1px;
padding: 1px 1px 4px 1px;
background: #fff;
font: 12px/15px verdana, arial, helvetica, sans-serif;
border: 1px solid #000;
}

#contentcomments textarea, #centreblock textarea, #menu textarea {
margin: 1px;
padding: 1px;
background: #fff;
font: 12px/15px verdana, arial, helvetica, sans-serif;
border: 1px solid #000;
}

.commentfield {
margin-bottom: 4px;
}

.b2calendartable {
background: #ded6c6;
font: 11px verdana, arial, helvetica, sans-serif;
border: 1px solid #000;
}

.b2calendarmonth {
}

.b2calendarrow  {
}

.b2calendarheadercell {
background: #b5a58c;
color: #e9f2fc;
}

.b2calendarcell {
color: #222;
}

.b2calendartoday {
color: #d00;
}

.b2calendaremptycell {
}

.b2calendarlinkpost {
text-decoration: none;
color: #354463;
}

.blogrollmain {
margin-bottom: 4px;
}

div.NOCSS {
display: none;
}

.buttonarea {
background: #ccc;
}

span.searchword {
background-color: yellow;
}

.feedback {
clear: both;
}

#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 100%;
color: #666;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}

#wp-calendar caption {
padding: 6px 0 3px 0;
color: #777;
font-size: 12px;
text-align: left;
}

#wp-calendar td {
color: #ccc;
font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

li.page_item {
background: url(/wp-images/list-menu.gif) no-repeat center left;
padding-left: 15px;
}



.zag {
background-color: #528BC5;
color:#fff;
padding:2px 2px 4px 3px;
margin-bottom:2px;
border-bottom:2px solid #f5f5f5;
background-image: url("img/ten.gif");
background-position: right top;
background-repeat: no-repeat;
}
.zag a {
display:inline;
border:0;
color:#fff;
background: none;
padding:2px 2px 4px 0px;
text-decoration: none;

}
.zag a:hover {
background: none;
}
.block_love {
background-image: url("/img/bglove.gif");
height:162px;
margin-bottom:20px;
}