/* CSS Document 

Marriage Equality Rhode Island 
CSS v.2.0, Fall 2009
http://www.marriageequalityri.org
designed and coded by: Jessie Rauch, http://design.jessierauch.com


All rights reserved. This CSS may not be duplicated for any purpose.
*/

/*
1. Universal Declarations
2. Structure
3. Navigation
4. Headers
5. Text Styles
6. Forms
7. Images
8. Buttons
9. Zazzle Store
*/

/* Universal Declarations
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td  {
		margin: 0;
		padding: 0;
	}	
ul {
		list-style-type: none;
	}
* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
	}	
:link img {
		border: none;
	}
* img {
		border: none;
	}	
a img {
		border: none;
	}	
:link img, :active img {
		border: none;
	}
fieldset {
	border:none;
	}
a:active {
  outline: none;
}

	
/* Structure
----------------------------------------------------------------------------- */
html { 
		background:#0e4b78 url(../images/site/bg.jpg) repeat-x left top;
		
	}
body {
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:2.4em;
	color:#333;
	padding-top:1em;
	text-align: center;
	}
#header {
		width:940px;
		/*height:116px;*/
		margin: 0 auto;
		text-align: left;
		background: url(../images/site/bg-top.png ) no-repeat left top;
}
.tagline {
	padding:68px 0 0 72px;
	width:216px;
	font-style:italic;
	color:#999;
	font-size:1.3em;
	float:left;
}
.logo {
		padding:48px 0 0 84px;
		float:left;
}
.fact {
		padding:58px 72px 0 0;
		width:216px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#999;
		font-size:1.2em;
		line-height:1.5em;
		float:right;
}
#homenav {
		background: url( ../images/site/bg-nav_home.png ) no-repeat left top;
		width: 1021px;
		height: 155px;
		margin-left: -41px;
}
#homenav p {
		color:#333;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:24px;
		padding-left:113px;
		padding-right:36px;
		width:554px;
		float:left;
}

#nav {
		background: url( ../images/site/bg-nav_sub.png ) no-repeat left top;
		width: 1021px;
		height: 132px;
		margin-left: -41px;
		/*position:absolute;*/
}
#wrapper {
		width:940px;
		margin: 0 auto;
		text-align: left;
		background: url( ../images/site/wbg.png ) repeat-y left top;
}
#content {
		width:816px;
		background: url( ../images/site/bg_content.png ) repeat-y left top;
		padding-left:72px;
		padding-right:48px;
		padding-top:24px;
		font-size:1.5em;
}
#footlip {
		width:816px;
		height:12px;
		background: url( ../images/site/bg-lip.png ) repeat-y left top;
		padding-left:72px;
		padding-right:72px;
}
#footer {
		width:816px;
		background: url( ../images/site/bg-footer.png ) repeat-y left top;
		padding-left:72px;
		padding-right:72px;
}
#bottom {
		width:816px;
		height:153px;
		background: url( ../images/site/bg-bottom.png ) no-repeat left top;
		padding-left:72px;
		padding-right:72px;
}
.main {
		/*width:548px;
		padding-right:12px;*/
		width:492px;
		padding-right:36px;
		
		float:left;
}
.sidebar { 
		float:right;
		width:200px;
		margin-left:12px;
		margin-top:12px;
		padding:12px;
		border:12px #ccecef solid;
		background: #e2f7f9;
		font-size:12px;
		line-height:18px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#666;
}
.clr {
		clear:both;
}

.spacer {
		height:24px;
		clear:both;
}
.spacer8 {
		height:8px;
		clear:both;
}
.spacer12 {
		height:12px;
		clear:both;
}
.line {
		border-top:1px solid #eee;
		padding-bottom:23px;
		clear:both;
}
.btmcol {
		/*width:264px;
		padding-right:24px;*/
		width:228px;
		padding-right:54px;
		float:left;
		font-size:1.3em;
		line-height:1.8em;
}

.adcol {
		/*width:216px;*/
		width:228px;
		
		float:left;
		font-size:1.3em;
		line-height:1.8em;
}
img.right { 
    float: right; 
    margin: 9px; 
}



/* Navigation
----------------------------------------------------------------------------- */
ul.mainnav {
		text-align:center;
		padding-top:12px;
		padding-left:90px;
}
ul.mainnav li {
		display:inline;
}
ul.mainnav li a {
		outline-style:none;
		outline-width:0;
}
li#work {
		width:131px;
		height:68px;
		display:block;
		text-indent:-9000px;
		background: url( ../images/site/mainnav/our_work.png ) no-repeat scroll left top;
}
li#learn {
		width:98px;
		height:68px;
		display:block;
		text-indent:-9000px;
		background: url( ../images/site/mainnav/learn.png ) no-repeat scroll left top;
}
li#people {
		width:106px;
		height:68px;
		display:block;
		text-indent:-9000px;
		background: url( ../images/site/mainnav/people.png ) no-repeat scroll left top;
}
li#getinvolved {
		width:161px;
		height:68px;
		display:block;
		text-indent:-9000px;
		background: url( ../images/site/mainnav/get_involved.png ) no-repeat scroll left top;
}
li#blog {
		width:87px;
		height:68px;
		display:block;
		text-indent:-9000px;
		background: url( ../images/site/mainnav/blog.png ) no-repeat scroll left top;
}
li#work:hover, li#learn:hover, li#people:hover, li#getinvolved:hover, li#blog:hover {
		background-position: 100% -68px;
}
li#work.current, li#learn.current, li#people.current, li#getinvolved.current, li#blog.current {
		background-position: 100% -68px;
}
li#search {
		margin-top:18px;
		margin-left:24px;
		background-color:#f4e09a;
}

