/*
Theme Name: One Percent for the Planet
Theme URI: http://onepercentfortheplanet.org
Description: Custum theme for One Percent for the Planet
Author: Core Industries -        http://core-industries.com

*/

/* RIBBON */

.ribbon {
 font-size: 16px !important;
 padding: 10px 0;
 margin: 0;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. 
 I've used em's to position each element for scalability. 
 If you want to use a different font size you may have to play with the position of the ribbon elements */
 border: 1px solid #DBE5E8; /* #C9C5C3; */
 width: 100%;
 position: relative;
 background: white; /* #A39C98 */
 color: #2B92CC;
 text-align: center;
/*  padding: 1em 2em;  */
 /* margin: 2em auto 3em; */ /* Based on 24px vertical rhythm. 
 48px bottom margin - normally 24 but the ribbon 'graphics' 
 take up 24px themselves so we double it. */
 z-index:1;
 top: 33px;
}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
/*  border: 1.5em solid #986794; */
 z-index: -1;
}
/* .ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
} */
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #38474C transparent transparent transparent; /* #595553 */ 
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 16px 0 0 11px;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 16px 11px 0 0;
}

/* PETITION FORMS */

input, textarea, select {
	border: solid 1px #E5E5E5;
	color:#49413B;
	margin:1px;
	padding:4px 3px;
  font: normal 13px/100% Verdana, Tahoma, sans-serif; 
}

input:hover, textarea:hover, select:hover {border-color: #C9C9C9;}
input:focus, textarea:focus, select:focus {border-color: #2C6DA0;}

.button {
    padding: 6px 36px;
    display: inline;
    border: solid 1px #0067AC;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.3em;
    background: #1580BC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: Helvetica,Arial,sans-serif;
    background: -moz-linear-gradient(center top , #2B92CC, #1580BC) repeat scroll 0 0 transparent;
}
.button:hover { 
		background: none repeat scroll #2B92CC;
		border: solid 1px #0067AC;
}
.button:active {
		background: none repeat scroll #2B92CC;
    background-position: 0 top;
    position: relative;
/*     top: 1px; */
    padding: 7px 36px 5px;
}

.box:after {
border: 1px solid #B2ADAB;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.box:before {
border: 1px solid #FFFFFF;
bottom: 1px;
content: "";
left: 1px;
position: absolute;
right: 1px;
top: 1px;
z-index: -1;
}
.box {
background: #D6EDF7;
background: -moz-linear-gradient(#F2F2F2, #E2DEDC);
height: 240px;
width: 502px;
top: -12px;
padding: 12px;
margin-left: 12px;
position: relative;
z-index: 0;
}

.insidebox_left {
	margin: 0;
	padding: 0 5px 0 0;
	height:140px;
	float: left;
	border-right: 1px solid #C9C9C9;
}

.insidebox_right {
  margin-top: 45px;
}

/* TYPOGRAPHY AND COLORS*/

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

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

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

p {
font-size:12px;
line-height : 18px;
margin : 10px 0 0 0;
}

a {
color : #0166aa;
text-decoration : none;
}

img{
	border:none;
}

a:hover {
color : #49413b;
}


h1{
font-family:Georgia, "Times New Roman", Times, serif;
color : #0166aa;
font-size : 24px;
font-weight : bold;
}

h2{
font-size:12px;
font-weight:bold;
color:#333333;
text-align:left;
padding:0 5px 5px 5px;
border-bottom:10px solid #fff;
}




/* HEADER */

#header {
width : 910px;
margin : 0;
padding : 0;
background : url('/img/header_background.gif') no-repeat top left;
*background : url('/img/blog/header_background_blog_pc.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 {
margin : 0 0 0 0;
padding : 0;
border : 0;
float : right;
text-align : right;
}

#search{
	margin:20px 0;
	text-align:right;
}

	
#searchsubmit{
	margin:0 0;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
	
	
	
	
/* STRUCTURE */	

#container {
width : 910px;
*width: 912px;
margin : 60px auto 0px auto;
padding : 0;
background : #fff url('/img/right_gradient.gif') repeat-y top right;
position:relative;
border:0;
}

#onePercentContainer {
width : 900px;
*width:902px;
margin : 4px 0;
padding : 17px 0 20px 0;
border-top : 1px solid #685c53;
border-right : 0;
border-bottom : 1px solid #685c53;
border-left : 0;
position: relative;
background-color : #fff;
}

/* LEFT COLUMN ELEMENTS */

.left_column{
width:154px;
*width:153px;
background-color:#fff;
padding:0;
border:0;
border-right:1px solid #685c53;

margin:30px 0 30px 0;

}

#categoriesContainer{
	width:125px;
	background-color:#ebebeb;
	margin:0 15px 0  15px;
	padding:1px 0 0px 0;
}

