/*
Theme Name: LongWalking
Version: 1.0
*/
/* style LWP 2008-0320  */


.TAGSTOPICS
        {
        text-align:right;
        font-size:14px;
        font-family: Arial, "MS Trebuchet", sans-serif;
        }

.TAGSTOPICSLEFT, .TAGSTOPICSLEFT a, .TAGSTOPICS a
        {
        text-align:left;
        font-size:14px;
        font-family: Arial, "MS Trebuchet", sans-serif;
        }        
        
.header_right .page_item
        {
        text-align:right;
        padding-right: 0px;
        margin-right: 0px;
        }
        
        
/* 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.*/

.left, .l {
	float: left;
	display: inline;
	}
	
.right, .r {
	float: right;
	display: inline;
	}

.clear, .cl {
	font-size: 0;
	height: 0;
	line-height: 0;
	clear: both;
	display: block;
	}
	
a {
        color: #0505c5;
        text-decoration: none;
	}
	
a:hover {
	color: #003300;
	text-decoration: none;
	}

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


body {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	background:#ffffff;
	}

.shell {
	width:935px;
	margin: 0 auto;
	}

.content {
	background:#ffffff url(images/0_col_right_bg.gif) repeat-y top right;
	padding-bottom:50px;
	}
	
.content p img {
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	text-indent:0px;
	float:left;
        }
.content p {
	/*border:1px solid #999;*/
        }

.wp-caption p.wp-caption-text {
color: #444;

font-size: 9px;
line-height: 15px;
padding: 0 4px 5px;
margin: 0;
}




/* END - PAGEWIDE STYLE */

	/*MASTHEAD BANNER BLOCK*/
	
	/*** this is the full page width region at the top of the page***/

.logo {
	background:url(images/0_banner_LW2008_0308.jpg);
	float: left;
	width:935px;
	height:194px;
	text-indent: -10000px;
	}

h1 a {
	width:935px;
	height:194px;
	text-indent: -10000px;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(images/0_banner_LW2008_0308.jpg);
	}

	/*END MASTHEAD BANNER BLOCK*/

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

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

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

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

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

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

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

.swspacing
        {
        padding-top:0px;
	margin-top:0px;
	line-height:18px;
	padding-bottom:25px;
        }	
       
.submenubar {
	/*background:url(images/0_rule_h01.gif) repeat-x center bottom;*/
	padding-bottom:10px;
	padding-top:0px;
	margin-top:0px;
	}

.submenubar ul {
	list-style-type: none;
	text-align: left;
	padding-top:0px;
	margin-top:0px;
	}

.submenubar ul li {
	display: inline;
	padding: 0 26px 0 0px;
	padding-top:0px;
	margin-top:0px;
	}

.submenubar ul li a {
	font-weight: bold;
	font-size: 13px;
	color: #808285;
	padding-top:0px;
	margin-top:0px;
	}

.submenubar ul li a:hover {
	color: #DF3A01;
	text-decoration: none;
	padding-top:0px;
	margin-top:0px;
	}

.submenubar ul li a.active {
	color: #000;
	padding-top:0px;
	margin-top:0px;
	}

	/*END HORIZONTAL MENUBAR*/

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

.maincolumn p {
	font-size: 13px;
	padding-right: 0px;
	line-height:21px;
	text-indent: 21px;
	padding-bottom: 5px;
	letter-spacing: .9px;
	}
	
.maincolumn #commentform p {
	text-indent:0px;
}
	
/*unordered list style is for lists in the main column*/

.maincolumn ul {
        list-style-type: bullet;
        margin-left: 20px;
        padding-left: 20px;
        font-size: 13px;
        line-height:18px;
        letter-spacing: .7px;
        padding-bottom: 8px;     
        }

.ul-2 {
        list-style-type: bullet;
        margin-left: 20px;
        padding-left: 20px;
        font-size: 13px;
        line-height:18px;
        letter-spacing: .7px;
        padding-bottom: 8px;     
        }

.li_2 {
        list-style-type: bullet;
        margin-left: 20px;
        padding-left: 20px;
        font-size: 13px;
	font-color: #FF5500;
        line-height:18px;
        letter-spacing: .7px;
        padding-bottom: 8px;     
        }

/*h2 style is for headlines in the MAIN COLUMN section of CONTENT*/	
h2 {
	font-size: 28px;
	font-weight: normal;
	color: #ff5500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
	}

.reduced {
        font-size: 22px;
        }

h2.widgettitle { 
        display:none;
        }
 .widget_recent_entries h2.widgettitle {
 	display:block;
 }
       

/*H4 style is for sub-headlines in the MAIN COLUMN section of CONTENT*/
/*Use this style for section headers */	
/*H4 style can also be used for H4 Links. */
h4 {
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:0px;
	}
	
h4 a {
	color:#0558a7;
	}
	