ul.utility li{
		display:inline;
		padding-right:12px;
		margin-right: 12px;
		border-right: 1px solid #CCC;
		font-size: 1.1em;
}
ul.utility li a {
		color:#6a4a3d;
}
ul.utility li a:hover {
		color:#cd333f;
}
ul.utility li:last-child {
		margin:0;
		padding:0;
		border:none;
}
.subsub  {
		background-color:#f4e09a;
		border-bottom:1px solid #e6d293;
		border-top:1px solid #e6d293;
		padding: 12px;
}
ul.ss li a {
		display:block;
		color:#6a4a3d;
		border-top:1px solid #f4e09a;
		border-bottom:1px solid #e6d293;
		line-height:24px;
}


ul.ss li:first-child a {
		border-top:1px solid #e6d293;
}
ul.ss li a:hover {
		/*color:#cd333f;*/
		border-top:1px solid #ac936b;
		border-bottom:1px solid #ac936b;
		background-color:#e6d293;
		margin-left:-12px;
		padding-left:12px;
		padding-right:12px;
		margin-right:-12px;
}
ul.ss li.current a {
		color:#cd333f;	
}
/* Headers
----------------------------------------------------------------------------- */
h1 {
		width:173px;
		height:64px;
		background: url( ../images/site/meri.png ) no-repeat left top;
		text-indent: -9000px;
}
h1:hover {
		background-position:100% -64px;	
}
h1 a {
		width:173px;
		height:64px;
		display:block;
}
h2 {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:1px;
		font-size:16px;
		color:#cd333f;
}


h2 a{
		color:#cd333f;	
}

h2 a:hover {
		color: #6a4a3d;	
}

/* Text Styles
----------------------------------------------------------------------------- */
.copyright {
		width:336px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#6a4a3d;
		font-size:1em;
		line-height:1.2em;
		float:left;
}
.btm2 {
		width:336px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#6a4a3d;
		font-size:1em;
		line-height:1.2em;
		text-align:right;
		padding-right:24px;
		float:right;
}

p {
		padding-bottom:24px;	
}
p.metadata {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#666;
		font-size:0.8em;
		padding-bottom:0;
}
p.forminfo {
		padding-left:172px;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#666;
		font-size:0.8em;
		padding-bottom:0;
}
p a, ul.actions a, ul.footnotes a, ul.faq a {
		color:#00a0b0;	
}
p a:visited, ul.actions a:visited, ul.footnotes a:visited, ul.faq a:visited {
		color:#0e4b78;	
}
p a:hover, ul.actions a:hover, ul.footnotes a:hover, ul.faq a:hover {
		color:#cd333f;	
}
#bottom p,
.sidebar p,
.btmcol p {
		padding-bottom:12px;	
}
.adcol p {
		padding-bottom:14px;
}
.posted {
		text-transform: capitalize;
}
div.commentform {
		width:100%;
		background-color:#fdfaeb;
		padding:12px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
}
p.commentheader {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		padding-bottom:12px;
		border-bottom:1px dotted #CCC;
		margin-bottom:12px;
}
p.commentheader a {
		color:#333;
		text-decoration:underline;
}
p.commentheader a:hover {
		color:#cd333f;
}
div.commentbody {
		width:100%;
		padding:12px;
		border-top: 1px solid #CCC;
		margin-bottom: 24px;
}
div.yellow {
		background-color:#fdfaeb;
}
div.grey {
		background-color:#f6f6f6;
}	
ul.icons li a img {
		margin-bottom: -8px;
		padding-right: 8px;
}
ul.icons li {
		padding-bottom:12px;
}
ul.icons li a {	
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		display:block;
		height:24px;
		color:#00a0b0;
		size: 11px;
}
ul.icons li a:hover {
		background:#f4ecd0;
		color:#cd333f;
}
/* Forms
----------------------------------------------------------------------------- */
label {
		width:160px;
		text-align:right;
		display:block;
		float:left;
		padding-right:12px;
}
label.donate {
		width:auto;
		text-align:left;
		display:inline;
		padding-left:12px;
		float:none;
}
input, select {
		border: 1px solid #CCC;
		background-color:#efefef;
		padding:3px;
}
textarea {
		width: 288px;
		color: #333;
		border: 1px solid #CCC;
		background-color:#efefef;
		padding:3px;
		font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:12px;
}
textarea.terms {
		font-size: 11px;
}
textarea.large {
		width: 540px;
}

