/* Robbie Shade 2004 */

/* .............................. */
/* Basic layout */
/* .............................. */

body 		{
		width:			900px;
		margin: 		auto;
		margin-top:		40px;
		font-family:	Verdana,Arial,sans-serif;
		font-size:		0.6em;
		background-repeat: 	no-repeat;
		background-position:	bottom left;
		background-attachment:	fixed;
		background-image:url("/images/site/body_bg_flower.jpg");
		color: #555;
		background-color:#ffffff;
		}

/* fixes Firefox scrollbar "jumping" */
html, body {min-height:100.1%}


/* Some classes */


#wrapper
{
		float: left;	
		width:			900px;	
		background-color:	#ffffff;
		background-repeat:	no-repeat;
		background-position:	top right;
		background-image:url("../images/site/wrapper_bg_flower.jpg");
		margin-bottom: 100px;
        border: 1px solid #efefef;
}

a
{
		text-decoration: none;
		color: #c30;
}

a:hover
{
		color: #000;
}

strong
{
		color: #999
}

#logo
{
    padding-left: 20px;
}

#logo h1
{
    font-size: 2em;
    font-weight: bold;
}

#logo a
{
    color: #555555;
}


.lastfm-album-art
{
    vertical-align: middle;
    border: 2px solid #efefef;
}

.flickr-thumb
{
    border: 3px solid #efefef;
    margin: 3px;
}

.levelup-image a
{
    border:none;
}

.box
{
    background-color: white;
    float: left;
    width: 45%;
    height: 280px;
    padding: 10px;
    margin: 10px;
    border: 1px solid #cfcfcf;
}

.box-half-width
{
    float:left;
    text-align: center;
    width:50%;
}

.box-third-width
{
    float:left;
    width:33%;
}

.box-wide
{
    background-color: white;
    float: left;
    width: 95%;
    height: 280px;
    padding: 5px;
    margin: 10px;
    border: 1px solid #cfcfcf;
}

.large-gmap-box-wide
{
    background-color: white;
    float: left;
    text-align:center;
    width: 95%;
    height: 520px;
    padding: 5px;
    margin: 10px;
    border: 1px solid #cfcfcf;
}




.box-wide-noheight
{
/*    background-color: white;*/
    float: left;
    width: 95%;
    padding: 5px;
    margin: 10px;
/*    border: 1px solid #efefef;*/
}

#homepage-lastfm
{
    text-align: left;
    padding: 5px;
}

#homepage-flickr
{
    padding: 5px;
    text-align: center;
}

.box-center
{
    text-align: center;
}

.box-title
{
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.levelup-graph
{
    margin: 10px;
    border:none;
}

.ajax-loading
{
    float: left;
    width: 100%;
    text-align: center;
}
/* .............................. */
/* Tab bar */
/* .............................. */

#tabbar
{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
}

.tabicon
{
    vertical-align: middle;
    border: none;
}
.tabselector, .tab-selector {
  width: auto;
  border-bottom: 0px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.tab-unselected {
  display: inline;
  padding: 3px 7px 5px 7px;
  background: #f5f5f5;
  border: 1px solid #c0c0c0;
  color: #888888;
  margin-right: 10px;
}

.tab-selected {
  display: inline;
  padding: 3px 7px 5px 7px;
  background: #ffffff;
  border: 1px solid #a0a0a0;
  color: #555555;
  margin-right: 10px;
}

.tab-unselected a {
  color: #888888;
  }


.tab-selected a {
  color: #555555;
}

hr {
    height:1px;
    border:none;
    width:90%;
    background:#efefef;
   }




/* .............................. */
/* Wrapper elements */
/* .............................. */

#content 	{
  		width:			880px;
		float:			left;
		}

#footer 	{
		width:			880px;
		float:			left;
		clear:			both;
		}
	
/* .............................. */
/* Main Content */
/* .............................. */

#content fieldset {
		border: 0;
		padding: 0;
		margin: 0;
		}


#content h1, #content h1 a	{
		font-size: 1.1em;
/*		border-bottom: 1px solid black;*/
		padding:0;
		margin:0;
		margin-top: 10px;
		padding-bottom: 1px;
		color: #222;
		}

#content h2	{
		font-size: 1em;
		padding:0;
		margin:0;
		margin-top: 5px;
		padding-bottom: 2px;
		color: #777;
		}

#content	{
		padding:0;
		margin:0;
		padding-left: 10px;
		padding-right: 9px;
		color: #555;
		font-size: 1em;
		}
/*meta contains date and postedBy info below headings*/
#content .meta
{
	font-size: 0.9em;
	height: 0.9em;
}

#content .date
{ float: right; }

#content .postedBy
{ float: left; }

#content p
{
	clear: both;
	text-align: justify;
	line-height: 1.3em;
}

/* .............................. */
/* Footer */
/* .............................. */

#footer		{		
		text-align: center;
		line-height: 1.5em;
		font-size: 0.9em;
		color: #999;
		border-top: 1px solid #efefef;
		}

#footer .w3image
{
    vertical-align: middle;
    border: none;
}


input,textarea	{
		font-family: Verdana, sans-serif;
		font-size: 0.9em;
		width: 160px;
        height: 2em;
		border: 1px solid #ccc;
		background-color: #eee;
		color: #000;
		margin: 5px;
		overflow: auto;
		}


fieldset {
		border: 0;
		padding: 0;
		margin: 0;
		}

.hide
{ 
	display: none; 
}

#countdown
{
	font-size: 2em;
	color: #555;
}

.large-gmap-object
{
    width: 680px;
    height: 480px;
}


/* flickr photoset page */
.photos-photoset-withdescription
{

    width: 80%;
	margin: 		auto;
    border: 1px solid #eee;
    height: 90px;
    /*margin: 10px;*/
    padding:10px;
}

.photoset-heading
{
    font-weight: bold;
}

.img-float-left
{
    float:left;
    /*margin: 10px;*/
    margin-right: 10px;
    /*clear:right;*/
}