h4 a:hover {
	color: #FF5500;
	text-decoration: none;
	}

/*quotation style is for indented, italicized block quotes*/
.quote {
	padding-left: 50px;
	padding-right: 25px;
	width: 450px;
	font-size: 13px;
	line-height:18px;
	padding-bottom: 8px;
	letter-spacing: .8px;
	}
	
/*quoted style is for the name of the person quoted in the block quotation*/

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



	/*END MAIN CONTENT BLOCK (LEFT COLUMN)*/

/* ------------------------------------------------------------------------------------ */

	/*SIDEBAR CONTENT BLOCK - RIGHT COLUMN*/
	/*** This is the region on far right side of page ***/
	
.rightcolumn {
	/* This sets the width of the content within the Right Column*/
	/* note, the shading comes from the .content style, above, in the GLOBAL section */
	width:300px;
	float: right;	
	padding:0 16px 0 15px;	
	}




.item {
	padding-top: 10px;
	padding-bottom: 0px;
	}


.item img {
	border:none;
	}

.item a {
	color: #000000;
	text-decoration: none;
	}

h3 {
	font-size: 16px;
	color: #666600;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding-top: 4px;
	letter-spacing: .05em;

	}

.item h3 a {
	color: #FF5500;
	}

.item h3 a:hover {
	color: #668b8b;
	text-decoration: none;
	}

.item .read {
	color: #FF5500;
	}

.item .read:hover {
	color: #668b8b;
	text-decoration: none;
	}

	/* End RIGHT COLUMN STYLE */

	/* FOOTER BLOCK */
	/*** This is the full page-width region below CONTENT (Main and Right Columns) BLOCK
		 ***/

.footer {
	background:url(images/0_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: #FF5500;
	}

	/* END FOOTER BLOCK */

/*CLASS BLURBIT*/

.blurbit {
	width: 120px;
	float: right;
	padding: 8px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	border: 1px solid #FF5500;
	background: url(images/0_col_right_bg.gif) repeat-y top right;
	}

.blurbit p {
	text-indent: 0px;
	text-align: left;
	font-size: 12px;
	line-height:14px;
	letter-spacing: normal;
	}

.blurbit .read {
	color: #FF5500;
	}

.blurbit .read:hover {
	color: #668b8b;
	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: #FF5500;
	}

h4.color_change {
	color: #FF5500;
	}
	
.color_1 {
	color: #FF5500;
	}	
	

	/*ADDITIONAL CLASSES*/

	
	/*	.rightimg and .leftimg floats images and keeps them 16px from the text. */
.rightimg {
	float: right;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 16px;
	padding: 0px;
	}
	
.leftimg {
	float: left;
	margin-top: 6px;
	margin-right: 16px;
	margin-bottom: 6px;
	margin-left: 0px;
	}
	
/* This class makes any text italic. */
.vesselname {
	font-style: italic !important;
	}

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



/************** OVERRIDES FOR TAGS PAGE *******************/

div.digestRuler {
	width:468px;
	margin:0px auto 25px auto;
	border-bottom:1px solid black;
	height:5px;
	
}

.digest h2 {
	font-size:18px;
	margin-bottom:10px;
}
.digest h4 {
	font-size:15px;
	margin-top:0px;
	padding-top:0px;
}

.digest a.entryImage {
	float:left;
	margin:3px 10px 0px 0px;
}

.digest p {
	text-indent:0px;
}

div.amazonDigestDiv {
	margin:0px 0px 20px 0px;
}

div.digest p.wp-caption-text {
	display:none;
}

/************** NKTAGCLOUD  STYLES*******************/

/* colorize */
.better-tag-cloud-shortcode {
	text-align:				center;
	padding:				0 1cm;
}
.better-tag-cloud-shortcode a {
	vertical-align:			middle;
	line-height:			25px;
	margin:					0 2px;
}
a.nktagcloud-8 {
	color:					#d1c052;
}
a.nktagcloud-9 {
	color:					#CDB34C;
}
a.nktagcloud-10 {
	color:					#CAA746;
}
a.nktagcloud-11 {
	color:					#C79A41;
}
a.nktagcloud-12 {
	color:					#C48E3B;
}
a.nktagcloud-13 {
	color:					#C18135;
}
a.nktagcloud-14 {
	color:					#BE7530;
}
a.nktagcloud-15 {
	color:					#BB682A;
}
a.nktagcloud-16 {
	color:					#B85C24;
}
a.nktagcloud-17 {
	color:					#B54F1F;
}
a.nktagcloud-18 {
	color:					#B24319;
}
a.nktagcloud-19 {
	color:					#AF3613;
}
a.nktagcloud-20 {
	color:					#AC2A0E;
}
a.nktagcloud-21 {
	color:					#A91D08;
}
a.nktagcloud-22 {
	color:					#A61103;
}
a:hover {
	color:					#0d0d0d;
	text-decoration:		none;
}