/*
Theme Name: Olympics or Bust - 2010
Theme URI: http://www.olympicsorbust.com
Description: The Olympics or Bust Vancouver 2010 Theme
Version: 1.0
Author: Dan Goldwasser
Author URI: http://www.warmbutter.com/
*/

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	background-color: #AEC9DE; 
	background-image: url('/wp-content/themes/oob2010/images/bg.jpg');
	background-repeat: repeat-x;
	background-position: top;	
}


a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }

a.underline { text-decoration:underline;}
a.underline:hover { text-decoration:none; }

#wrapper {
	position: relative;
	width: 1070px;
	margin: 0px auto;
	padding: 0px;
	background-image: url('/wp-content/themes/oob2010/images/middle2.jpg');
	background-repeat: repeat-y;
	background-position: top center;	
}

#page {
	position: relative;
	min-height:700px;	
	width: 900px;
	margin: 0px auto;
	padding: 0px 85px 0px;
	text-align: left;
	background-image: url('/wp-content/themes/oob2010/images/sitebkg_template2.jpg'); 
	background-repeat: no-repeat;
	background-position: top center;	
}

#page.home {
	background-image:url('/wp-content/themes/oob2010/images/sitebkg_home.jpg');
}

#header {
	height:160px;
}


#header h1 {
float:left;
margin:15px 0 0 185px;
padding:0;
width:250px;
}
#header h1 span { display:none; }

#header h2 {
float:left;
margin:0 0 0 215px;
width:320px;
height:52px;
	background-repeat:no-repeat;
	background-position:top left;	
}

#header h2.about { background-image:url('/wp-content/themes/oob2010/images/Titles/AboutUs.png'); }

#header h2.contact { background-image:url('/wp-content/themes/oob2010/images/Titles/ContactUs.png'); }

#header h2.links { background-image:url('/wp-content/themes/oob2010/images/Titles/Links.png'); }

#header h2.maps { background-image:url('/wp-content/themes/oob2010/images/Titles/Maps.png'); }

#header h2.blog { background-image:url('/wp-content/themes/oob2010/images/Titles/OurBlog.png'); }

#header h2.bios { background-image:url('/wp-content/themes/oob2010/images/Titles/OurBios.png'); }

#header h2.outlets { background-image:url('/wp-content/themes/oob2010/images/Titles/OurOutlets.png'); }

#header h2.charities { background-image:url('/wp-content/themes/oob2010/images/Titles/OurCharities.png'); }

#header h2.support { background-image:url('/wp-content/themes/oob2010/images/Titles/SupportUs.png'); }

#header h2.videos { background-image:url('/wp-content/themes/oob2010/images/Titles/Videos.png'); }



#maps h2 {
width:320px;
height:52px;
background-repeat:no-repeat;
background-position:top left;	
}
#maps h2.ourtravels { background-image:url('/wp-content/themes/oob2010/images/SubTitles/OurTravels.png'); }

h2 span { display:none; }


#header h3.subtitle {
float:left;
font-size:13px;
margin:0;
padding:0;
width:630px;
}

#bhcontainer {
height:37px;
}

#breadcrumbs, #headerlinks {
font-size:13px;
margin:5px 15px 0 0;
padding:5px;
}

#breadcrumbs {
	float:left;
	text-align:left;
}

#headerlinks {
	float:right;
	text-align:right;
}

ul#topnavhome {
float:right;
height:80px;
margin:35px 10px 0 0;
padding:0;
width:100px;
}

ul#topnavhome li { 
font-size:10px;
margin:0 0 0 15px;
padding:1px;
}

ul#topnav {
float:right;
height:80px;
margin:30px 15px 0 0;
padding:0;
width:100px;
}

ul#topnav li { 
font-size:10px;
margin:0 0 0 15px;
padding:1px;
}

ul#joincomm {
float:right;
text-align:left;
height:80px;
list-style-type:none;
margin:30px 13px 0 0;
padding:0;
width:140px;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}

ul#joincomm li { 
float:left;
margin:0 5px 0 0;
padding:1px;
width:27px;
}

