/*=========================================================== 

ShareRomans.com - Site design by The A Group - www.agroup.com

===========================================================*/


/* BASIC STYLES 
===========================================================*/

body {
	margin: 0;
	padding: 0;
	
	color: #eaddd0;
	background-color: #000;
	
	font-family: arial, helvetica, sans-serif;;
	font-size: 11px;
	line-height: 16px;
}

h1, h2 {
	display: none;
}

h3 {
	margin: 0em 0 1em;
	padding: 0;
	
	font-family: georgia, "times new roman", serif;
	font-size: 24px;
	font-weight: normal;
	font-variant: small-caps;
	color: #fff;
	text-align: center;
}

#features h3 {
	font-size: 15px;
	margin-bottom: 0;
}

h4 {
	margin: 1em 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

p {
	margin: 1em 0;
	padding: 0;
}

ul {
	margin: 1em 0;
	padding: 0 0 0 2.5em;
}

a {
	color: #fff;
}

img {
	border: none;
}



/* MAIN CONTAINERS
===========================================================*/

#container {
	width: 900px;
	margin: 0 auto;
	background: url("../images/container_bg.gif");
}

#header {
	height: 175px;
	background: url("../images/header_bg.jpg");
}

#content {
	padding: 1px 70px;
	margin: -16px 0 -16px;
	background: url("../images/container_bg.gif");
}

#copy {
	width: 208px;
	margin-right: 20px;
	float: left;
	display: inline;
	text-align: justify;
	padding: 1px 0;
}

#copy h3 {
	padding: 10px 0 10px 0;
	margin-bottom: 0px;
	background: url("../images/h3_bg.gif") left top no-repeat;
}

#clear {
	clear: both;
	float: none;
	width: auto;
	height: auto;
}

/* FEATURES
===========================================================*/


#features {
	width: 530px;
	float: left;
}

#features #links {
	margin-top: 1em;
}

#features #links div {
	width: 30.25%;
	margin: 0 1.5%;
	float: left;
	display: inline;
}

#whats_next h3, #journal h3 {
	padding: 8px 0px;
}

#share ul {
	margin: -1em 0 1em;
	padding: 0em 0 0em 1.75em;
}

#share form {
	margin: 0;
	padding: 0;
}

#share form p {
	margin: 0;
}

form input {
	width: 155px;
	padding: 1px;
	background: 000;
	color: #fff;
	border: 1px solid #504c48;
}

#send {
	margin: 1em 0 0 !important;
	text-align: right;
}

#send input, #submit {
	width: auto !important;
	border: none !important;
	padding: 0 !important;
}

#journal {
	text-align: center;
}

#john_sample {
	position: absolute;
	margin: -3em 0 0 -32px !important;
	padding: 0 !important;
	width: 225px !important;
	height: 83px !important;
	background-color: #000;
	border: 2px solid #222;
	text-align: center;
}

#john_sample h3 {
	font-size: 14px;
	margin: 0.5em 0 0 !important;
	padding: 0 !important;
	height: auto !important;
}


/* FLASH AREA
===========================================================*/

#flash {
	height: 310px;
	width: 530px;
/*	background: url("../images/flash_bg.jpg"); */
	clear: both;
	background-color: #000 !important;
}


/* FLASH MASK
===========================================================*/
#flashmask {
position:absolute;
top:-500px;
left:-500px;
}

/* FOOTER
===========================================================*/

#footer {
	height: 200px;
	background: url("../images/footer_bg.jpg");
	clear: both;
}

#footer p {
	margin: 0;
	padding: 85px 0 0 0;
	text-align: center;
	color: #7e574b;	
}

#footer a {
	color: #7e574b;	
}