/*
Theme Name: bikemovement : Americas 2009 Default
Theme URI: http://americas.bikemovement.org/
Description: The default WordPress theme customized by BikeMovement.
Version: 0.1
Author: Lars
Author URI: http://www.larsakerson.com/

   MWC color swatch:
    green:      #98bf0c
    yellow:     #ffcc00
    light blue: #019ee1
    magenta:    #e30051
    purple:     #572481
    dark blue:  #004588

theme designed by Lars Akerson. Feel free to use whatever is useful to you.
*/


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px auto 0px;
	text-align: center;	
	background: #ffffff url(images/bg.gif) repeat-y top center;
}
#alert {
	position: fixed;
	top: 10px;
	left: 10px;
	border: 1px solid #000;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #e30051;
	background: #dddddd;
	text-align: left;
}
a {
	color: #004588;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul, ol {
	font-size: 12px;
	line-height: 1.4em;
}
table {
	border-collapse: collapse;
}
.stylize table {
	padding: 3px;
	border: 1px solid #999999;
}
td.stylize,
th.stylize {
	font-size: 12px;
	padding: 4px 6px;
}
th {
	background: #cccccc;
	font-weight: bold;
}
td.te {
	background: #eeeeee;
}
td.tl {
	border-right: 1px solid #cccccc;
}
th.tl {
	border-right: 1px solid #ffffff;
}
#container {
	position: relative;
	background: #ffffff;
	margin: 0px auto 0px;
	width: 800px;
}
#banner {
	background: url(images/bma-banner.png) no-repeat;
	height: 112px;
}
#glance {
	text-align: left;
	height: 250px;
}
img#mappie {
	position: relative;
	top: -135px;
	left: 0px;
	overflow: hidden;
}
span#translate {
	position: absolute;
	top: 240px;
	left: 80px;
	width: 100px;
	font-size: 10px;
	z-index: 25;
}
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#slideshow {
	height: 250px;
	z-index: 20;
	text-align: center;
}
#slideshow li {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 600px;
	height: 250px;
	background-color: #fff;
	border-left: 1px solid #000000;
	visibility: hidden;
	overflow: hidden;
}
#slideshow li img {
	display: block;
	border: 0px;
}
.ss_caption {
	position: relative;
	top: -21px;
	font-size: 11px;
	clear: both;
	padding: 4px 6px;
	background-color: #333;
	color: #fff;
	opacity: 0.6;
	filter:alpha(opacity=60);
	text-align: left;
}
span#ss_nav {
	cursor: pointer;
	position: relative;
	top: -20px;
	left: 130px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	z-index: 22;
}
ul#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 112px;
	left: 0px;
	width: 200px;
	clear: both;
	z-index: 20;
	float: left;
}
#nav li {
	padding: 8px 25px 8px 25px;
	display: inline;
	font-style: italic;
	font-size: 14px;
	letter-spacing: .1em;
	float: left;
	width: 150px;
}
#nav li.menu {
	padding: 4px 15px 4px 35px;
	cursor: pointer;
	font-style: normal;
	font-weight: bold;
}
#nav a {
	color: #000000;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
}
li:hover#learn {
	background: #98bf0c;
}
li:hover#follow {
	background: #ffcc00;
}
li:hover#contribute {
	background: #019ee1;
}
ul.submenu {
	padding: 10px;
	margin: 0;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #ffffff;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 140px;
	clear: both;
	z-index: 20;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
ul#nav li ul {
	display: none;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	z-index: 30;
}
ul#nav li:hover ul,
ul#nav li.over ul {
	display: inline;
}
#menu_learn li,
#menu_follow li,
#menu_contribute li {
	padding: 4px 10px;
	/*display: inline;*/
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	float: left;
	clear: both;
	cursor: pointer;
	z-index: 30;
}
a.submenu {
	color: inherit !important;
	text-decoration: none;
	background: none;
}
a.submenu:hover {
	color: inherit !important;
	text-decoration: underline;
	font-weight: bold;
}
#content {
	min-height: 400px;
	text-align: left;
	position: relative;
	top: 0px;
	padding: 0px 10px 30px 0px;
	margin-bottom: 20px;
	z-index: 30;
}
#sidebar {
	position: relative;
	top: 0px;
	right: 0px;
	width: 180px;
	clear: both;
	float: left;
	margin: -17px 0px 20px 0px; /* top: 0px in IE */
	background: #ffffff;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
#sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#sidebar li {
	padding: 3px 0px 10px 30px;
}
#sidebar p {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 5px 0px 5px -20px;
}
#sidebar a,
#sidebar img {
	border: 0px;
}
img#IFid1 {
	/*border: 1px solid #000000;*/
}
#otw-main {
	margin-left: 210px;
}
h1 { /*pagetitle*/
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
	color: #004588;
	border-bottom: 1px solid #333333; /* dashed */
	margin-left: 200px;
	padding-left: 10px;
}
h1#g { /*pagetitle(gallery)*/
	font-size: 26px;
	font-weight: normal;
	font-style: italic;
	color: #004588;
	border-bottom: 1px solid #333333; /* dashed */
	margin-left: 0px;
	padding-left: 10px;
	
}
h2 { /*section(blogtitle)*/
	font-size: 20px;
	color: #666666;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 0px;
}
a.subtle {
	color: inherit !important;
}
a.subtle:hover {
	text-decoration: none;
}
h6 { /*metadata*/
	font-size: 10px;
	font-weight: normal;
	color: #444444;
	margin: 2px 1px 12px 0px;
}
h3 { /*subsection*/
	font-size: 14px;
	color: #333333;
	margin-bottom: 2px;
}
h4 { /*sidebar*/
	font-size: 16px;
	color: #333333;
	margin: 6px 0px 0px -20px;
}
h5 { /*caption*/
	margin: 2px 4px;
	font-size: 10px;
	font-weight: normal;
}
p {
	font-size: 12px;
	line-height: 1.4em;
	text-align: justify;
	margin-top: 0px;
}
blockquote {
	font-size: 12px;
	line-height: 1.25em;
	padding-left: 6px;
	/*border-left: 2px solid #999;*/
	text-align: justify;
}
acronym {
	border-bottom: 1px dashed #999;
}
.inset {
	width: 246px;
	background: #eeeeee;
	clear: both;
}
.inset_img {
	width: 240px;
	padding: 2px;
	border: 1px solid #999;
	background: #ffffff;
}
.left {
	margin: 4px 8px 4px 0px;
	float: left;
}
.right {
	margin: 4px 0px 4px 8px;
	float: right;
}
ul.commentlist {
	list-style-type: none;
}
li.commenthead {
	
}
li.odd {
	background: #eeeeee;
	padding: 10px 14px;
}
p.odd {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #333333;
}
li.even {
	background: #dedede;
	padding: 10px 14px;
}
p.even {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #333333;
}
li.mycomment {
	padding: 10px 9px;
	border: 5px solid #5e7287;
}
span.alert {
	font-size: 12px;
	padding: 3px 6px;
	border: 1px solid #ffcc00;
	background: #fff7d8;
	margin: 10px 0px;
	display: block;
	width: 95%;
}
p.mycomment {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #004588;
}
#body_footer {
	position: absolute;
	left: 0px;
	bottom: -15px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #dddddd;
	margin-top: 20px;
	z-index: 30;
}
#body_footer span {
	font-size: 11px;
	text-align: center;
}

/* participants page styles */

.title {
	display: none;
}
.imbox,
.imbox img {
	/*border: 1px solid #004588;*/
}
.imbox table tr {
	vertical-align:top;
}
.imbox table {
	font-size: 12px;
	border-collapse:collapse;
	/*border: 0.5px solid #004588;*/
	width: 100%;
}
.imbox table td {
	padding: 0px;
	border-collapse: collapse;
	/*border: 0.5px solid #004588;*/
}
.imbox table td.picture {
	/*padding-right: 1px;*/
	/*background-color: #004588;*/
}
.imbox td.picture {
	padding-left: 5px;
}
.imbox table .imlocation {
	font-style: italic;
	/*border-bottom: 1px solid #004588;*/
	display: block;
	padding: 2px 8px 2px 8px;
}
.imlocation {
	border-bottom: 1px solid #004588;
}
.imtitle,
.imtext {
	padding: 2px 8px 2px 8px;
}
.imtitle {
	display:block;
	background-color: #004588;
	color: #ffffff;
	font-size:14px
}
.imtitle a.imlink {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.imtitle a.imlinkp {
	color: #ffffff;
	text-decoration:none;
}
.imtext {
	text-align: center;
	font-style:italic;
}
.imbox table.noborder td {
	border: 0px solid #cccccc;
	/*border-bottom: 1px solid #cccccc;*/
}

.participant {
	display: block;
	padding: 0px 10px;
	font-size: 20px;
	font-weight: bold;
	background-color: #004588;
	color: #ffffff;
}
.participant span {
	padding-left: 20px;
	font-size: 12px;
	font-variant: small-caps;
}
.leftp {
	padding: 0px 10px;
	margin: 0px;
	font-size: 12px;
	border-left: 2px solid #004588;
	border-right: 2px solid #004588;
}
.list {
	padding: 1px 10px;
	font-size: 12px;
	text-align: right;
	background-color: #004588;
}
.list a {
	color: #ffffff;
}
.list a:hover {
	color: #cccccc;
	text-decoration: none;
}
.content {
	padding: 0px;
	margin: 20px 0 0 0;
}
.profile_right {
	float: right;
	width: 200px;
}
.content img {
	border: 1px solid #000000;
}
.desc {

	position: relative;
	top: 0px;
	left: 0px;
	padding: 0 18px 0 6px;
	width: 340px;
	text-align: justify;

}
.desc p {
	font-size: 12px;
	line-height: 1.8em;
}

.block-core-Pager,
.block-core-GuestPreview,
.block-core-Navigator {
	font-size: 14px;
}

.block-core-Pager {
	display: inline;

}

.gpager,
#gpagerit {
	padding: 3px 5px;
	margin: 0px;
	font-weight: bold;
	display: inline;
}

.gpager {
	background: #e2e5e9;
	color: #5e7287;
	text-decoration: none;
}

.gpager:hover {
	background: #5e7287;
	color: #fff;
	text-decoration: none;
}

#gpagerit {
	background: none;
	color: #000;
	text-decoration: none;
}

.navigation {
	font-weight: bold;
	font-size: 12px;
	width: 100%;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#tagcloud {
	float: left;
	width: 70%;
	border: 1px solid #dedede;
	padding: 2px 3px;
}

#archivesearch {
	float: right;
	width: 25%;
	border: 1px solid #dedede;
	padding: 2px 3px;
}

#authors {
	float: right;
	width: 25%;
	border: 1px solid #dedede;
	padding: 2px 3px;
}

#authors ul {
	list-style-type: none;
}

#archivebytitle {
	float: left;
	width: 60%;
	border: 1px solid #dedede;
	padding: 2px 3px;
	margin-top: 10px;
	font-size: 12px;
}

div.dateby {
	//position: relative;
	//display: inline;
}

#archivebydate {
	float: right;
	width: 35%;
	border: 1px solid #dedede;
	padding: 2px 3px;
	margin-top: 10px;
	font-size: 12px;
}

.archivetype {
	padding-top: -2px;
	padding-left: -3px;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
}



/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */