/*************************************

Stylesheet: Master Version
Styles for MeredithandJosh.com
Site design by Colleen Stafford

**************************************
*/
		
body {
	background-color:#E8DCD0;
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #313131;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
	}
		
/* Style for link colors */
a:link { color: #132D63; text-decoration: none; }
a:active { color: #132D63; text-decoration: none; }
a:visited { color: #132D63; text-decoration: none; }
a:hover { color: #4275BD; text-decoration: none; }
		
/* Style for page title */
h1 {
	color: #FFFFFF;
	font-size: 24px;
	padding: 20px 0 20px 250px; 
	}
			
/* Style for page headers */
h2 {
	color: #4275BD; 
	font-size: 13px;
	margin-top: 6px 0 2px 0;
	}
	
/* Style for page title subhead */
.title_subhead {
	font-size: 11px;
	font-weight: normal;
	}

/* Style for main graphic in background */
.page_bgimage {
	background-color: #E8DCD0;
	background: url(http://www.ericandcolleen.com/jm_web/images/beach_scene.jpg) no-repeat;
	margin: 0 auto 0 auto; 
	padding: 2px 0 0 0;
	border-left: 1px solid #9C968F;
	border-right: 1px solid #9C968F;
	width: 800px;
	overflow: hidden;
	}

/* Styles for text spacing and images throughout */	
.home_text, .other_text {
	margin: 10px 0 20px 0;
	}
	
.home_text p, .other_text p {
	margin: 3px 0 8px 0;
	}	
		
.home_text img {	
	margin: 0 0 0 -2px; 
	padding: 7px 0 3px 0; 
	} 	
	
.other_text img {
	margin: 5px 10px 0 0;
	float: left;
	}	
	
/* Style for the transparent contact box on home page */	
.contact {
	background-color: #FFFFFF;
	margin-left: 90px;
	_margin-left: 40px;
	margin-top: 110px;
	padding: 0 0 8px 10px;
	float: left;
	width: 150px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	}
	
/* Style for arrow used to direct to galleries */
.arrow {
	font-size: 14px;
	}
	
/* Style for site and credit info at bottom of home page */
#footer {
	text-align: right; 
	margin: 3px 60px 0 0;
	font-size: 9px;
	}

	
	
/******************************************
			Menu Classes
******************************************/

#menu{
	margin-bottom: 0px;
	margin-left: 230px; 
	width: 720px;
	height: 25px;
	text-align: left;
	display: block;
	clear: both;
	}

/* Style for the font color/style and background of the menu tabs */
#menu a {
	font-weight: normal;
	height: 19px;
	color: #FFFFFF;
	background: #4275BD;
	padding: 5px 16px;
	}
	
/* Style for the font color/style and background of the menu tabs when rolled over */
#menu a:hover {
	color: #4275BD;
	background: #FFFFFF;
	}
	
/* Style for the font color/style and background of the menu tab that is selected */
#menu #selected a {
	color: #4275BD;
	background: #FFFFFF;
	font-weight: bold;
	}
	
#menu li {
	display: inline;
	height: 25px;
	margin: 0;
	padding: 0;
	}

/* MENU IN PROGRESS....
#menu {
  	float:left;
  	width:500px;
  	margin-left: 260px;
  	font-size:93%;
  	line-height:normal;
 	}

#menu ul {
  	margin:0;
  	padding:10px 10px 0;
 	list-style:none;
  	}

#menu li {
  	float:left;
  	background:url("http://www.ericandcolleen.com/jm_web/images/left.gif") no-repeat left top;
  	margin:0;
  	padding:0 0 0 9px;
  	}

#menu a {
  	float:left;
  	display:block;
  	background:url("http://www.ericandcolleen.com/jm_web/images/right.gif") no-repeat right top;
  	padding:5px 15px 4px 6px;
  	text-decoration:none;
  	font-weight:bold;
  	font-size: 11px;
  	color:#765;
  	}
		
Commented Backslash Hack hides rule from IE5-Mac 
#menu a {float:none;}
End IE5-Mac hack 

#menu a:hover { color:#2B5BA3; }
		
#menu #current {
  	background-image:url("http://www.ericandcolleen.com/jm_web/images/left_on.gif");
  	}
		
#menu #current a {
  	background-image:url("http://www.ericandcolleen.com/jm_web/images/right_on.gif");
  	color:#2B5BA3;
  	padding-bottom:5px;
  	}
*/
			


