/********************
Real Weddings Maine base styles

Original 12.11.2007
Version 12.11.2007

Built by RainStorm Consulting
contact@rainstorminc.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	background: #1c170e url('../images/bg.gif') top left;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: 90%;
	color: #333;
	text-align: center;
}

a:link {
	border-bottom: 1px dotted #670840;
	color: #670840;
	text-decoration: none;
}

a:visited {
	color: #999;
	text-decoration: none;
}

a:active {
	color: #84dad6;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted #84dad6;
	color: #84dad6;
	text-decoration: none;
}

/*Use these if you apply a border-bottom to a: elements*/

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

/* end border-bottom a styles */

#container {
	width: 959px;
	margin: 23px auto 0 auto;
	background: url('../images/container_bg.gif') top left repeat-y;
	text-align: left;
}

#top-cap {
	height: 17px;
	background: url('../images/top-cap_bg.jpg') no-repeat;
}

#bottom-cap {
	height: 22px;
	background: url('../images/bottom-cap_bg.gif') no-repeat;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#branding-container {
	height: 155px;
	background: url('../images/branding/branding-container_bg.jpg') 9px 0 no-repeat;
	padding: 0 9px 0 9px;
}

/*****
2.2 Logo elements
*****/

.logo {
	float: left;
	width: 762px;
	padding: 0 0 0 13px;
}

.fp-logo {
	float: left;
	width: 131px;
}

/*****
2.3 Mainnav elements
*****/

/**********
3.0 Content Container Elements
**********/

body#blognav #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -225px;
	background: url('../images/content/content-container_bg.gif') left top repeat-y;
}

body#noblognav #content-container {
	float: right;
	width: 100%;
	margin: 0 0 0 -225px;
}

/*****
3.1 Basic elements
*****/

#content-area {
	margin: 0 0 0 225px;
	padding: 0 19px 0 10px;
	line-height: 130%;
}

#content-area p:first-child {
	margin-top: 0;
	padding-top: 0;
}

.page-top {
	padding: 0 0 24px 0;
	background: #fff;
}

body#blognav #inner-container {
	float: left;
	width: 100%;
	margin: 0 -288px 0 0;
}

body#noblognav #inner-container {
}

body#blognav #inner-content-area {
	margin: 0 288px 0 0;
}

body#noblognav #inner-content-area {
}

body#blognav #inner-sidebar {
	float: right;
	width: 263px;
	font-size: 85%;
	line-height: 150%;
}

body#noblognav #inner-sidebar {
}

.featured-intro {
	height: 109px;
	padding: 57px 136px 0 0;
	background: url('../images/content/featured-intro_bg.jpg') right bottom no-repeat;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}

.list-table td {
	padding: 6px;
	border-bottom: 1px dotted #333;
}

.row-highlight td {
	background: #eafdfc;
}

/*****
3.2 Sidebar elements
*****/

#sidebar {
	float: left;
	width: 216px;
	padding: 0 0 0 9px;
	background: url('../images/sidebar/sidebar_bg.gif') 9px 0 no-repeat;
}

#sidebar p {
	text-align: center;
}

.sidebar-email {
	margin: 0;
	padding: 23px 15px 0 0;
}

.sidebar-fpmaine-logo {
	padding: 60px 0 0 0;
}

/**
3.3 Main nav elements
**/

p.main-nav {
	margin: 3px 0 0 0;
	padding: 0;
	text-align: left !important;
}

.main-nav img {
	padding: 0 0 4px 0;
}

/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	padding: 20px 0 20px 0;
	font-size: 80%;
	color: #84dad6;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 0;
}

#suppnav-container a:link, #suppnav-container a:visited, #suppnav-container a:hover, #suppnav-container a:active {
	border-bottom: 0 !important;
	color: #84dad6;
	text-decoration: none;
}

.st-credit {
	width: 88px;
	height: 24px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	background: url('../images/suppnav/st-credit_bg.gif') no-repeat;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Page title*/
h1 {
	height: 10px;
	margin: 0;
	padding: 11px 0 19px 9px;
	background: url('../images/content/h1_bg.gif') top left no-repeat;
	font-size: 200%;
	color: #1c170e;
}

/*Page subtitle*/
h2 {
	margin: 0;
	padding: 0 0 9px 0;
	font-size: 170%;
	color: #1c170e;
}

/*Blog archive page heading*/
h2.archive-view-title {
	margin: 0 0 18px 0;
	padding: 0;
}

/*Blog post title*/
h2.post-title {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 150%;
	line-height: 130%;
	color: #1c170e;
	border-bottom: 1px solid #84dad6;
}

/*Sidebar heading*/
h3 {
	font-size: 120%;
}

#sidebar h3 {
	height: 16px;
	margin: 0;
	padding: 3px 0 0 10px;
	background: url('../images/sidebar/h3_bg.gif') 6px 0 no-repeat;
	font-size: 80%;
}

#inner-sidebar h3 {
	height: 21px;
	margin: 20px 0 5px 0;
	padding: 1px 0 2px 4px;
	background: url('../images/sidebar/h3_bg.gif') top left no-repeat;
	font-size: 95%;
}

/*Unused as of yet*/
h4 {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #84dad6;
}

/*Unused as of yet*/
h5 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/*****
5.2 Other fonts
*****/

.subcontent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

.center {
	text-align: center;
}

address {
	font-style: normal;
}

.intro {
	margin: 18px 0 0 0;
	font-size: 105%;
}

.intro p {
	margin: 0;
	padding: 0;
}

.blog-post {
	margin: 0 0 20px 0;
}

.post-date {
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 110%;
	color: #84dad6;
	font-weight: bold;
}

.post-details {
	font-family: Arial, sans-serif;
	font-size: 90%;
}

.post-details img {
	padding: 0 4px 0 0;
	vertical-align: middle;
}

.styled-list {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.styled-list li {
	list-style-type: none;
	margin: 0;
	padding: 2px 0 3px 14px;
	background: url('../images/graphics/bullet.gif') 0 50% no-repeat;
}

.caption {
	border-bottom: 1px solid #999;
	color: #999;
	font-style: italic;
}

.partner {
	font-family: Arial, sans-serif;
}

.partner a:link, .partner a:visited, .partner a:hover, .partner a:active {
	color: #ee528f;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	/*border: 0 !important;*/
	border: 1px solid #333;
}

#standard_form legend {
	color: #670840;
	font-size: 110%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

#submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #84dad6 !important; /* change this to match your site's colors */
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

#form_align_table {
}

#form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

.right {
	text-align: right;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.text-right {
	text-align: right;
}

.warning, .confirm {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 36px;
	background: #eee url('../images/graphics/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #000;
}

.confirm {
	background: #eee url('../images/graphics/confirm.gif') 5px 50% no-repeat;
}