/* ----- CSS ----- */

body {
/*
    font-family: "Andale Mono","Courier New", monospace;
    */
    font-family: Georgia, Times, serif;
    padding: 0;
    background: transparent url(../img/back_strip7.png) repeat-x  top;
    text-align: left;
    color:#333;
}

/* ----- IDS ----- */


#container {
    width: 99%;
    margin: -0 auto 0 auto;
    padding: 0px 0px 0px 0px;
}

#header {
    
    border-left:1px solid black;
    border-right:1px solid black;
    height:98px;
}

#primary-content {
    
    margin: 0 auto 0 auto;
    padding: 0px;
    position:relative;
    width:100%;
}

#footer {
    margin:15px 0 0 0A;
    clear: left;
}
#info,
#map {
    
        border: 1px solid #999;
}

#info {
	background-color: #FFFFFF;
    width: 230px;
    padding:0 0 0 0;
    margin: 0 0 0 0 ;
    position:absolute;
    right:0;
    top:0;
	overflow-y:scroll;
	overflow-x:hidden;
}
#map {
    text-align: center;
    background-color: #000;
    height: 500px;
    margin: 0 235px 0 0;
}
/* -- HOMEPAGE STYLES -- */
.home #container {
    
    width:738px;
    
}
.home #primary-content {
    margin: 15px 0 0 0;
    border-top:1px solid #999;    
}

/* -- MAPPAGE STYLES -- */
.map #header {
    margin:0;
    padding:0;
    border:none;
    height:0px;
}
#track-list {
    border-right: 1px solid #999;
    width:350px;
    float:left;
    padding:0 5px 0 0;
}
#search-form {
    width:350px;
    margin-left:355px;

}

/* ----- CLASSES ----- */

.hide {
}
.show {
}

/* ----- HEADINGS ----- */

h1,h2,h3,h4,h5,h6 {
    
    font-family: Georgia, Times, serif;
}

h1 {

    font-size: 145%;
    padding:0px 0 0px 0;
    margin:5px 0 5px 5px;
}

h2 {
    font-size: 130%;
	line-height:140%;
    padding:0px 0 0px 0;
    margin:5px 0 5px 5px;
	color:#900; 
}
h3 {
    
	font-weight:bold;
    font-size: 120%;    
    line-height:130%;
    padding:0px 0 0px 0;
    margin:10px 0 5px 5px;
	color:#090;  
}
h4 {
	color:#0000CC;
}

p {
    line-height:140%;
	margin: 0 5px 0 5px;
}

strong {
	font-weight:bold;

}
em {
	font-style:italic;
}


fieldset {
    font-size: small;
    color: #ff0099;
    margin: 0px;
    padding: 0px;
}

form {
    margin-left: 10px;
}

table.stats {
    border-collapse: collapse;
    margin: 0 20px 0 20px;
    width:180px;
    background-color:#FFD;
}
table.stats th {

    padding: 3px 3px 3px 3px;
    border: 1px solid #999;
    text-align: right;
    font-weight:bold;
    color:#333;
}
table.stats td {
    width:40%;
    padding: 3px 3px 3px 3px;
    border: 1px solid #999;
    text-align: left;
    font-size: 90%;
    font-family:monospace;
}
.flick {
    color: #0063dd;
    font-weight: bold;
}


.arr {
    color: #ff0084;
    font-weight: bold;
}

#twitter {
    margin-right: 10px;
    margin-left: 10px;
    border: #999 dashed 2px;
    font-size: small;
}

#my_twitter_status {
}

#my_twitter_status_time {
    text-align: right;
    font-style: italic;
}

input.textbox {
    color: #26a;
    background: #feb;
    border: #26a solid 1px;
}

p.waffle {
    font-size: small;
    color: #666;
    text-align: justify;
    line-height: 150%;
}
p.waffle a {
    color: #666;
}

div#imageBanner {
    text-align: center;
}
div#imageBanner a img {
    border: gray solid 3px;
    margin: 3px;
}
div#imageBanner a {
    border: none;
}

p.joke {
    text-align: right;
    font-size: x-small;
    color: gray;
    margin-right: 10px;
}
a:link,
a:visited {
 
    color:inherit;

}

a:hover,
a:focus {
    text-decoration: none;
    color:#999;
    padding-bottom: 1px;    
}

a:active {
    /*
    border-bottom-color: #666;
    border-bottom-style: solid;
    */
    color:inherit;
}

a.thumb-img {
	text-decoration:none;
	font-family:Verdana, "sans serif";
	border:2px solid #999;
	display:block;
	font-weight:normal;
	height:115px;
	margin:auto;
	cursor:pointer;
	width:120px;
	background-color:#000;
	padding-top:5px;
}

a:link.thumb-img img,
a:visited.thumb-img img {
    border: 1px solid #FFF;
    margin: 3px;
    padding:0px;

}

a:hover.thumb-img img,
a:focus.thumb-img img,
a:active.thumb-img img {
    border: 4px solid #FFF;
    padding:0;
	margin:0;
}
a.thumb-img span {
	display:block;
    background: url(../img/camera_go.png) no-repeat 98% 0%;
    margin: -2px auto 0 auto;
    padding: 2px 20px 2px 2px;
    color: #EEE;
    font-size: 1em;
    background-color:#000;
    width:76px;
 
}
a:link.thumb-img span,
a:visited.thumb-img span {
    border-bottom: 1px dotted #DDD;
    
}

a:hover.thumb-img span,
a:focus.thumb-img span,
a:active.thumb-img span {
    border-bottom: 1px solid #FFF;
    color: #FFF;

}

p.thumb-caption {
    margin: 5px auto 5px auto;
    font-size: 1em;
}

h1 a, h1 a:link, h1 a:visited {
    text-decoration: none;
    color: red;
    border: none;
}

h1 a:hover {
    text-decoration: none;
    border-bottom: red solid 2px;
}

ul#works {
    color: green;
    font-size: 95%;
    width: 95%;
    margin: 0 0 0 10px;
    padding: 0;
}

ul#works li {
    display: inline;
}

ul#works li a {
    color: green;
    border-bottom-color: green;
}


ul {
    font-size:90%;
    font-family:monospace;
    margin:0 0 0 20px;
    padding:0 0 0 0;
}
ul li {
    margin: 0 0 4px 0;
    list-style: disc;
    
}

/* GPS track listing */
ul#tracks {
    font-size:100%;
    font-family:monospace;
    margin:0 0 0 0px;
    padding:0 0 0 0;
}
ul#tracks li {
    margin: 0 0 4px 5px;
    list-style: none;
    
}

ul#tracks li h4 {
    display: inline;
}
ul#tracks li h4 {
    line-height: 140%;
}

p.stats {
	text-align:right;
}