/* CSS Document */
body {
font-family : Verdana, san-serif;
font-size : 11px;
color : #49413b;
margin : 0 auto;
padding : 0;
background : #dfdcd9;
}

div, h2, h3, h4, h5, h6, p, table, ul, ol, img {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, sans-serif;
}

img {
	border: 0;
}

ul {
list-style-type : none;
padding : 2px 15px 0 15px;
margin : 0;
border : 0;
}

li {
list-style-image : url('http://1percent4planet.com/images/bullet_ball.gif');
margin : auto 0 2px 30px;
padding : 0;
border : 0;
}

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

a {
color : #49413b;
text-decoration : none;
}

a:hover {
color : #49413b;
}

h1 {
color : #005a8c;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
}

h1.title {margin: 35px 0 10px 0; }
h2 {
color : #49413b;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
}

h3 {
color : #005a8c;
font-size : 9px;
font-weight : bold;
margin : 0;
padding : 0;
}

#aboutTable {
width : 300px;
margin : 10px 0 0 160px;
padding : 0;
border : 0;
}

#nextNav {
width : 200px;
margin : 20px 245px 0 245px;
padding : 0;
border : 0;
color : #49413b;
/* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0;
  /* for Mozilla */
  -moz-opacity:0;
 }

#nextNav a:link {
color : #70645c;
text-decoration : none;
}

#nextNav a:visited {
color : #49413b;
}

#nextNav a:hover {
color : #005a8c;
}

#nextNav a:active {
color : #005a8c;
text-decoration : underline;
}

#photocontainer {
width : 562px;
height : 235px;
overflow : hidden;
position : relative;
border : 0;
}

#pngcontainer {
width : 562px;
height : 255px;
overflow : hidden;
position : absolute;
top : 200px;
}

#panning {
position : relative;
top : 0;
left : 0;
}

#panningVertical {
position : relative;
top : 0;
left : 0;
}


acronym {
	cursor: help;
	border-bottom: 1px dashed #c60;
	color: #c60;
}


/* navigation
------------------------------------------------- */
#flash_nav {
width : 250px;
margin : 0;
padding : 0;
/*display:none;*/
}

#flash_nav h2 {
color : #005a8c;
background-color : #fff;
border-bottom : 0px solid #d2ebf6;
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
margin : 12px auto 5px 15px;
padding : 4px 4px 1px 4px;
}

#flash_nav h2 a:link, a:visited, a:active {
color : #7E7E7E;
text-decoration : none;
}

#flash_nav h2 a:hover {
text-decoration : underline;
}

#flash_nav ul {
margin : auto 0 8px 10px;
padding : 0;
}

#flash_nav li {
list-style-image : url('http://1percent4planet.com/images/bullet_ball.gif');
margin : auto 0 2px 30px;
padding : 0;
}

#flash_nav li a:link, a:visited, a:active {
text-decoration : none;
}

#flash_nav li a:hover {
text-decoration : underline;
}


/* STRUCTURE */	

#container {
width : 910px;
height: 100%;
margin : 40px auto 20px auto;
padding : 0;
background : #fff url('http://1percent4planet.com/images/right_gradient.gif') repeat-y top right;

}

#header {
width : 910px;
margin : 0 0 10px 0;
padding : 0;
background : url('http://1percent4planet.com/images/header_background.gif') no-repeat top left;
}

#header a {
color : #49413b;
text-decoration : none;
}

#header a:hover {
color : #49413b;
text-decoration : underline;
}

#logoContainer {
width : 840px;
border-bottom : 1px solid #685c53;
margin : 0;
padding : 14px 30px 12px 30px;
}

#logo {
width : 400px;
float : left;
margin : 0;
padding : 0;
border : 0;
}

#logo .oneLogo {
width : 145px;
height : 61px;
margin : 0 17px 0 0;
padding : 0;
}

#headerNav {
width : 360px;
margin : 0 0 0 0;
padding : 0;
border : 0;
float : right;
text-align : right;
}

#coopheaderNav {
width : 100%;
margin : 0 0 0 0;
padding : 5px 30px;
border : 0;
float : left;

}


#onePercentContainer {
width : 900px;
margin : 4px 0;
padding : 0;
border-top : 1px solid #685c53;
border-right : 0;
border-bottom : 1px solid #685c53;
border-left : 0;
background-color : #fff;

}

#onePercentContent {
float: right;
width : 575px;
margin : 15px 0 13px 0px;
padding : 0 35px;
text-align : left;
border-left: 1px solid #aaa;
}

#nav {
float: left;
width : 250px;
margin : 0;
padding : 0;
}



/* main-c (main container)
------------------------------------------------- */
	#main-c {
	position: relative;
	width: 770px;
	margin: 0 auto;
}

/* searchform
------------------------------------------------- */
#main-c #searchform {
	position: relative;
	top: 0px;
	left: 522px;
	background: #7695B7;
	color: #fff;
	width: 216px;
	padding: 4px 10px 6px 10px;
	margin: 0 0 -31px 0;
}

#main-c #searchform p {
	font-size: 10px;
	margin-top: 3px;
}