div#videoarea.archive {
margin:5px 0 0 40px;
}

div#teaserarea {
margin:5px 0 0;
padding:10px;
height:390px;
}

#teaserarea h2 {
padding:0px; margin:0px;	
}

#teaserarea p {
width:800px;
}

#generalcontent {
margin:0 10px 0 35px;
padding:10px;
}

#generalcontent h2 {
padding:0px; margin:0px;	
}


ul#recentvideos {
float:left;
list-style-type:none;
margin:0 20px 0 5px;
padding:0;
width:130px;
}

ul#recentvideos li {
background-color:#4F4F4F;
height:80px;
margin:25px 0 0 0;
width:125px;
}

#latestvideo {
float:left;
height:340px;
margin:0 10px 0 0;
text-align:left;
width:425px;
}

#latestvideo.archive {
	height:auto;
}


#countdowncontainer {
float:right;
position:relative;
top:10px;
right:200px;
width:300px;
font-weight:bold;
display:none;
}

#countdowncontainer .red {
color:#900;
font-weight:normal;
}


#videoholder {
margin:18px 0 0;
}

ul#videoright {
float:left;
list-style-type:none;
margin:30px 0 0;
padding:0;
width:234x;
}

ul#videoright li {
height:99px;
margin:0 0 5px;
width:236px;
}

ul#videoright li a {
padding:0px;
height:99px;
	display:block;
width:236px;
	background-repeat:no-repeat;
	background-position:top center;	
}

ul#videoright li a.support {
	background-image:url('/wp-content/themes/oob2010/images/buttons/home_btn_support.png');
	background-repeat:no-repeat;
	background-position:top center;
}
ul#videoright li a.support:hover {
		background-image:url('/wp-content/themes/oob2010/images/buttons/home_btn_support_h.png');
	}
	
ul#videoright li a.outlets {
	background-image:url('/wp-content/themes/oob2010/images/buttons/sponsors_btn.png');
	background-repeat:no-repeat;
	background-position:top center;	

}
ul#videoright li a.outlets:hover {
		background-image:url('/wp-content/themes/oob2010/images/buttons/sponsors_btn_h.png');
	}	
	
ul#videoright li a.travels {
	background-image:url('/wp-content/themes/oob2010/images/buttons/maps_btn.png');
	background-repeat:no-repeat;
}
ul#videoright li a.travels:hover {
		background-image:url('/wp-content/themes/oob2010/images/buttons/maps_btn_h.png');
	}	

ul#videoright li a span {display:none;}


ul#videoright li.joincommunity {
	padding:0px; 
	margin-right:-30px;
height:99px;
	display:block;
width:236px;
	background-repeat:no-repeat;
	background-position:top center;	
background-image:url('/wp-content/themes/oob2010/images/buttons/home-joincommunity.png');	
}

ul#joincommhome {
float:left;
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
height:60px;
list-style-type:none;
margin:25px 0 0 10px;
padding:0;
text-align:left;
width:140px;
}

ul#joincommhome li { 
float:left;
margin:0 5px 0 0; !important
padding:1px;
width:27px;
height:30px; !important
}

ul#joincommhome li.orcontact {
float:left; 
height:30px; 
margin:15px 0 0 55px;
width:140px; 
}

ul#joincommhome li.orcontact a {
width: auto; 
display: inline; 
}


table#donate tr th {
	font-size:14px;
}

#welcome {
background-color:red;
float:left;
font-size:11px;
margin:10px 10px 10px 10px;
padding:0 15px;
text-align:justify;
width:450px;
height:350px;
}

#welcome h3.welcome {
float:left;
margin:0px;
width:320px;
height:35px;
background-repeat:no-repeat;
background-position:top left;	
}

#welcome h3.welcome{ background-image:url('/wp-content/themes/oob2010/images/SubTitles/Welcome.png'); }




/***********  SUPPORT US **********/

h3.help {
background-image:url(/wp-content/themes/oob2010/images/support/helpusreachourgoal.jpg);
background-position:left center;
background-repeat:no-repeat;
float:left;
height:55px;
margin:30px 0 0 -25px;
padding:0;
width:236px;
}

