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

/* Main Content and Layout */
html {
    background:url(./images/bg-top.jpg) top repeat-x #EFEFEF;
    }
html, body {
    height:100%;
    text-align:center;
    }
html, body img {
    border:none;
    }
html, body a:active {
    outline:none;
    }
html, body a:focus {
    -moz-outline-style:none;
    }
* {
    margin:0;
    padding:0;
    }
#wrapper {
    width:900px;
    min-height:100%;
    height:auto !important;
    margin:0 auto -101px auto;
    background:#EFEFEF;
    }
#header {
    width:900px;
    height:185px;
    background:url(./images/header.jpg) no-repeat;
    text-align:left;
    }
.logo {
    margin-top:10px;
    float:right;
    }
#nav {
    width:900px;
    height:35px;
    float:left;
    background:#FFF;
    text-align:right;
    background:url(./images/nav.jpg) no-repeat;
    }
#nav a {
    color:#FFF;
    text-decoration:none;
    }
#nav a:hover {
    color:#333;
    text-decoration:none;
    }
#nav h1 {
    display:inline;
    margin-left:20px;
    font-size:2.2em;
    text-transform:lowercase;
    }
#nav h1 a {
    color:#FFF;
    text-decoration:none;
    }
#nav h1 a:hover {
    color:#333;
    text-decoration:none;
    }
#content-left {
    width:625px;
    float:left;
    text-align:left;
	margin-bottom:10px;
    }
#content-left a {
    color:#666;
    text-decoration:underline;
    }
#content-left a:hover {
    color:#000;
    text-decoration:underline;
    }
#content-left h2 {
    margin-top:15px;
    font-size:2.7em;
    text-transform:lowercase;
    }
#content-left h3 {
    font-size:0.9em;
    }
#content-left h3 a {
    text-decoration:none;
    }
#content-left h3 a:hover {
    text-decoration:none;
    }
#content-left ol {
    list-style-position:inside;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    }
#content-left p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    margin-right:20px;
    margin-bottom:20px;
    }
#content-right {
    display:inline;
    width:274px;
    float:left;
    text-align:right;
    }
#content-right h2 {
    margin-top:15px;
    font-size:2.7em;
    text-transform:lowercase;
    }
#content-right p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    }
#footer {
    clear:both;
    width:100%;
    height:101px;
    margin:0 auto;
    background:url(./images/bg-bottom.jpg) repeat-x;
    text-align:center;
    }
#copyright {
    position:relative;
    top:25px;
    }
#copyright p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.7em;
    color:#FFF;
    }

/* Sidebar */
.sidebar {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    border-left:1px dotted #999;
    margin-left:20px;
    margin-bottom:20px;
    }
.sidebar a {
    color:#666;
    text-decoration:underline;
    }
.sidebar a:hover {
    color:#000;
    text-decoration:underline;
    }
.sidebar li {
    list-style-type:none;
    }

/* Twitter Feed */
#twitter-3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    }
#twitter-3 a {
    color:#666;
    text-decoration:underline;
    }
#twitter-3 a:hover {
    color:#000;
    text-decoration:underline;
    }
#twitter-3 {
    list-style-type:none;
    }
#twitter-3 li {
    margin-bottom:20px;
    }
#twitter-3 a {
    color:#666;
    text-decoration:underline;
    }
#twitter-3 a:hover {
    color:#000;
    text-decoration:underline;
    }

/* Comments */
.comments-template {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    }
.comments-template ol {
    list-style-type:none;
    }

/* E-Mail Me Form */
#si_contact_form1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    margin-top:-10px;
    }
#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 */
.button {
    margin:0;
    width:auto;
	cursor:pointer;
	color:#333;
	border:1px solid #333;
	background:#FFF;
	font-weight:bold;
    }
form input {
    width:250px;
    border:1px solid #CCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;  
    }
form select {
	border:1px solid #CCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;  
    }
form textarea {
    padding-left:2px;
    overflow:auto;
    border:1px solid #CCC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
	font-variant:
    }

/* Member Info */
#member-info {
    width:170px;
    height:275px;
    background:#CCC;
    border:1px solid #333;
    float:left;
    margin-right:10px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color:#333;
    }
#member-info img, #member-info-small img {
    position:relative;
    left:2px;
    top:10px;
    margin-bottom:20px;
    border:1px solid #FFF;
    }
#member-info-small {
    width:170px;
    height:250px;
    background:#CCC;
    border:1px solid #333;
    float:left;
    margin-right:10px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color:#333;
    }

/* Venue Maps */
#venue-maps img {
    position:relative;
    margin-bottom:10px;
    margin-right:10px;
    border:1px solid #000;
    }

/* Misc */
.asterix {
    color:#F00;
    }
.flickr-mini-gallery img {
    margin:0 5px 5px 0;
    }
.index-post {
    margin-top:-15px;
    }
.link {
    position:relative;
    top:3px;
    margin-right:5px;
    }
.navigation {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#333;
    padding-bottom:20px;
    }
.posted-on {
    padding-bottom:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.7em;
    color:#666;
    }
.posted-on-single {
    margin-top:-10px;
    padding-bottom:20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.7em;
    color:#666;
    }
.postmetadata {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color:#666;
    margin-top:-15px;
    margin-bottom:40px;
    }
.tags {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    color:#333;
    }
.thumbnail {
	width:75px;
	height:75px;
	margin-right:10px;
	margin-bottom:5px;
    }
.maps {
    float:left;
    margin-right:5px;
    border:1px solid #000;
    }

/* Navigation and Headings */
@font-face {
	font-family:'CholoSperryRandR20Micro';
	src:url('cholo_sperry_rand_r20.eot');
	src:local('?'), url('cholo_sperry_rand_r20.woff') format('woff'), url('cholo_sperry_rand_r20.ttf') format('truetype'), url('cholo_sperry_rand_r20.svg#webfont') format('svg');
    }
.nav-title {
    font-weight:normal;
    font-family:'CholoSperryRandR20Micro', sans-serif;
    color:#FFF;
    }
.heading {
    font-weight:normal;
    font-family:'CholoSperryRandR20Micro', sans-serif;
    color:#333;
    }
.sub-heading {
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#333;
    }
.widgettitle {
    font-weight:normal;
    font-family:'CholoSperryRandR20Micro', sans-serif;
    color:#333;
    }

/* Social Networking Icons */
.facebook {
    position:relative;
    top:5px;
    }
.myspace {
    position:relative;
    top:10px;
    margin-left:30px;
    }
.youtube {
    position:relative;
    top:25px;
    margin-left:30px;
    }
.reverbnation {
    position:relative;
    top:5px;
    margin-left:30px;
    }
.tourdates {
    position:relative;
    top:15px;
    margin-left:30px;
    }