input:hover, select:hover, textarea:hover {
		background-color:#fdf9eb;
}
input:focus, select:focus, textarea:focus {
		background-color:#fdf9eb;
		border-top: 2px solid #999; 
		border-left: 2px solid #999; 
		border-right: 2px solid #efefef; 
		border-bottom: 2px solid #efefef;
		padding-top:2px;
		padding-left:2px;
}

.search {
		background-color:#f4e09a;
		margin-right:2px;
		padding:2px;
		border-top:2px solid #ac936b;
		border-left:2px solid #ac936b;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
}
.search:focus {
		background-color:#e6d293;
}
.news {
		background-color:#fdf9eb;
		margin-right:2px;
		padding:2px;
		width: 150px;
		border-top:2px solid #ac936b;
		border-left:2px solid #ac936b;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
}
.news:focus {
		background-color:#e6d293;
}
.removebtn {
		margin-left:172px;	
		background: url( ../images/site/remove_btn.gif ) no-repeat left top;
		text-indent:-9000px;
		width:203px;
		height:24px;
		border:none;
}
.submitbtn {
		background: url( ../images/site/buttons/submit_btn.gif ) no-repeat left top;
		text-indent:-9000px;
		width:62px;
		height:24px;
		border:none;
}
.searchbtn {
		background: url( ../images/site/buttons/search.gif ) no-repeat left top;
		text-indent:-9000px;
		width:62px;
		height:24px;
		border:none;
}
.submitbtn:hover, .searchbtn:hover, .removebtn:hover {	
		background-position:100% -24px;
}
.submitbtn:focus, .searchbtn:focus, .removebtn:focus {	
		background-position:100% -48px;
		border:none;
}
p.donatestripe {
		background-color:#FFF;
		padding-bottom:12px;
		padding-top:12px;
		padding-left:12px;
		border-bottom:1px solid #FFF;
}
p.donatestripe:hover {
		background-color:#fdfaeb;
		
}
div.formcoll {
		width:228px;
		padding-right:12px;
		float:left;
}
div.formcolr {
		width:228px;
		padding-left:12px;
		float:right;
}

/* Images
----------------------------------------------------------------------------- */
img.gallery {
		float:left;
		padding-top: 6px;
		padding-right: 18px;
		padding-bottom: 12px;
}
.galleryentry {
		width:228px;
		float:right;
}
.galleryentry blockquote {
		font-size:0.8em;
		line-height:1.4;
		font-style:italic;
		color:#666;
}
.name {
		text-transform:capitalize;		
}

img.sbfriends {
		/*width:203px;
		height:141px;*/
		padding:13px;
		background: url( ../images/site/sidebar_frame.jpg ) no-repeat left top;	
}
img.largephoto {
		/*width:203px;
		height:141px;*/
		margin-left:-24px;
		padding:28px 24px 30px 24px;
		background: url( ../images/site/photobg2.jpg ) no-repeat left top;	
}
.adcol img {
		border:1px solid #999;	
}
.adcol img:hover {
		border:1px solid #000;	
}


/* Buttons
----------------------------------------------------------------------------- */
a.donatebtn {
		display:block;
		text-indent:-9000px;
		width:228px;
		height:24px;
		background: url( ../images/site/buttons/donate228.gif ) no-repeat left top;
}
a.shopbtn {
		display:block;
		text-indent:-9000px;
		width:228px;
		height:24px;
		background: url( ../images/site/buttons/shop228.gif ) no-repeat left top;
}
a.donatebtn:hover, a.shopbtn:hover {	
		background-position:100% -24px;
}
a.donatebtn:focus, a.shopbtn:focus {	
		background-position:100% -48px;
}
div.bod img {
		float: left;
		padding: 8px 24px 12px 0;
		
}


/* Home photo rotation
----------------------------------------------------------------------------- */
#hpbg {
	background: url( ../images/site/homephoto.jpg ) no-repeat left top;
	width:580px;
	height:400px;
	margin-left:-24px;
	margin-top:-12px;
	padding-top:29px;
	padding-left:35px;
	position:relative;
}
#homephotos {
	width:509px;
	height:340px;
	overflow:hidden;
	position:relative;
}
#homephotos img {
	width:509px;
	height:340px;
	/*margin-left:35px;
	margin-right:36px;*/
}
#homephotos .items {
	width:20000em;
	height:340px;
	position:absolute;
	clear:both;
	overflow:hidden;
}
.stripe {
	padding:12px;
	height:60px;
	width:485px;
	position:relative;
	z-index:500;
	background: url( ../images/site/home/aboutstripe.png ) repeat-x left top;
	left:0px;
	top:252px;
	
}
.stripe p {
	color:#fff;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	width:340px;
	float:left;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin-right:24px;
	margin-top:6px;
}


/* Fix for Mozilla browsers for floating elements...best not touch this! */
.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 */