h3 span { display:none; }

h3.caflogo {
float:right;
height:125px;
margin:33px 0 0;
padding:0;
width:200px;
}

h3.caflogo a {
display:block;
height:125px;
width:200px;
}

#thermometer {
background-image:url(/wp-content/themes/oob2010/images/support/Thermometer.jpg);
background-position:left center;
background-repeat:no-repeat;
height:65px;
margin:0px 0 0 -45px;
width:675px;
clear:left;
}

#thermometer2 {
background-image:url(/wp-content/themes/oob2010/images/support/thermometer2.jpg);
background-position:left center;
background-repeat:no-repeat;
height:150px;
margin:30px 0 0 -45px;
width:890px;
clear:left;
}

h3.donatenow {
background-image:url(/wp-content/themes/oob2010/images/support/donatenow.jpg);
background-position:left center;
background-repeat:no-repeat;
float:left;
height:163px;
margin:0 15px 0 0;
padding:0;
width:228px;
}

#blogupdates h3 { padding:0px; margin:0px 0px 6px; }

ul#blogposts {
background-color:#A3C3DA;
color:#FFFFFF;
font-size:10px;
list-style-type:none;
margin:0;
padding:10px;
}

ul#blogposts li {
padding:0px; margin:0px 0px 5px;
}

#twitter {
float:right;
height:255px;
margin:0px 0px 0px 0px;
padding:0;
width:200px;
background-color:blue;
background-image:url('/wp-content/themes/oob2010/images/twitterheader.gif');
background-position:top center;
background-repeat:no-repeat;
}

#twitter ul {
background-color:#a8d3f1;
padding:0px; margin:50px 0px 0px;	
list-style-type:none;
}

#twitter ul li {
font-size:9px;
margin:0px; padding:8px;
color:#000;
}


ul#sponsors {
color:#000000;
float:left;
font-size:11px;
list-style-type:none;
margin:0;
padding:0;
width:160px;
display:none;
}

ul#sponsors li {
background-color:#4F4F4F;
color:#FFFFFF;
height:63px;
margin:15px 0;
padding:0;
width:160px;
}

#pagecontent {
font-size:13px;
margin:0 10px 0 35px;
padding:10px;
}

#leftcolumn {
float:left;
margin:0 25px 0 0;
width:200px;
}
	
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}



/************************************************************/

div#contactus {
width:678px;
height:458px;
margin:30px auto 20px;
padding:0px;
background-position:top center;
background-repeat:no-repeat;
background-image:url('/wp-content/themes/oob2010/images/ContactUs.jpg');	
}

div#contactus p#contactemail {
float:left;
margin:126px 0 0 230px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}

div#contactus ul#jc {
float:left;
height:60px;
list-style-type:none;
margin:70px 0 0 195px;
padding:0;
text-align:left;
width:140px;
}

div#contactus ul#jc li { 
float:left;
margin:0 5px 0 0; !important
padding:1px;
width:27px;
height:30px; !important
}

div#contactus ul#jc li.email {
float:left; 
height:30px; 
margin:15px 0 0 55px;
width:140px; 
}

div#contactus ul#jc li.email a {
width: auto; 
display: inline; 
}



ul#aboutnav {
list-style-type:none;
width:600px;
background-color:#f6f5f5;
padding:0px;
margin:30px auto 10px;
}

ul#aboutnav li {
	float:left;
	width:150px;
	height:135px;
	margin:0px;
	padding:0px;
}

ul#aboutnav li a {
	display:block;
	width:150px;
	height:135px;
	background-position:top center;
	background-repeat:no-repeat;
}

ul#aboutnav li a.bios { background-image:url('/wp-content/themes/oob2010/images/aboutnav/bios.gif'); }

ul#aboutnav li a.charity { background-image:url('/wp-content/themes/oob2010/images/aboutnav/charity.gif'); }

ul#aboutnav li a.journey { background-image:url('/wp-content/themes/oob2010/images/aboutnav/journey.gif'); }

ul#aboutnav li a.mission { background-image:url('/wp-content/themes/oob2010/images/aboutnav/mission.gif'); }

