/*  
Theme Name: Mountains
Theme URI: http://www.ilovemountains.org/
Description: The custom theme for ilovemountains.org
Author: Jeff Kramer/Polycot Consulting
Edits to code made by ilovemountains.org staff
*/



/*
body { color: #666; font-family: arial,helvetica,sans-serif; padding: 0px; margin: 0px; text-align: center; background-image: url(/images/background.gif); 
*/
body { color: #666; 
	font-family: arial,helvetica,sans-serif; 
	padding: 0px; 
	margin: 0px; 
	text-align: center; 
	background-repeat: repeat-x;
	}

#wrapper {
	width: 970px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: #fff;
	}

/* --- for Navigation styles look in main css folder navigation.css --- */


#sidenav {
	float: right;
	background: url(/images/sidenav.background.gif);
	background-repeat: repeat-y;
	width: 194px;
	margin: 0;
	padding-top: 10px;
	color: #333333;
	font-family: Georgia, serif;
	font-size: .8em;
	line-height: 1.2em;
	padding-bottom: 10px;
	}
	
	
#sidenav p {
	margin-top: 0px;
	margin-left: 25px;
	margin-right: 15px;
	margin-bottom: 5px;
	}
	
	
	
#contentwide {
	padding: 2px;
	}
	
#contentwide .logo {
	float: left;
	}
	
	
#contentarea {
	width: 954px;
	background-color: #fff;
	margin: 0px;
	padding: 8px;
	}
	
#contentarea p {
	padding: 5px;
	margin: 5px;
	}
	
#contentarea p {
	font-family: arial, helvetica, san-serif;
	font-family: Georgia, serif;
	color: #333333;
	padding: 5px;
	margin: 5px 5px 10px 5px;
	font-size: .825em;
}

#contentarea h2 {
	font-family: arial, helvetica, san-serif;
	color: #000;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 4px;
	font-size: 1.2em;
	}
	
.appended {text-transform:none; font-weight:normal; font-size:1.0em;}


#contentarea h2 a:hover, a:active, a:visited, a {
	text-decoration: none;
	}

#contentarea h3 {
	font-family: arial, helvetica, san-serif;
	color: #669933;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.05em;
	}
	
	
	
#contentarea h4 {
	font-family: Georgia, serif;
	color: #333333;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.1em;
	}

#contentarea h5 {
	font-family: Georgia, serif;
	color: #333333;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 1.2em;
	}

#contentarea td {
	font-family: arial, helvetica, san-serif;
	font-family: Georgia, serif;
	color: #333333;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: em;
}

#contentarea a {
	color: #006699;
	text-decoration: none;
	}

#contentarea a:hover {
	color: #006699;
	text-decoration: underline;
	}
#contentarea img {
	border: 0;
	}
	
#contentarea ul {
	font-family: arial, helvetica, san-serif;
	font-family: Georgia, serif;
	color: #333333;
	font-size: .825em;
	padding: 0px;
	padding-left: 20px;
}

#contentarea li {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
	
#map_canvas {
	width: 760px;
	height: 500px;
	float: left;
	margin-left: 3px;
	border: 2px solid #333;
	}

#connection_bar {
	width: 720px;
	float: left;
	margin-left: 5px;
	border: 1px solid #333;
	padding: 5px;
	background-color: #EEEEEE;
	}

.cleaner {
    clear: both;
	}
	
#bottombar {
	background-color: #006699;
	text-align: center;
        margin-left: auto;
        margin-right: auto;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.3em;
	}
	
#bottombar p {
	margin: 4px 0px 4px 0px;
	}
	
#bottombar a {
	color: #91c8f6;
	}
	
#bottombar a:hover {
	color: #fff;
	}
	
#bottombar a:active, #bottombar a.selected {
	color: #91c8f6;
	}
	
#leftcol {
	padding: 9px;
	float: left;
	width: 355px;
	}

#rightcol {
	padding: 9px;
	float: right;
	width: 355px;
	}
		
#comment {
	width: 500px;
	}
#flickrfeed {
	float: right;
	width: 150px;
	border: 1px #dedede solid;
	background-color: #efefef;
	text-align: center;
	line-height: 1.5em;
	padding: 5px;
	margin-left: 15px;
	font-size: .9em;
	}
#flickrfeed h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
	}
#flickrfeed ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	text-align: left;
	line-height: 1.2em;
	font-size: .9em;
	}
#flickrfeed li {
	margin-bottom: 4px;
	list-style: none;
	}	
#flickrfeed img {
	padding-bottom: 2px;
	}
	
.listtext {
	font-family: arial, helvetica, san-serif;
	font-family: Georgia, serif;
	color: #333333;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: em;
}

.memlisttext {
	font-family: arial, helvetica, san-serif;
	font-family: Georgia, serif;
	color: #333333;
	margin-top: -5px;
	margin-bottom: 0px;
	font-size: .825em;
	padding: -5px;
	padding-left: -15px;
}

.memlisttext li {
	padding-bottom: 1px;
	list-style: disc;
}

