/*
Theme Name: Robert Manry
Version: 1.0
*/
/* style RMP 2008-0318  */
	/* GLOBAL - PAGEWIDE STYLE */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

/*
Use the following classes to float a bit of content left or right.
Use .cl after every float.  See the HTMLs for an example of how this is done.*/

.l, .left {
	float: left;
	display: inline;
}
.r, .right {
	float: right;
	display: inline;
}
.cl, .clear {
	font-size: 0;
	height: 0;
	line-height: 0;
	clear: both;
	display: block;
}
a {
	text-decoration: none;
	color: #0558A7;
}
a:hover {
	color: #CD5501;
}
body {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	background:#fff;
}
.shell {
	width:935px;
	margin: 0 auto;
	border: 0px red solid;
}
.content {
	background:#ffffff url(images/rmp0_col_right_bg.gif) repeat-y top right;
	padding-bottom:50px;
	}

	/*MASTHEAD BANNER BLOCK*/
	
	/*** this is the full page width region at the top of the page
	/*** the masthead has two main parts -
	/*** There is a "Tinkerbelle" logo and a "RMP" logo -
	/*** Both are designed to be separately hyperlinked.
		 ***/

.logo {
	background:url(images/rmp0_logotink.gif);
	float: left;
	width:325px;
	height:206px;
	text-indent: -10000px;
	}

h1 a {
	background:url(images/rmp0_logormp.gif);
	float: right;
	height:84px;
	width:606px;
	text-indent: -10000px;
	margin-top: 122px;
	margin-right: 2px;
	}

	/*END MASTHEAD BANNER BLOCK*/

	/*HORIZONTAL MENUBAR*/
	/*** this is the full page-width region directly below the MASTHEAD BANNER */

.menubar {
	background:url(images/rmp0_rule_h01.gif) repeat-x center bottom;
	}

.menubar ul {
	list-style-type: none;
	text-align: center;
	}

.menubar ul li {
	display: inline;
	padding: 0 13px 0 14px;
	line-height: 28px;
	}

.menubar ul li a {
	font-weight: bold;
	font-size: 13px;
	color: #808285;
	}

.menubar ul li a:hover {
	color: #cd5501;
	text-decoration: none;
	}

.menubar ul li a.active {
	color: #000;
	}

	/*END HORIZONTAL MENUBAR*/


/*MAIN COLUMN*/
.maincolumn {
	float: left;
	display: inline;
	width:590px;
	padding-top: 15px;
	}

.maincolumn p {
	font-size: 13px;
	padding-right: 9px;
	line-height:21px;
	text-indent: 25px;
	padding-bottom: 5px;
	letter-spacing: .9px;
	}
/*h2 style is for headlines in the MAIN COLUMN section of CONTENT*/
h2 {
	font-size: 28px;
	font-weight: normal;
	color: #0558a7;
	font-family:"Times New Roman", Times, serif;
	padding-top: 18px;
	padding-bottom: 15px;
	}


/*H4 style is for sub-headlines, such as Day/Date entries in Tinkerbelle's logbook*/
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #0558a7;
	font-family:"Times New Roman", Times, serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:0px;
	}

.quotation {
	padding-left: 50px;
	padding-right: 25px;
	width: 450px;
	font-style: italic;
}

.quoted
{
	width: 190px;
	padding-left: 400px;
	
}

/*END MAIN COLUMN*/

/*RIGHT COLUMN*/
.rightcolumn {
	width:300px;
	float: right;	
	padding:0 16px 0 15px;	
}

.item {
	padding-top: 16px;
}
.item img {
	border:none;
}
.item a {
	color: #000;
	text-decoration: none;
}
h3 {
	font-size: 18px;
	color:#0558a7;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding-top: 4px;
}
h3 a {
	color:#0558a7;
}
.item h3 a {
	color:#0558a7;
}
.item h3 a:hover {
	text-decoration: none;
}
.item .read {
	color: #b34b02;
}
.item .read:hover {
	color: #000;
	text-decoration: none;
}
/*END RIGHT COLUMN*/

/*FOOTER*/

.footer {
	background:url(images/rmp0_rule_h01.gif) repeat-x 0 0;
	text-align: center;
	padding-top:9px;
	padding-bottom:88px;
}
.footer p a {
	color: #808285;
	font-weight: bold;
}
.footer p a:hover {
	text-decoration: none;
	color: #cd5501;
}
/*END FOOTER*/


/*CLASS BLURBIT*/
.blurbit {
	background: #ccc;
	padding: 16px;
	margin: 16px;
	float: right;
}
.blurbit p {
	text-indent: 0px;
	padding-right: 0px;
	text-align: left;
}
.blurbit .read {
	color: #b34b02;
}
.blurbit .read:hover {
	color: #000;
	text-decoration: none;
}
/*END CLASS BLURBIT*/

/*
The Class "color_change" is to change the color of the 
H2 tag. 

You can combine multiple classes.
For example, you can make H2 italic and 
change its color by typing 
h2 class="vesselname color_change" in html file.
*/

h2.color_change {
	color: #668B8B;
}

/*ADDITIONAL CLASSES*/
/*
Indent and pad the bottom of each paragraph.
*/
.maincolumn p {
	text-indent: 50px;
	padding-bottom: 10px;
}
.maincolumn p img{
	text-indent: 0;
	padding-bottom: 0;
}
/*
.rightimg and .leftimg floats images and keeps them 16px from the text. 
*/
.rightimg {
	float: right;
	margin: 16px;
	margin-right: 0;
}
.leftimg {
	float: left;
	margin: 16px;
	margin-left: 0;
}
/*
This class makes any text italic.
*/
.vesselname {
	font-style: italic !important;
}

.tink {
	font-style: italic !important;
	color: #ff3300 !important;
}


#subscribe {height: 50px; background:#e1e1e1; border: 1px solid #cd5501; margin-top: 20px; margin-bottom: 20px; padding: 0; 
                 font-family: Myriad, Verdana, Arial, Helvetica; font-size: 9px; line-height: 16px; font-weight: bold; color: #996633; text-align: center; }

.rightcolumn ul {
	list-style:none;
}
/*END ADDITIONAL CLASSES*/


body .maincolumn p img{
  	 margin-left: -50px; 
}

body .maincolumn p iframe{
	margin-left: -50px; 
}