ul#aboutnav li a:hover { background-position:bottom center; }
ul#aboutnav li a span {display:none;}

/************************************************************/

#map {
float:left;
margin:30px 40px 0 -10px;
padding:0px;
width:612px;
height:336px;
display:block;
background-position:top center;
background-repeat:no-repeat;
background-image:url('/wp-content/themes/oob2010/images/map.jpg');	
}

ul#mapads {
	float:left;
	width:180px;
	padding:0px;
margin:40px 0 0;
	list-style-type:none;
}

ul#mapads li {
padding:0px;
margin:15px 0;
width:180px;
	height:150px;
	background-color:#666;
}




/************************************************************/

div.navigation {
display:block;
height:18px;
margin:10px 0;
}
div.alignleft { float:left; }
div.alignright { float:right; }

#sidebar {
float:right;
list-style-type:none;
margin:0 5px 0 20px;
padding:0;
width:200px;
}

#sidebar ul {
	padding: 0px; 
	margin: 0px;
	list-style-type: none;
	padding-left: 15px;
}

#sidebar h2 { 
	padding:0px; margin:0px; 
	font-size:13px;
}
	
#sidebar.blogs {
margin:30px 5px
}

#sidebar.blogs ul li {
margin:0px 0px 5px;
font-size:10px;
}

#sidebar.blogs ul li ul li {
margin:0px 0px 1px;
}

	
#sidebarhome {
float:left;
list-style-type:none;
margin:0 20px 0 5px;
padding:0;
width:180px;
}

#sidebarhome ul {
padding:0px; margin:0px;
list-style-type:none;
}

#sidebarhome h2 { 
	padding:0px; margin:0px; 
	font-size:13px;
}
	
.small { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.tinylink, .tinylinktwit {
font-family:Verdana,Geneva,sans-serif;
font-size:8px;
font-weight:bold;
margin:0;
padding:0;
color:#000;
}

.tinylinktwit {
font-size:10px;
font-weight:bold;
margin:0 0 0 8px;
text-decoration:underline;
}

.post {
	background:url('/wp-content/themes/oob2010/images/blogline.jpg') bottom center no-repeat;
margin:0;
padding:0 0 7px;
}

.blogs .h3 .a
{
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:blue;
}

.postmetadata {
	background:url('/wp-content/themes/oob2010/images/blogfooter.jpg') repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding:13px;
	line-height:13px;
}
	
#footer {
background-image:url('/wp-content/themes/oob2010/images/footer2.jpg');
background-position:center top;
background-repeat:no-repeat;
font-size:10px;
height:256px;
margin:0px auto;
padding:0;
text-align:center;
	width:1070px;
}

#footnav {
	margin:0px; padding:0px;
	height:180px;
	display:block;
}

#footnav #beijing {
display:block;
float:left;
height:55px;
left:308px;
position:relative;
top:16px;
width:160px;

}
#footnav #beijing a {
background-image:url('/wp-content/themes/oob2010/images/buttons/beijing.png');
background-position:center top;
background-repeat:no-repeat;
display:block;
height:55px;
margin:0;
padding:0;
width:160px;
}
#footnav #beijing a:hover {
	background-image:url('/wp-content/themes/oob2010/images/buttons/beijing_h.png');
}

#footnav #beijing span { display:none; }


#footer p {
margin:0;
padding:8px;
}

#footer a {
	font-weight:bold;
	text-decoration:none;	
	color:#000;
	text-transform:uppercase;
}

#footer a:hover { text-decoration:underline; }


/* ======================================= */
/*  Added by SKATE to fix main page layout */
/* ======================================= */

div#videoarea {
	margin:15px 0px 20px 0px ;
	padding:10px;
}


#sidebarhome {
	position: relative;
	float: left;
	width: 180px;
	height: 390px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 10px;
	list-style-type: none;
}

#sidebarhome h2 {
	position: relative;
	top: 8px;
	left: -5000px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	z-index: -1;
}

#latestvideo {
	float:left;
	height:389px;
	left:-8px;
	margin: 15px 10px 0 0;
	position:relative;
	text-align:left;
	width:425px;
}

