/*
 * CSS based on Vostok Theme
 * http://www.vostoktheme.com/
 *
 */

html, body, div, 
h1, h2, h3, h4, p, 
a, acronym, img, strong,
ul, li,
form, label{
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
form{clear:both;}
body{line-height:1;}
.clear {clear:both;}
h3 {
	margin: .5em 0;
}

p {
	margin: .5em 0;
}
img {
    border:0;
}
#content {
	padding: 0px;
	margin: 0;
	width: 100%;
}

#main{
    width: 100%;
}
#side{
	width: 285px;
	margin-left:10px;
}
#map {
    height: 300px;
    background-color:#E5E3DF;
    border-style: solid;
    border-width: 1px 0;
    border-color: #999999;
    z-index: 2;
}
html,
body {
	color: #989898;
}

h1 {
	float: left;
	line-height: 1.2em;
}
small{
    font-size: 0.35em;
}
h3 {
	color: #000000;
}
/* $1 - Estructure ///////////////////////////////////////////////////////////////////////////////////////////*/

html,
body {
	height:100%;
}

.box {
    clear:both;
	padding: 10px;
}

#box_search{
    background:none repeat scroll 0 0 #FFFFFF;
    border:2px solid #999999;
    left:80px;
    padding:5px;
    position:absolute;
    top:66px;
    z-index:999;
    width: 430px;
}
#box_share{
    background:none repeat scroll 0 0 #FFFFFF;
    border:2px solid #999999;
    left:80px;
    padding:5px;
    position:absolute;
    top:110px;
    z-index:999;
    width: 430px;
}

#box_search p{
    margin:0;
}
/* $2 - Typography, Colors and Links /////////////////////////////////////////////////////////////////////////*/

html,
body {
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.125em;
}

h1,h2,h3{
	font-weight:normal;
}

h1 {
	font-size: 3em;
	padding-left: 10px;
/*	text-transform: uppercase;*/
}

h2 {
	font-size: 1.0em;
	margin: 0.3em 0;
	line-height: 1.2em;
}

h3 {
	margin-top:1.2em;
	font-size: .9375em;
	font-weight: normal;
}
h4 {
	margin:0.5em 0;
	font-size: .9375em;
	font-weight: normal;
}

p,
label {
	font-size: .9375em;
	clear: both;
}
/* Header /////////////////////////////////////////////*/

#header,
#footer {
	color: #CDCDCD;
	background: #3C3C3C;
}

#mainNav {
	font-size: .8125em;
}

/*#header a:link,
#header a:visited {
	color: #999;
	text-decoration: underline;
}

#header a:hover,
#header a:active,
#header a:focus {
	color: #F90;
}
*/
#header h1 a,
#header h1 a:link,
#header h1 a:visited {
	color: #F90;
	text-decoration: none;
}

.box p {
	line-height: 1.4em;
	color: #989898;
	margin-top: 1em;
}
ul.social{
    list-style: none;
}
ul.social li{
    display: inline;
    margin-left: 5px;
}
.box ul {
	font-size: .9375em;
	list-style: square outside;
	margin-left:1.5em;
	float: left;
}
.box #qr{
    float:left;
}
.box a {
	color: #F90;
}
a {
	color: #F90;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Header /////////////////////////////////////////////*/

#header {
	background: #2F2F2F;
 	height: 60px;
}
#mainNav {
	float: right;
	padding:5px 20px;
}

#footer li,
#mainNav li {
	display: inline;
	padding: 0 0 0 1em;
}
#footer {
    text-align: center;
    font-size: 0.85em;
    padding: 5px;
    clear: both;
    
}

input.address,
#side input.text,
textarea#message{
    border:1px solid #BBBBBB;
    font-family:'Lucida Grande',Helvetica,Arial,sans-serif;
    font-size:0.8em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding:1px 3px;
}
input.address{
    float: left;
    height: 20px;
    margin-right:10px;
    width:290px;
}
textarea#new_tweet{
    height: 100px;
    width: 240px;
    margin-bottom:10px;
}
#side input.text {
    width: 240px;
}
input.button{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#FFAA00;
    border-color:#DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-style:solid;
    border-width:1px;
    color:#333333;
    cursor:pointer;
    font-family:Helvetica,Arial,sans-serif;
    font-size:15px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:31px;
    line-height:31px;
    margin-right:13px;
    overflow:visible;
    padding: 0 12px;
    width:130px;
    float:right;
}
input.locate{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#ccc;
    border-color:#DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-style:solid;
    border-width:1px;
    cursor:pointer;
    font-family:Helvetica,Arial,sans-serif;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    height:25px;
    line-height:31px;
    margin:0 10px 0 0;
    overflow:visible;
    padding: 0 12px;
    float:right;

}
ul.errorlist li {
    color: #ff3300;
}
.bubble {
  font-size: 90%;
  padding: 5px;
  width: 220px;
}

.bubble img{
    float:left;
}
.bubble_text {
    float:left;
    width: 160px;
    padding: 0 0 0 5px;
    font-size: 0.9em;
}

.bubble-top {
  background-image: url('/static/images/bubble-bg-top.png');
  height: 5px;
}

.bubble-middle {
  background-image: url('/static/images/bubble-bg-middle.png');
  padding: 1px 8px;
}

.bubble-bottom {
  background-image: url('/static/images/bubble-bg-bottom.png');
  height: 16px;
}
#items{
    border-top:1px solid #D8E2D7;
    clear: both;
    list-style-type: none;
    margin: 0;
}
#items li.item {
    clear:both;
    border-bottom:1px solid #D8E2D7;
    display:block;
    line-height:16px;
    margin:0;
    height:55px;
    padding:5px 5px 5px 0;
}
.item h2 {margin:0;}
.item img.avatar {
    float: left;
    margin:0 10px 0 0;
}
.item a.nickname {
    font-weight:bold;
    padding-right:3px;
    text-decoration: none;
}
.item p {
    font-size:0.9em;
    margin:0;
    padding:0;
}
.item p.text {
    display:inline;
}
.item p.text .title {    
}
.item .description{
    float:left;
    width: 480px;
}
h2.update,
p.update{
    margin:0;
}

p.age{text-align:right;}

p.addr{
    float:left;
    width:250px;    
    font-size:0.9em;
    text-align:center;
}
blockquote{
    clear:both;
    margin:0 15px;
    padding:0;
    float:left;
    width:250px;
    text-align:center;
}