/*  
Theme Name: Swirls
Theme URI: http://wwww.onceuponablog.co.uk
Description: Theme by <a href="http://www.onceuponablog.co.uk">Once Upon A Blog</a>
Version: 1.0
Author: Sarah @ Once Upon A blog
Author URI: http://www.onceuponablog.co.uk
*/

* {
padding: 0px; 
margin:0px;
}

body {
background-image: url(Images/background.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-color: transparent;
margin: 0px auto;
padding: 0px;
font: 12px Georgia, Verdana, Arial, Serif;
color: #000; 
text-align: left;
}

#container {
background: transparent;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 750px; 	
position: relative; 
text-align: left;
}

/* [navigation] */
#nav {
background: url(Images/navfiller.jpg);
background-repeat: repeat-y;
background-color: transparent;
font-weight: bolder;
width: 750px;
color: #FFF;
text-align:center;
padding: 1px 0px 1px 0px;
}

#nav ul {
margin: 1px 0px 1px 0px;
}

#nav li {
display: inline;
padding: 20px;
}

#nav a {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#header {
clear: both; 
background: url(Images/header.jpg) no-repeat;
margin: 0px 0px 0px 0px; 
width: 750px;
height: 187px;
}

#content {
margin: 0px; 
overflow: auto;
background: transparent url(Images/mainfiller.jpg) repeat-y;
}

#content-main ul {
margin:1em;
padding:0 1em;
list-style: square inside;
}

#content ol {
list-style-type:decimal;
margin:1em;
padding:0 1em;
}

#content-main {
float: left; 
width: 480px; 
margin-right: 20px;
}

#content .post {
padding: 10px 0px 0px 0px;
}

#content .posttitle{
margin-left: 20px;	
padding: 2px 2px 2px 2px;
background: transparent;
color: #000;
border-width: 0px 0px 1px 0px;
border-style: solid;
}

#content .posttitle  h3{
color: #000;
font-size: 14px;
margin: 0px;
border: 0px;
}

#content .posttitle h3 a{
color: #000;
font-size: 14px;
margin: 0px;
border: 0px;
text-decoration:none;
}

#content .posttitle h3 a:hover{
color: #000;
font-size: 14px;
text-decoration: none;
}

#content .posttitle h3{
color: #fff;
font-size: 1.4em;
margin: 0px;
border: 0px;
}

#content .entry{
padding: 10px 0px 10px 30px;
font-size: 12px;
word-spacing: 3px;
line-height: 17px;
}

#content .entry a {
color: #000;
text-decoration: underline;
}

#content .entry a:hover {
color: #000;
text-decoration:none;
background: #BFEFB9;
}

#content .post-info , #content .postmetadata {
font-size: 10px;
color: #000;
margin: 3px 0px 20px 20px;
padding: 3px 0px 0px 0px;	
background: transparent;
font-weight: bold;
border-width: 1px 0px 0px 0px;
border-style: solid;
}

#content .post-info a, .more-posts a{
color: #000;
font-weight:bold;
text-decoration: none;
}

#content .post-info a:hover, .more-posts a:hover{
color: #000;
font-weight:bold;
text-decoration: none;
background: #BFEFB9;
}

.more-posts {
text-align: center;
}

#sidebar {
float: left; 
width: 190px;
font-size: 10px;
background: transparent;
margin-top: 0px;
margin-left: 20px;
padding: 7px 0px 0px 0px;
color: #fff;
}

#sidebar ul{ 
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color: #000;
list-style: none;
}

#sidebar li{ 
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 10px;
color: #000;
}

#sidebar h2 {
font-size: 14px; 
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #444;
text-indent: 0px;
line-height: 16px;
}

#sidebar a {
color: #000;
font-weight: normal;
text-decoration: none;
font-size: 10px;
word-spacing: 3px;
line-height: 5px;
}

#sidebar a:hover {
background-color: #BFEFB9;
color: #000;
}

#wp-calendar {
border: 0px solid #ddd;
empty-cells: show;
font-size: 10px;
margin: 10px;
width: 90%;
}

#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;
color: #000;
}

#wp-calendar a:hover {
background-color: transparent;
color: #91CA8B;
}

#wp-calendar caption {
color: #000;
font-size: 12px;
text-align: center;
font-weight: bold;
padding: 0px 0px 5px 0px;
}

#wp-calendar td {
color: #ccc;
font-size: 10px;
letter-spacing: normal;
padding: 2px 2px 3px 2px;
text-align: center;
}

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

#wp-calendar td:hover, #wp-calendar #today {
background: #91CA8B;
color: #000;
}

#wp-calendar th {
font-style: normal;
text-transform: none;
padding: 2px 2px 2px 4px;
}

#footer {
clear: both; 	
background: url(Images/navfiller.jpg) repeat-y;
margin: 0px auto; 
overflow: auto; 
width: 775px; 
color: #fff; 
text-align: center;
}

#footer p {
text-align: center;
padding:10px;
line-height: 1.2em;
}

#footer a {
color: #fff; 
margin: 0px auto;
font-weight: bold;
text-decoration: none;
}

#footer a:visited {
color: #fff; 
margin: 0px auto; 
font-weight: bold;
text-decoration: none;
}

#footer a:hover {
color: #000; 
margin: 0px auto;
text-decoration: none;
background: #BFEFB9; 
}

html #footer {
height: 1%;
}

#comments, #respond{
border-width: 0px 0px 1px 0px;
border-style: solid;
margin: 5px 0px 0px 0px;
}

#commentform {
margin: -10px 10px 10px 0px;
padding: 0px;
}

#container .commentlist {
margin: 0px;
padding: 0px;
}

.commentlist li {
list-style: none;
margin: 5px 0px 0px 0px;
padding: 0.5px;	
background: #99FF99;
border: 1px solid #EBE4BE;
}

.commentlist li.alt {
background: #91CA8B;
border: 1px solid #EBE4BE;
}

.commentlist li .cmtinfo {
font-size:1em;	
border-bottom: #eee 1px solid;
}

.commentlist li cite {
font-style:normal;
font-weight:bold;
}

.commentlist li .cmtinfo em {
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}

textarea {
width: 90%;
padding:5px;
height: 200px;
border: 1px solid #ccc;	
background:#f9f8f4;
}

input {
background:#f9f8f4;
border:#ccc 1px solid;
}

.post h4 {
font-size:1em;
font-weight:normal;
font-family: Georgia, Verdana, Arial, Serif;
}

.post h4 em {
font-style:normal;
float:right;
font-weight:normal;
}

#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}

p {
margin: 0.7em 0px;
line-height:1.6em;
}

dl {
margin:1em 0px;
}

dt {
font-weight:bold;
}

dd {
margin:0.5em 1em;
padding:0;
}

a img {
border:0;
display: block;
margin-left: auto;
margin-right: auto;
}

.clear {
clear:both;
height:20px;
}

blockquote {
margin:10px;
padding-left:10px;
border-left:#000 2px solid;
background: #91CA8B;
color: #000;
}

.spacer {
background: transparent url(Images/spacer.jpg) center no-repeat;
height: 50px;
}