#latestvideo b {
	position: relative;
	top: 5px;
	left: -5000px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	z-index: -1;
}

#welcome {
	display: none;
}

#twitter {
	background:url(http://vancouver2010.olympicsorbust.com/wp-content/themes/oob2010/images/twitterheader.jpg) center top no-repeat;
	float:left;
	height:425px;
	margin-left:18px;
	margin-right:14px;
	margin-top: 20px;
	margin-bottom: 5px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:174px;
}

#twitter h3.twittertitle {
	display: absolute;
	width: 100%;
	height: 47px;
	margin-top: -10px;
}

#twitter h3.twittertitle a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
}

#twitter ul {
	height: 368px;
	list-style-type:none;
	margin: 0;
	/* margin-top: 22px; */
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	padding:0;
}

#twitter ul li  {
	font-size: 11px;
}

#twitter ul li span {
	display: inline;
	font-size: 9px;
}

#twitter ul li a {
	color: Orange;
	display: block;
}

#twitter ul li span a {
	color: Gray;
	display: inline;
	font-size: 9px;
}

#twitter ul li span a:hover {
	color: Blue;
}

.tinylinktwit {
	background-color: #A8D3F1;
	position: relative;
	left: -10px;
	width: 150px;
	margin-top: -30px;
	padding-left: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	z-index: 10;
}

#blogupdates {
	background:url(http://vancouver2010.olympicsorbust.com/wp-content/themes/oob2010/images/blog_bkg.jpg) left top no-repeat;
	float:right;
	position:relative;
	width:675px;
	height:425px;
	margin:20px 16px 30px 0;	
}

#blogupdates h3.blogupdatestitle {
	display: block;
	position: relative;
	height: 51px;
	line-height: 38px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-size: 0px;
	vertical-align: middle;
	background:url(http://vancouver2010.olympicsorbust.com/wp-content/themes/oob2010/images/ourblogheader.jpg) left top no-repeat;
}

#blogupdates h3.blogupdatestitle a {
	font-size: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

ul#blogposts {
	background-color: transparent; /* #A3C3DA; */
	color: Gray; /* #FFFFFF; */
	font-size: 12px; /* 10px; */
	list-style-type:none;
	margin:0;
	padding:10px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 341px;
}

ul#blogposts li {
	margin-bottom: 8px;
	margin-right: 15px;
	padding:0;
}

ul#blogposts li b {
	padding-bottom: 10px;
	padding:0;
}

ul#blogposts li a {
	font-size: 12px;
	text-decoration: underline;
	color: Blue;
}

ul#blogposts li a:hover {
	font-size: 12px;
	text-decoration: underline;
	color: Green;
}

ul#videoright li {
	height:99px;
	margin:0 0 25px;
	width:236px;
}

ul#sponsors {
	color:#000000;
	float:left;
	font-size:11px;
	list-style-type:none;
	margin:0;
	padding:0;
	width:160px;
	position: relative;
	top: -4px;
	display: none;
}

ul#sponsors li {
	background-color:#4F4F4F;
	color:#FFFFFF;
	height:75px;
	margin:15px 0;
	padding:0;
	width:238px;
}

ul#joincommhome {
	float:left;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	height: 32px;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	width:160px;
	position:relative;
	top: 24px;
}

ul#joincommhome li {
	margin:0;
	padding:0;
	width: 32px;
	height: 32px;
	margin-left: 15px;
	position: relative;
}

ul#joincommhome li a {
	margin:0;
	padding:0;
	width: 32px;
	height: 32px;
	position: relative;
}

ul#joincommhome li a img {
	width: 32px;
	height: 32px;
}

ul#joincommhome li.orcontact {
	float:left;
	height:auto;
	padding:10px;
	position:relative;
	top:-10px;
	width:120px;
}

ul#joincommhome li.orcontact a {
	display:inline;
	padding:10px 10px 10px 5px;
	width:auto;
}

#advert {
	display: block;
	position: absolute;
	top: 40px;
	right: -70px;
	height: auto;
	width: 125px;
}