#main-c #searchform p #searchterm {
	width: 155px;
	font-size: 0.7em;
}

#main-c #searchform p #searchsubmit {
	margin-bottom: -5px;
	margin-left: 2px;
}

/* mailinglist
------------------------------------------------- */
#mailinglist {
	color: #fff;
	width: 216px;
	padding: 4px 10px 6px 10px;
	margin: 0 0 -31px 0;
}

#mailinglist p {
	font-size: 10px;
	margin-top: 3px;
}

#mailinglist p #mailinglistsubmit {
	margin-bottom: -5px;
	margin-left: 2px;
}



/* about intro blogowner
------------------------------------------------- */
#about {
	background: #cc0;
	width: 499px;
	border-left: 22px solid #BCBC00;
}

#about p {
	padding: 17px;
	font: 0.75em/1.6em Georgia, "Times New Roman", Times, serif;
}

#about h2 {
	text-transform: uppercase;
	margin: 0 0 -10px 20px;
	padding-top: 20px;
	color: #000;
	font: 0.8em Georgia, "Times New Roman", Times, serif;
}

/* content
------------------------------------------------- */
#main-c #content {
	width: 521px;
	margin: 1px 0 0 0;
	float: left;
}

#main-c #content h2, #main-c #content h3 {
	text-transform: uppercase;
	margin: 20px 30px -13px 50px;
	color: #cc0000;
	font: 0.8em Georgia, "Times New Roman", Times, serif;
}

#main-c #content h2 a:link, #main-c #content h2 a:visited {
	border-bottom: 0;
	color: #ccc;
}

#main-c #content h2 a:active, #main-c #content h2 a:hover {
	color: #c00;
}

#main-c #content h3 {
	font-size: 18px;
	color: #333;
	letter-spacing: 1px;
}

#main-c #content p {
	margin: 15px 30px 10px 50px;
	color: #333;
	letter-spacing: 0.02em;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
}

#main-c #content .tools {
	color: #c00;
	text-align: right;
	font: 0.7em Georgia, "Times New Roman", Times, serif;
}

#main-c #content .tools a:link, #main-c #content .tools a:visited {
	color: #666;
}

#main-c #content .tools a:active, #main-c #content .tools a:hover {
	color: #c00;
}



/* footer
------------------------------------------------- */

#footer {
clear: both;
width : 875px;
color : #49413b;
background : #fff;
margin : 10px 0 0 0;
padding : 17px 0 0 25px;
border-top : 1px solid #685c53;
text-align : left;
height : 35px;

border-bottom: 2px solid #6A6867;
}

#footer a {
color : #49413b;
text-decoration : none;
}

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

#footerNav {
width : 400px;
margin : 0;
padding : 0;
border : 0;
float : left;
}

#copyright {
width : 500px;
color : #005a8c;
margin : 0 35px 0 0;
padding : 0;
border : 0;
float : right;
text-align: right;
}

#onePercentHeader {
padding : 0;
border : 0;
margin : 14px 0;
/* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0;
  /* for Mozilla */
  -moz-opacity:0;
  }

#onePercentParagraph {
width : 562px;
height : 145px;
margin : 18px 25px 8px 0;
padding : 0;
overflow : auto;
position:relative;
/* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0;
  /* for Mozilla */
  -moz-opacity:0; 
border : 0;
  }

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

 single view / comment / interior page, the body id will change some styles

***************************************************************************/
#singleview #main-c #content h2 {
border-left: 30px solid #ebebeb;
margin-left: 10px;
padding-left: 10px;
font-size: 0.9em;
font-weight: bold;
}

#singleview #main-c #sidebar {
	margin-top: 3em;
}

/* comments
------------------------------------------------- */
#singleview #main-c #content .comment {
	background: #ebebeb;
	margin: 25px 20px 20px 42px;
	padding: 5px 0;
}

#singleview #main-c #content .comment p {
	margin-left: 15px;
		margin-right: 15px;
}

/* commentform
------------------------------------------------- */
#singleview #main-c #content #commentform {
	background: #bdd3ea;
	margin: 25px 20px 20px 42px;
	border: 1px solid #7695b7;
}
#singleview #main-c #commentform p {
	margin: 15px;
}

#singleview #main-c #commentform label {
	width: 100px;
	display: block;
	float: left;
	font-size: 0.85em;
	color: #999;
}

#singleview #main-c #commentform p span {
	font-size: 0.85em;
	color: #999;
}

#singleview #main-c #commentform .input {
	border: 1px solid #7695b7;
	width: 250px;
	margin-left: -40px;
	color: #666;
	font-size: 0.8em;
	padding: 2px 0 2px 2px;
}

#singleview #main-c #commentform textarea {
	border: 1px solid #7695b7;
	width: 409px;
	height: 200px;
	margin-top: -20px;
}

#singleview #main-c #commentform p.right input {
	background: #386a96;
	border: 1px solid #7695b7;
	color: #fff;
	font-weight: bold;
	width: 120px;
	height: 26px;
}

.paginate {
 font-family:		Verdana, Sans-serif;
 font-size:			10px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			12px 0 16px 4px;
 margin:			0 0 0 40px;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}