/* CSS Document 

http://www.marriageequalityri.org
Made exclusively for Marriage Equality Rhode Island

author: Jessie Rauch
author site: http://design.jessierauch.com

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

/*
1. Universal Declarations
2. Structure
3. Text Styles
*/

/* 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;
	}
	
/* Structure
----------------------------------------------------------------------------- */
html { 
		background:#0e4b78 url(images/site/bg.jpg) repeat-x left top;
	}
body {
		font-size: 62.5%; /*  Sets 1em to 10px */
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height:2.4em;
		color:#333;
		padding-top:3.6em;
		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;
}		
#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;
}
#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:552px;
		padding-right:12px;
		font-size:1.5em;
		float:left;
}
.sidebar { 
		float:right;
		width:203px;
		border-left:1px #eee solid;
		margin-right:24px;
		padding-left:23px;
		font-size:1.1em;
		line-height:1.8em;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color:#666;
}
.clr {
		clear:both;
}

.spacer {
		height:24px;
		clear:both;
}

.line {
		border-top:1px solid #eee;
		padding-bottom:23px;
		clear:both;
}


/* Navigation
----------------------------------------------------------------------------- */

ul.tempnav {
		border-top:3px solid #e6d293;
		border-bottom:3px solid #e6d293;
		margin-right:24px;
		font-size:1.2em;
		line-height:2.5em;
}
ul.tempnav li {
		display:inline;
		padding-right:12px;
		margin-right:12px;
		border-right:1px solid #e6d293;
}
ul.tempnav li.last {
		border:none;	
}

/* Forms
----------------------------------------------------------------------------- */
label {
		width:160px;
		text-align:right;
		display:block;
		float:left;
		padding-right:12px;
}

input {
		border: 1px solid #CCC;
		background-color:#efefef;
		padding:3px;
}
input:hover {
		background-color:#fdf9eb;
}
input:focus {
		background-color:#fdf9eb;
		border-top: 2px solid #999; 
		border-left: 2px solid #999; 
		border-right: 1px solid #CCC; 
		border-bottom: 1px solid #CCC;
		padding-top:2px;
		padding-left:2px;
}
.submitbtn {
		margin-left:172px;	
		background: url( images/site/submit_btn.gif ) no-repeat left top;
		text-indent:-9000px;
		width:62px;
		height:24px;
		border:none;
}
.submitbtn:hover {	
		background-position:100% -24px;
}
.submitbtn:focus {	
		background-position:100% -48px;
		border:none;
}
a.donatebtn {
		display:block;
		text-indent:-9000px;
		width:203px;
		height:24px;
		background: url( images/site/sidebar_donate_btn.gif ) no-repeat left top;
}
a.donatebtn:hover {	
		background-position:100% -24px;
}
a.donatebtn:focus {	
		background-position:100% -48px;
}

/* Text Styles
----------------------------------------------------------------------------- */
h1 {
		line-height:2.4em;
		font-size:1.6em;
		font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		letter-spacing:1px;
		color:#CC0000;
}
h1.friendstitle {
		text-indent:-9000px;
		background: url(images/site/meri_friends_neighbors.gif) no-repeat left top;
		width:514px;
		height:26px;
		margin-top:10px;
		padding-bottom:12px;
}
h2.register {
		text-indent:-9000px;
		background: url(images/site/register.gif) no-repeat left top;
		width:150px;
		height:17px;
		padding-bottom:7px;
}
h3.blog {
		text-indent:-9000px;
		background: url(images/site/sidebar_informed.gif) no-repeat left top;
		width:203px;
		margin-top:24px;
		height:12px;
		padding-bottom:12px;
}
h3.donate {
		text-indent:-9000px;
		background: url(images/site/sidebar_donate.gif) no-repeat left top;
		width:203px;
		margin-top:24px;
		height:12px;
		padding-bottom:12px;
}
p {
		padding-bottom:24px;
}
p a {
			
}
.tagline {
		padding:72px 0 24px 72px;
		width:216px;
		font-style:italic;
		color:#999;
		font-size:1.2em;
		line-height:1.5em;
		float:left;
}
.logo {
		padding:48px 0 0 84px;
		float:left;
}
.fact {
		padding:72px 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;
}
.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;
}
#bottom p,
.sidebar p {
		padding-bottom:12px;	
}
.amp {
		font-family: "Cooper Black", Palatino, "Hoefler Text", Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color:#666;
}
a {
		color:#00a0b0;
}
a:visited {
		color:#0e4b78;	
}
a:hover {
		color:#cc0000;	
}