#rightmenu {
	border: 0px solid #666666; 
	background: url(/images/GoogleMaps_FadedFlag.jpg) top left no-repeat;
	margin-left: 10px;
	margin-top: 20px;
	list-style: none;
	font-size: 0.985em;
	}

#rightmenu ul {
	list-style: none;
	font-size: .9em;
	margin-left: 0px;
	}

#mem_menu {
	border: 0px solid #666666; 
	margin-left: 10px;
	margin-top: 10px;
	list-style: none;
	font-size: 0.85em;
	}

#mem_menu ul {
	list-style: none;
	font-size: .8em;
	margin-left: 0px;
	}

#mem_menu li {
	list-style: none;
	margin-bottom: -2px;

	}

/*blockquote {
	border: 1px dashed #333;
	margin-left: 60px;
	margin-right: 60px;
	padding: 15px;
	background: #CCEE99;
	color: #666;
	font-family: arial,helvetica,sans-serif;

}*/

tbody {
	font-size: 14px;
	line-height: 16px;
	font-family: Arial, Helvetica, san-serif;
	}


label {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333;}



/* --------------- Spread the Word styles --------------- */

#bloggerstable {border: 1px black solid; float: left; padding: 5px 5px 5px 5px; background-color: white;}
#bloggerstable a {font-family:Arial, Helvetica, sans-serif;font-size:11px; line-height:13px; color:#069; text-decoration:none;}
#bloggerstable a:hover {color:#936;}
#bloggerstable p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:0px; font-weight:bold;}
#bloggerstable .font {font-size:10px;}

#bloggersmap {float: right ; position: relative; width: 615px; border: 1px black solid; padding: 0px 5px 5px 5px; background-color: white;}
#bloggersmap td {padding: 8px;}
#bloggersmap td.arrow {padding-left:25px; background:url(../images/bloggers_challenge_sidearrow.jpg) left center no-repeat;}


/* --------------- other styles --------------- */

#container1 {float: left; width: 650px; padding: 0px 10px 10px 10px;}
#container1 p {margin-left:30px; margin-right:30px; line-height:20px; font-size:13px;}
	
.container2 {float: right ; width: 250px; border-left: 1px #555 solid; border-right: 3px #000 solid; border-bottom: 3px #000 solid; background-color:#0099CC; padding: 10px 10px 10px 10px; margin-top:-25px; margin-right:30px; background:url(../images/bloggerschallenge_gradientbg.jpg) no-repeat; }
.container2 h2.container2_test {font-family: arial, helvetica, san-serif; color: #fff !important; text-transform: uppercase; padding: 0px; margin-top: 10px; margin-bottom: 4px;font-size: 18px;}
.container2 a {color:#fc6; text-decoration:none;}
.container2 a:hover {color:#333333; text-decoration:none;}
.container2 p.container2_body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; line-height:17px;}
.container2 p.container2_nav {font-family:Arial, Helvetica, sans-serif !important; font-size:14px; font-weight:bold; padding:0px; margin:3px auto 0px auto;}
.container2 p.container2_text {font-family:Arial, Helvetica, sans-serif !important; font-size:12px; color:#fff; font-weight:normal; padding: 0px 0px 0px 15px; margin:0px auto 8px 15px;}
#tab1 {width:928px; height:52px; margin:0px 0px -5px 0px; background:url(../images/bloggerschallenge_tab1.jpg) no-repeat; }
#tab2 {width:928px; height:52px; margin:0px -4px -5px 0px; background:url(../images/bloggerschallenge_tab2.jpg) right no-repeat; float: right;}
#tab3 {width:928px; height:52px; margin:0px 0px -5px 0px; background:url(../images/bloggerschallenge_tab3.jpg) no-repeat; }
a.style2 {font-family: arial, helvetica, san-serif; font-size:11px; color:#fff; font-weight:bold;}



/* --------------- Blogosphere iframe styles --------------- */

.blogpostheader { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-align:left; padding:0px 0px 0px 15px; 
				margin:0px 0px -10px 0px; background:url(../images/bloggers_challenge_downarrow.jpg) left no-repeat;}
.blogpostheader a { color:#2A6AAA; text-decoration:none;}
.blogpostheader a:hover { color:#900; text-decoration:none;}
.blogpostheader a:visited {color:#2A6AAA; text-decoration:none;}

.blogpostexerpt { font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-left:15px;}
.blogpostexerpt a { color:#333; text-decoration:none;}
.blogpostexerpt a:hover { color:#2A6AAA; text-decoration:none;}
.blogpostexerpt a:visited { color:#666; text-decoration:none;}

.blogpostdate { font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #333; text-align:right; margin:0px 5px -5px 0px;}
.keyword {font-weight:bold; color:#900;}

.bloghattiplist {background-color:#fff;}
.bloghattiplist p {font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333; font-style:italic;}
.bloghattiplist a {text-decoration:none; color:#2A6AAA; font-style:normal; font-size:11px;}
.bloghattiplist a:hover {text-decoration:none; color:#c60; border-bottom:1px dotted #c60; font-style:normal; font-size:11px;}


#sandboxcontainer {width: 900px; padding: 10px;}
#sandboxcontainer ol {margin:15px 15px 0px 15px; padding:10px;}
#sandboxcontainer ol li {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}