/*
Theme Name: pastel lilula
Theme URI: http://www.lilula.co.uk
Description: A theme made specifically for lilula.co.uk
*/

body {background:#fff url('img/tile.png') left repeat-y fixed; font:80% helvetica, arial, verdana, sans-serif; color:#333; line-height:160%;}
p {margin-bottom:20px;}
a {text-decoration:none; color:#70f;}
a:hover, #sidebar a:hover {color:#f00;}
small {font-size:80%;}
.hide {display:none;}
strong {font-weight:bold;}
em {font-style:italic;}
ul {list-style:circle outside; padding:0 0 20px 5px; margin-left:10px;}
blockquote {width:350px;margin:20px auto; font-style:oblique}
.alignleft {margin:0 10px 20px 0; display:inline; float:left;}
img {background:url('img/tile-6.png'); padding:10px;}

#container {margin:0 auto;}
.post {width:700px;}
#content, #header {margin-left:240px;}
#header {margin-bottom:20px;}
#sidebar {position:absolute; left:0; top:0; padding:10px; width:200px; font-size:90%;}


h1, h2, h3, h4 {text-transform:lowercase;}
h1 a, h3 a {color:#f00;}
h1 a {display:block}
h1 a:hover, h3 a:hover {background:#f00; color:#fff;}
h1 {font-size:500%; line-height:120%;}
h1 a, h2, h3 a {padding:5px;}
h2, h3 {font-size:150%; line-height:160%;}
h2 {background:url('img/tile-6.png');}
h3 {margin:0 0 20px 0; border-bottom:1px dotted #ddd; padding-bottom:10px;}
h4 {font-size:110%; font-weight:bold; margin:20px 0 10px 0}

.meta {clear:both; padding:0 0 20px 0; margin:0 0 20px 0; background:url('img/tile-6.png');}
.meta p {background:#fff; display:block; font-size:90%; text-transform:lowercase; padding:20px 0; border-top:1px dotted #ddd;}

#sidebar img {background:none; margin:0; padding:0 0 10px 0; max-width:200px}
#sidebar ul {margin:0 0 0 10px; padding:0;}
#sidebar li {margin:0; padding:0}
#sidebar p {margin-bottom:10px;}
#sidebar a, #footer a {color:#999;}

#footer {clear:both; font-size:90%; text-align:right; padding-top:10px;}
#footer p {margin:0; padding:10px; display:inline; background:url('img/tile-6.png') 6px 0;}

/* gallery */

.gallery-item {float:left;margin-right:10px;}
.gallery img{padding:3px;width:144px; height:144px;}
.gallery img:hover{padding:3px;}

/* comment */

.c_author img {width:20px; height:20px; vertical-align:middle; margin-right:10px;}
.c_author {text-transform:lowercase; display:block; border-top:1px dotted #ddd; padding-top:25px;}
#comments li {list-style:none;display:block; margin:0;}
#comments li p {width:700px;}
#comments-wrap {overflow:hidden; padding-bottom:40px; margin-bottom:20px; background:url('img/tile-6.png');}
#comments {margin-top:-25px; background:#fff; padding-bottom:5px;}

/* form */

#comment-form form {margin:20px 0; width:700px;}
input, textarea, button {display:block;}
input, textarea {width:100%; margin-bottom:10px; border:0; text-align:left; padding:5px; font:100% helvetica, helvetica neue, verdana, sans-serif; line-height:160%; background:url('img/tile-6.png'); color:#999;}
label {display:block; margin-bottom:5px;}
input:focus, textarea:focus, textarea:hover, input:hover {color:#333;}

form br {display:none;}
.submit {float:right; text-align:right; width:50%; margin:20px -10px 20px 0; color:#333;}
.submit:focus, .submit:hover {color:#f00;}

#search-box {color:#333; border:1px solid #ddd; text-transform:lowercase; background:#fff;}
#search-form {margin:15px 12px 15px 0; display:block;}

/* polls */

#poll li input, #poll li label {display:inline; width:auto; margin:0; padding:0;}
#poll li {margin-bottom:10px;}
#poll label {border-left:10px solid #fff;}
.post .submit {padding:5px; margin-bottom:20px;}
.pollbar {background:url('img/tile-6.png'); border:1px dotted #ddd;}

/* float break */

.break {clear:both;}
.left {float:left;}
.right{float:right;}