/*  
Theme Name: Urban Butterfly
Theme URL: http://www.urban-butterfly.co.uk
Description: Theme for Urban Butterfly
Version: 1.0
Author: Tom Case
Author URL: http://www.urban-butterfly.co.uk
*/

/* Main Content and Layout */
html, body {
    height:100%;
	text-align:center;
    background:url(./images/bg.jpg) repeat;
    }
html, body img {
    border:none;
    }
html, body a:active {
    outline:none;
    }
* {
    margin:0;
    padding:0;
    }
#wrapper {
	width:696px;
    min-height:100%;
    height:auto !important;
    height:100%;
	margin:0 auto -43px auto;
    background:url(./images/main.jpg) repeat-y;
    }
#header {
    width:696px;
    height:161px;
    background:url(./images/header.jpg);
    float:left;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:0.7em;
    color:#FFF;
    letter-spacing:1px;
    }
#header a {
    outline:none;
    }
#header form input {
    width:150px;
    }
#date-display {
    position:relative;
    top:60px;
    left:10px;
    text-align:left;
    }
#search li {
    position:relative;
    top:40px;
    right:14px;
    list-style-type:none;
    text-align:right;
    }
#search .button {
    background-color:transparent;
    width:auto;
    cursor:pointer;
    margin-top:5px;
    border:1px solid #DDD;
    font-family:Arial, Helvetica, Geneva, sans-serif, Verdana;
    font-size:1em;
    font-variant:small-caps;
    color:#FFFFCC;
    text-align:center;
    letter-spacing:1px;
    }
#container {
    width:539px;
	float:left;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:0.7em;
    color:#FFF;
    letter-spacing:1px;
    text-align:left;
    }
#container h1 {
    padding-top:10px;
    padding-left:15px;
    padding-bottom:8px;
    color:#FC9;
    }
#container h1 a {
    color:#FC9;
    text-decoration:none;
    }
#container h1 a:hover {
    color:#FFC;
    text-decoration:underline;
    }
#container h2 {
    padding-left:15px;
    padding-right:15px;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#FC9;
    }
#container p {
    padding-top:0;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    }
#container a {
    color:#FFF;
    text-decoration:underline;
    }
#container a:hover {
    color:#FFC;
    }
#container embed, object {
    outline:0;
    }
#container .button {
    background-color:transparent;
    width:auto;
    cursor:pointer;
    margin-top:5px;
    border:1px solid #DDD;
    font-family:Arial, Helvetica, Geneva, sans-serif, Verdana;
    font-size:1em;
    font-variant:small-caps;
    color:#FFFFCC;
    text-align:center;
    letter-spacing:1px;
    }
.navigation {
    margin-top:-10px;
    padding-left:10px;
    padding-bottom:10px;
    }
.sidebar {
    width:147px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:0.7em;
    color:#FFF;
    letter-spacing:1px;
    text-align:right;
    }
.sidebar a {
    text-decoration:none;
    color:#FFF;
    }
.sidebar a:hover {
    text-decoration:underline;
    color:#FFE1C4;
    }
.sidebar h2 {
    padding-right:10px;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#FC9;
    }
.sidebar li {
    list-style-type:none;
    }
.sidebar ul {
    padding-bottom:7px;
    padding-right:10px;
    }
.sidebar p {
    margin-top:10px;
    margin-right:20px;
    margin-bottom:10px;
    }
#footer, #push {
    clear:both;
    width:696px;
    height:43px;
    margin:0 auto;
    background:url(./images/footer.jpg) no-repeat;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:0.7em;
    color:#FFF;
    letter-spacing:1px;
    }
#push {
    background:none;
    }

/* Blog Comments */
.comments-template {
	margin:10px 10px 10px;
	border-top:1px solid #FC9;
	padding:10px 0 0;
    }
.comments-template ol {
	margin:0;
	list-style:none;
    }
.comments-template ol li {
	margin:10px 10px 10px;
	line-height:18px;
	padding:0 0 10px;
	border-bottom:1px solid #FC9;
    }
.comments-template h2, .comments-template h3 {
    font-family:Arial, Helvetica, Geneva, sans-serif;
    font-size:1em;
    font-weight:bold;
    color:#FC9;
    }
.comments-template h3 {
    padding-bottom:7px;
    }
.comments-template p.nocomments {
	padding:0;
    }
.comments-template textarea {
	font-family:Arial, Helvetica, Geneva, Sans-serif;
	font-size:1.2em;
    }

/* Blog Comments Captcha */
#zrx_captcha {
    padding-left:15px;
    }

/* Blog Ratings */
.ratingblock {
    padding-left:15px;
    color:#FFF;
    }
.ratingtext {
    font-family:Arial, Helvetica, Geneva, Sans-serif;
    font-size:90%;
    color:#FFF;
    }

/* E-Mail Me Form */
#si_contact_form1 {
    margin-left:15px;
    }
#si_contact_name1, #si_contact_email1, #si_contact_subject1 {
    width:225px;
    }
#si_contact_message1 {
    width:325px;
    height:150px;
    }
#si_contact_captcha_code1 {
    width:100px;
    }

/* Forms */
form input {
    background-color:transparent;
    width:250px;
    padding-left:2px;
    border:1px solid #DDDDDD;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size:1.1em;
    color:#FFF;  
    }
form textarea {
    background-color:transparent;
    padding-left:2px;
    overflow:auto;
    border:1px solid #DDD;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size:1.1em;
    color:#FFF;
    }

/* Twitter */
#twitter_div {
    width:530px;
    font-style:italic;
    }
#twitter_div ul {
    padding-top:5px;
    padding-left:40px;
    list-style-image:url(./images/twitter.png);
    list-style-type:square;
    }
#twitter_div a {
    color:#FFF;
    text-decoration:underline;
    }
#twitter_div a:hover {
    color:#FFC;
    text-decoration:underline;
    }
#twitter-link {
    float:right;
    }

/* Misceallenous Classes */
.addthis_button {
    margin-left:15px;
    }
.asterix {
    color:#FC9;
    }
.avatar {
    padding-top:5px;
    padding-left:15px;
    margin-right:5px;
    float:left;
    }
.copyright {
    padding-top:12px;
    padding-left:15px;
    float:left;
    }
.footerlinks {
    padding-top:12px;
    padding-right:15px;
    float:right;
    }
.logo {
    position:relative;
    top:29px;
    right:10px;
    }
.now-playing {
    font-style:italic;
    color:#FFC;
    }
.posted-on {
    margin-top:-15px;
    font-style:italic;
    color:#FFC;
    }