/******************************************
	    Flickr Photo Gallery Classes
******************************************/
#flickr {
	margin:10px 0 17px 8px;
	clear: both;
	}	
		
/* Style for how the flickr images on home page are shown */
#flickr img {
	margin: 0px 0px 0px 11px;
	padding: 1px;
	width: 70px;
	height: 70px;
	border: 2px solid #CEE1FA;
	text-decoration: none;
	color: #DBDFEE;
	}
	
/* Style for how the flickr images on homepage are shown when rolled over */
#flickr a:hover img { border-color: #4275BD; }
	


/******************************************
		Rounded White Box Classes
	     (No need to edit these)
******************************************/
.white_box {
	background: #ffffff;
	margin-left: 250px;
	width: 500px;
	_width: 502px;
	margin-top: 0px;
	padding-top: 0px;
	}
	
.white_box_top div, .roundedcornr_top, 
.white_box_bottom div, .roundedcornr_bottom {
   	width: 100%;
   	height: 17px;
	}
	
.white_box_content  {	
	height: 100%;
	} 
	
.white_box_top div { background: url(http://www.ericandcolleen.com/jm_web/images/whitebox_tl.png) no-repeat top left; }
	
.white_box_top { background: url(http://www.ericandcolleen.com/jm_web/images/whitebox_tr.png) no-repeat top right; }
	
.white_box_bottom div { background: url(http://www.ericandcolleen.com/jm_web/images/whitebox_bl.png) no-repeat bottom left; }
	
.white_box_bottom { background: url(http://www.ericandcolleen.com/jm_web/images/whitebox_br.png) no-repeat bottom right; }
	
.white_box_content { margin: 0 20px; }	
	


/******************************************
	Rounded Blue Box on HOME PAGE Class
	     (No need to edith these)
******************************************/
.blue_box {
	background: #cee1fa;
	font-size: 10px; 
	}

.blue_box_top div, .roundedcornr_top, 
.blue_box_bottom div, .roundedcornr_bottom {
   	width: 100%;
   	height: 17px;
	}
	
.blue_box_content { 
	margin-left: 20px; 
	margin-right: 20px;
	position: relative;
	left: 0px;
	top: -8px;
	_top: 0px;
	_margin-top: -10px;
	-margin-bottom: -10px;
	height: 12px;
	}

.blue_box_content a { 
	float: right; 
	border-left: 1px solid #9C968F; 
	padding-left: 15px; 
	font-weight: bold;
	margin-top: 7px;
	}
	
.blue_box_content h2 { 
	font-size: 11px;
	margin-bottom: -3px;
	margin-top: 0px;
	}
	
.blue_box_top div { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_tl.png) no-repeat top left; }
	
.blue_box_top { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_tr.png) no-repeat top right; }
	
.blue_box_bottom div { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_bl.png) no-repeat bottom left; }
	
.blue_box_bottom { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_br.png) no-repeat bottom right; }



/******************************************
 Rounded Blue Boxes on PHOTO PAGE Classes
        (No need to edith these)
******************************************/
.blue_box_photo {
	background: #cee1fa;
	font-size: 10px; 
	line-height: 14px;
	margin-bottom: 15px;
	}
	
.blue_box_photo img {
	border: 1px solid #132D63;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	}

.blue_box_photo a:hover img { border-color: #4275BD; }

.blue_box_photo_top div, .roundedcornr_top, 
.blue_box_photo_bottom div, .roundedcornr_bottom {
   	width: 100%;
   	height: 17px;
	}
	
.blue_box_photo_content { 
	margin: 0 20px 0 20px; 
	height: 100%;
	_width: 420px;
	overflow: hidden;
	}
	
.blue_box_photo_content h2 { 
	font-size: 11px;
	margin: 0px;
	}
	
.blue_box_photo_top div { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_tl.png) no-repeat top left; }
	
.blue_box_photo_top { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_tr.png) no-repeat top right; }
	
.blue_box_photo_bottom div { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_bl.png) no-repeat bottom left; }
	
.blue_box_photo_bottom { background: url(http://www.ericandcolleen.com/jm_web/images/bluebox_br.png) no-repeat bottom right; }