@charset "utf-8";
/*
Theme Name: WebRodeo
Theme URI: 
Description: Custom theme for <a href="http://webrodeo.com">webrodeo.com</a>
Version: 2.0
Date: 5/2009
Author: Web Rodeo : Warren Monroe
Author URI: http://webrodeo.com/
Tags: custom
*/


/** basic layout and structure **/
* {
  border-width:0;
  /*border-color:transparent;*/
  margin:0;
  padding:0;
}

html, body {
  height:100%;
  width:100%;
}

a, a:link, a:visited, a:hover, a:active {
  color:#600000;
  font-weight:bold;
  outline:none;
  text-decoration:none;
}

a:hover {
  color:#999;
  font-weight:bold;
}

body {
  background:#f7f3f0 url(graphics/twitter.jpg) top left no-repeat fixed;
  color:#300;
  font-family:Arial,'Lucida Sans', 'Lucida Grande', sans-serif;
  font-size:0.75em;
  line-height:1.33em;
  margin:0;
  padding:0;
}

#container {
  background:transparent;
  margin:1em auto 1em 225px;
  position:relative;
  text-align:left;
  width:763px;
}

#header {
  background:transparent;
  color:#999;/*#73d4fc;*/
  font-size:10px;
  font-weight:normal;
  margin:0;
  text-align:left;
  width:400px;
}

/*
#twitter { 
  background:transparent;
  font-size:12px;
  font-weight:normal;
  margin:0;
  text-align:left;
  width:400px;
}
*/

#tweet {
  background:transparent;
  color:#999;
  font-size:12px;
  font-weight:normal;
  margin:0;
  min-height:30px;
  text-align:left;
  width:400px;
}

#tweet ul {
  list-style:none;
  margin:0;
  padding:0;
}

.twitterPrefix {
  font-weight:bold;
}

#tweet a, #tweet a:link, #tweet a:visited, #tweet a:hover, #tweet a:active {
  color:#999;
  font-weight:normal;
}


#tweet a:hover {
  color:#600000;
  font-weight:normal;
}

.twitterTime {
  color:#ccc;
  font-size:10px;
}

#leftCol {
  /*background:transparent;*/
  /*margin:200px auto auto 25px;*/
  top:175px;
  right:auto;
  bottom:auto;
  left:25px;
  position:fixed;
  width:175px;
}

#leftCol .promotion {
  background-color:#ece7e3;
  color:#600000;
  font-size:14px;
  padding:10px 10px;
  text-align:center;
}

.columns {
  margin-bottom:15px;
  width:100%;
}

td.column {
  padding:0;
  vertical-align:top;
}

.content-spacer { 
  margin-top:0.5em;
  padding-top:11px;
}

#side_base {
  background:#ece7e3;
  border-left:1px solid #ece7e3;
  width:199px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-right-radius:5px;
}

#side {
  padding-top:0.5em;
  margin-bottom:10px;
  width:198px;
}

.subpage #side {
  margin-top:0;
}

#side div#profile {
  padding:3px 13px 16px 13px;
}

.side_thumb {
  height:31px;
  width:31px;
}

#side .user_icon {
  height:30px;
}

#side .user_icon>* {
  padding:0;
  vertical-align:middle;
}

#side .user_icon img { 
  float:left;
  padding-right:0.8em;
}

#me_name {
  float:left;
  font-size:1.33em;
  line-height:30px;
}

#side #about p {
  padding:10px 20px 20px 13px;
}

.label {
  font-weight:bold;
}

#side .promotion {
  background-color:#f7f3f0;
  font-size:11px;
  margin:1em auto 2em auto;
  padding:6px 10px;
  text-align:left;
  width:152px;
}

#side .promotion strong {
  color:#600000;
  display:block;
}

#side h4 {
  background:#f7f3f0;
  margin:15px 0 5px 0;
  padding:0.5em 13px;
  text-align:left;
}

#side ul {
  list-style:none;
  margin:0;
  padding:0;
}

#side ul li {
  padding:0 0 0 20px;
}

ul#extras li {
  padding-top:0.5em;
  padding-bottom:0.5em;
}

ul#extras_icons {
  list-style:none;
  margin:10px 0 0 0px;
  padding:0;
  text-align:center;
}

ul#extras_icons li {
  display:inline;
  margin-right:0px;
  padding:0;
}

.round {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.round-left {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
}

.round-right {
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}

#navigation {
	position:absolute;
  top:0;
  right:0;
  font-size:1.1em;
  text-align:right;
  white-space:nowrap;
}

#navigation ul {
  background-color:#fff;
  float:right;
  list-style:none;
  margin:0; 
  padding:7px 6px 7px 3px;
}

#navigation ul li {
  display:inline;
  margin-left:6px;
}

.top-nav li {
  display:inline;
  margin-left:6px;
}

#content {
  width:564px;
  margin-top:0;
  background-color:#fff;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-bottom-left-radius:5px;
}

div#wp {
  padding:5px 10px 15px;
}

#footer p {
  color:#999;
  font-size:10px;
  padding:10px 0 10px 0;
  text-align:center;
}

input#email_addr, input#restaurant_name, input#contact_person, input#phone, input#submit, textarea#mess {
  border:1px solid;
  margin-bottom:10px;
}

h2 {
  margin:0;
}

p.clear {
  clear:both;
  width:100%;
}

p.sconnect {
  padding:20px 0;
  text-align:center;
}

.post {
  clear:both;
  margin:0 20px 0.5em 20px;
}

.post h2 {
  color:#600000;
  padding:40px 0 5px 0;
}

.page {
  clear:both;
  margin:0 20px 0.5em 20px;
}

.page h2 {
  color:#600000;
  padding:10px 0 5px 0;
}

.entry h3 {
  color:#600000;
  margin-top:20px;
}

.entry p {
  margin:10px 0 10px 0;
}

small {
  color:#999;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:0.90em;
  line-height:1.50em;
}

html>body .entry ul {
  margin-left:0px;
  padding:0 0 0 30px;
  list-style:none;
  padding-left:10px;
  text-indent:-10px;
}

html>body .entry li {
  margin:7px 0 8px 10px;
  padding-left:10px;
}

.alignleft {
  float:left;
}