#categoriesContainer li{
	border-bottom:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#nav_icon{
	width:125px;
	margin-left:15px;
	margin-top: 0px;
	padding: 0 0 23px 0;	
}

#nav_icon img{
	padding: 3px 0;
	
}
li.cat-item{
	padding:3px 5px 3px 10px;
}


li.cat-item a{
	color:#919191;
	font-weight:normal;
}

li.cat-item a:hover{
	color:#0166aa;
}

#badge p{
	text-align: center;     
	padding: 0px 15px 0px 15px;
	margin: 0px;
}  


/* CENTER COLUMN ELEMENTS */

.center_column{
width:588px;
margin:0 0;
padding:0 ;
background:#fff;
border:0;
}

#title{
	padding:0 20px 0 10px;
}

#content{
width:548px;
margin:30px 0 5px 0;
padding:0 20px 0 20px;
border:0;
text-align:left;

}

#article_divider{
width:550px;
height:1px;
border-bottom:1px #665c53 dotted;
margin:20px 0;
}


/* RIGHT COLUMN ELEMENTS */

.right_column{
width:154px;
*width:153px;
background-color:#fff;
text-align:center;
padding: 0px 0 0 0;
border:0;
border-left:1px solid #685c53;
}

#rss p{
	text-align: center;     
	padding: 0px 15px 0px 15px;
	margin: 0px;
}  

#rss p a{
    padding: 2px;
}

#archives{
	width:125px;
	background-color:#ebebeb;
	margin: 10px 15px 0px 15px;
	padding:1px 0 0px 0;
}    

#archives a{
	color:#919191;	
}

#archives a:hover{
	color:#0166aa;	
}

#archives li{
	text-align:left;
	padding:3px 5px;
	border-bottom:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;

}

#feed{
	width:125px;
	margin: 10px 15px 0px 15px;
	padding:1px 0 0px 0px;
}  

#feed p{
	text-align: left;     
	font-size : 9px;
	color : #49413b;
	padding:0px 0 0px 5px;
}  

#feed h1{
	font-size:12px;
	font-weight:bold;
	width:120px;
	color:#333333;
	text-align:left;
	background-color:#ebebeb;
	margin: 20px 0px 0px 0px;
	padding:15px 0px 3px 5px;
	border-bottom:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#feed a{
    color:#919191;    
}

#feed a:hover{
    color:#0166aa;
}

#bookmarks{
	height: 30px;
	position: relative;
	padding: 0;
	margin: -5px 0px 20px 0px;

}



#add_this {
	position: absolute;
	margin: 0px 20px 0px 0px;
	padding-top: 3px;

}

#trackback{
	position: absolute;
	margin: 0px 20px 0px 215px;
	padding-top: 4px;
}

#trackback a {

	color: #49413B;
}

#emailPost{
	position: absolute;
	margin: 0px 20px 0px 280px;

}

#emailPost a{
	
	color: #49413B;
	
}


#tags {
	position: absolute;
	margin: 15px 0px ;

}

#tags p{
	padding: 0px 0px 0px 1px;
	
}
/* FOOTER */

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

#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 : 165px;
color : #005a8c;
margin : 0;
padding : 0;
border : 0;
float : right;
}

#footerShadow {
width : 910px;
height : 7px;
margin : 0;
padding : 0;
border : 0;
background : url('/img/footer_gradient.gif') no-repeat bottom right;
}