/*   

Theme Name: RicksGuide

Theme URI: http://www.ricksguide.com

Description: for Rick's Guide - multiple loop v1.5

Author: Bear

Author URI: http://www.ricksguide.com/

Version: 1.5

.

Multiple loop on index page.

.

*/





#header {

	
	
	}

#masthead{
	background-image:url(headerbg.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#b477ba;
}

#headerimg {

	margin: 0;

	height: 130px;

	width: 100%;
	
	color:#fff;
	font-family:Times, serif;
	
	}

#headerimg a{
	text-decoration:none;
	color:#fff;
	font-family:Times, serif;
	}
	

p.blogname	 {

	font-size: 4em;
	

}



#sidebar-left {

	position: absolute;

	top: 130px;

	width: 18%;

	background-color: #f49103;

	}



#sidebar-right {

	position: absolute;

	top: 130px;

	margin-left: 81.5%;

	width: 17%;

	background-color: #f49103;

	} 	

 	

#sidebar form {

	margin: 0;

	}

	

#sidebar-left, sidebar-right {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

		

/* End Sidebar */



#contents {

	position: absolute;  

	top: 130px;

	width: 60%;	

	margin-left: 18.5%;

	margin-right: 17%;

	border: 1px;

	border-style: groove;

	background-color:#f8ece3;

	padding: 10px;

	}



#section-left {

	float: left; 

	width: 45%;	 

	border: 1px;

	border-style: groove;

	background-color: yellow;

	padding: 10px; 

	}



#section-right {

	float: right; 

	width: 45%;	 

	border: 1px;

	border-style: groove;

	background-color: yellow;

	padding: 10px; 

	}



/*	

#footer {

	padding: 0 0 0 1px;

	margin: 0 auto;

	width: 100%;

	clear: both;

	}	

*/

		

#clear {

	clear: both;

	}	

	

#spacer {

	float: left;

	width: 95%;

	height: 3px;

	}

	

#spacer10px {

	float: left;

	width: 95%;

	height: 10px;

	}

	

#spacer20px {

	float: left;

	width: 95%;

	height: 20px;

	}

	

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

/* the following part comes from css-help.com  */	



.clear

{

	clear: both;

}

.hide

{

	display: none;

}

.inside

{

	/* glitch in IE caused by vertical padding in this class, so 0 padding is

	 * set here and those blocks that need the vertical padding must be 

	 * applied to the parent element. the purpose of this class is to provide

	 * horizontal padding without using hacks to get around IE's broken box 

	 * model. so it's okay to apply vertical padding to the parent element, 

	 * just not horizontal padding.

	 */

	padding: 0 1em;

}

:root .mozclear

{

	border-bottom: 1px solid transparent;

	margin-bottom: -1px;

}



/* margin values and font sizes for headings, and margins on paragraphs

 * and lists are not consistent across browser platforms. to achieve a

 * consistent look we need to explicity set these values here. it may

 * seem an odd way to declare the margins like this but you never

 * know what kind of horizontal padding a browser may be using on an

 * element, and I only want to change the vertical padding.

 *

 * pixels are used here, rather than ems, because I want a consistent

 * margin on the different headings. if I use ems, 1em for an h1 element

 * is much larger than 1em on an h6 element. I don't wnat this.

 *

 * salt to taste

 */



ul, ol, dl, p, h1, h2, h3, h4, h5, h6

{

	margin-top: 14px;

	margin-bottom: 14px;

	padding-top: 0;

	padding-bottom: 0;

}

h1

{

	font-size: 120%;

}

h2

{

	font-size: 110%;

}

h3

{

	font-size: 100%;

}

h4

{

	font-size: 100%;

}

h5

{

	font-size: 100%;

	cursor: help;

}

h6

{

	font-size: 70%;

}

code

{

	font-family: "Courier New", Courier, monospace;

}



/* now we craft the core layout of the page. this includes positioning and

 * gutter space. colors and fonts should not come into play at this point.

 * when defining a border, default it's color to white which is probably

 * the safest thing to do.

 */



body

{

	padding: 20px 0;

	margin: 0;

}

#pageWrapper

{

	border: solid 1px #fff;

	border-width: 0 1px;

	margin: 0 2%;		/* set side margins here 'cause IE doesn't like it set

				   on the body element */

	min-width: 40em;	/* IE doens't understand this property. I use ems rather

				   than pixels so that the layout shouldn't break even

				   when the browser's default size is set very large */

	width: auto;

}



#masthead

{

	border: solid 1px #fff;

	border-width: 1px 0;

	padding: 0.5em;

}

#masthead h1

{

	padding: 0;

	margin: 0;
	
	

}

#masthead A.logo IMG {

	Z-INDEX: 4; RIGHT: 52px; POSITION: absolute; TOP: 23px; text-decoration:none;

}

#outerColumnContainer

{

	/* reserves space for the left and right columns. you can use either

	 * padding, margins, or borders, depending on your needs. however you 

	 * can use the border method to create a background color for both left

	 * and right columns

	 */

	border-left: solid 10em #fff;

	border-right: solid 11em #fff;

}

#innerColumnContainer

{

	border: solid 1px #fff;

	border-width: 0 1px;

	margin: 0 -1px;		/* compensate for the borders because of

				   100% width declaration */

	width: 100%;

	z-index: 1;

}

#leftColumn, #middleColumn, #rightColumn, #SOWrap

{

	overflow: visible;	/* fix for IE italics bug */

	position: relative;	/* fix some rendering issues */

}


#SOWrap

{

	float: left;

	margin: 0 -1px 0 0;

	width: 100%;

	z-index: 3;

}

#middleColumn

{

	float: right;

	margin: 0 0 0 -1px;

	width: 100%;

	z-index: 5;

}

#leftColumn

{

	float: left;

	margin: 0 1px 0 -14em;

	width: 14em;

	z-index: 4;

}

#rightColumn

{

	float: right;

	width: 12em;

	margin: 0 -12em 0 1px;

	z-index: 2;

}

#footer

{

	border: solid 1px #fff;

	border-width: 1px 0;

	padding: 0.5em;

}



/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet

 * in the original skidoo layout.

 */



.vnav

{

	margin: 0.5em 0 0 3.5em;

}

.vnav ul, .vnav ul li

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	display: block;

}

.vnav ul

{

	border: solid 1px #fff;

	border-bottom-width: 0;

}

.vnav ul li

{

	border-bottom: solid 1px #fff;

}

.vnav ul li a

{

	display: block;

	text-decoration: none;

	padding: 2px 10px;

}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */

{

	height: 0.01%;

}

* html .vnav ul

{

	position: relative;	/* IE needs this to fix a rendering problem */

}

.vnav h3

{

	margin-bottom: 0;

	padding-bottom: 0;

	font-size: 126%;

}



/* horizontal navigation stuff. mostly exactly as seen in the hnav.css styleheet

 * in the original skidoo layout.

 */



.hnav

{

	border-bottom: solid 1px #fff;

	margin: 0;

	padding: 3px 0 4px 0;

	white-space: nowrap;
	
	background-image:url(tbl_th.png);
	
	background-repeat:repeat-x;

}

.hnav ul span.divider

{

	display: none;

}

* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */

{

	height: 1%;	/* holly hack to fix a render bug in IE6/Win */

}

* html .HNAV

{

	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page 

			   length get beyond the point that 1% height is taller 

			   than the text height. IE5/Win does not need this 

			   holly hack so we remove it here */

	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its

			   inline children that have vertical padding. So this

			   incorrect case selector will remove that padding */

}

.hnav ul

{

	text-align: center;

	list-style-type: none;

	line-height: normal;

	margin: 0;

	padding: 0;

}

.hnav ul li

{

	display: inline;

	white-space: nowrap;

	margin: 0;

}

.hnav ul li a

{

	text-decoration: none;

	margin: 0 -1px 0 0;

	padding: 3px 10px 4px 10px;

	border-left: solid 1px #000;

	border-right: solid 1px #000;
	
	

}

* html .HNAV ul li a

{

	/* \*/

		width: 1%;

	/* holly hack for IE5/Win inline padding. this hack fixes different 

	 * rendering bugs in 5.0 and 5.5. Width is used instead of height 

	 * because if the document is too long, these elements become very tall

	 * and disrupt the look of the document. too wide an element is better, 

	 * visually, than too tall. */

}

.hnav ul li a:hover

{

	text-decoration: none;

} 



/* below is a series of selectors to get a consistent font size across

 * platforms. this is outside the 'theme' section on purpose. use #pageWrapper

 * to set the base font-size for the layout.

 */



body

{

	font-size: 100.1%;

}

html>body 

{

	/* Opera's default font size is typically 10% smaller than IE or Mozilla

	 * so we correct for this here, since we're using percentages 

	 * everywhere. And we do this because pixel-based fonts don't resize

	 * under IE/Win and percentages/ems are essentially the same, and I like

	 * percentages for fonts.

	 */

	font-size: 110%;

}

body:last-child, * html body

{

	/* of course the previous selector for Opera's fix is caught by more 

	 * than a few other browsers, so we reset that value here.

	 */

	font-size: 100.1%;

}



/* everything below this point is related to the page's "theme" and could be

 * placed in a separate stylesheet to allow for multiple color/font scemes on

 * the layout. you should probably leave a default theme within this stylesheet

 * just to be on the safe side.	

 */



#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a

{

	border-color: #000;

}

body

{

	background-color: #fff;

	color: #000;

	font-family: arial, helvetica, sans-serif;

}

#pageWrapper

{

	font-size: 80%;	/* set your default font size here. */

}

#masthead

{

	background-color: #b477ba;

	color: #fff;

}

.hnav

{

	background-image:url(tbl_th.png);
	
	background-repeat:repeat-x;

	color: #fff;

}

#outerColumnContainer

{

	border-left-color: #e4faff;	/* left column background color */

	border-right-color: #e4faff;	/* right column background color */

}

#innerColumnContainer

{

	background-color: #f9fafd;

}



.vnav ul li a:link, .vnav ul li a:visited

{

	background-color: #a262a6;
	background-image:url(hnavbg.png);
	background-repeat:no-repeat;
	text-indent:8px;
	color: #000;

}

.vnav ul li a:hover

{

	background-color: #a262a6;
	background-image:url(hnavbgh.png);
	background-repeat:no-repeat;
	color: #fff;

}

.hnav ul li a:link, .hnav ul li a:visited

{

	background-image:url(tbl_th.png);
	
	background-repeat:repeat-x;

	color: #fff;
	
	font-weight:bold;

}

.hnav ul li a:hover

{

	background-image:url(tbl_th_h.png);
	
	background-repeat:repeat-x;

	color: #fff;

}

#rightColumn .inside

{

	/* if you apply a font size to just #rightColumn, then its width,

	 * which is specified in EMs, will also be affected. you don't want

	 * that. so apply font size changes to the .inside element which exists

	 * inside underneath all three columns
	 

	 *

	 * ====== NOTE =====

	 * the font-size below was 90% originally.  I've set it back to 100% so it looks the same as leftColumn

	 *

	 */

	font-size: 100%;

}

#footer

{

	background-color: #722b76;
	
	background-image:url(footerbg.png);
	
	background-repeat:repeat-x;

	color: #fff;

	text-align: center;

}



#c1 { cursor: wait; }

#c2 { cursor: help; }

#c3 { cursor: crosshair; }



/* CSS for our form */



label,input {

	display: block;

	width: 150px;

	float: left;

	margin-bottom: 10px;

}



label {

	text-align: right;

	width: 75px;

	padding-right: 20px;

}

br {

	clear: left;

}


/* from wordpress  */

#commentform input {
	width: 125px;
	padding: 2px;
	margin: 5px 5px 1px 0; 
	}

#commentform textarea {
	width: 98%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



/* end of wordpress styling  */

/* my style */


.otherRecentArticle ul li {
	font-size: 0.85em;
	list-style-image:url(recentul.jpg);
	}

.otherRecentArticle p {
	font-size: 0.9em;
	font-style: italic;
	}

#left-float {

	border: 1px;

	float: left;

	width: 45%;

	padding: 5px;	

}



#right-float {

	border: 1px;

	float: right;

	width: 45%;	

	padding: 5px;

}		



#left-float2 {

	border: 1px;

	float: left;

	width: 45%;

	padding: 5px;

}



#right-float2 {

	border: 1px;

	float: right;

	width: 45%;	

	padding: 5px;

}		



#wrapper1 {

	border: 1px;

	border-style: dashed;

	background-color: #aba;

}



h3.heading {

	border: 2px;

	border-top: #cdc dotted;

	border-right: #cdc dotted;

	border-bottom: #cdc dotted;

	border-left:thick #cdc solid;

	border-left-width: 10px;

	padding: 4px;

}



.alignleft {

	float: left;

	}

	

.alignright {

	float: right;

	}	



p.headingFont
 {

	font-size: 2em;
	
	background-image:url(article.jpg);
	
	background-repeat:no-repeat;
	
	text-indent:35px;
	
	border-bottom:1px dashed #000;
	
	width:100%;
	
	font-family:Times, serif;
	}



p.categoryHeading {

	font-size: 1.5em;

	}
.headingFont a{
	text-decoration:none;
	color:#000;
	}
.headingFont a:hover{
	color:#999;
	}
.headingFont a:visited{
	color:#000;
	}

.no-bullet {

	margin-left:0px;

	padding: 0;

	list-style-type: none;

	}

	

.decimal-bullet {

	padding: 12px;

	list-style-type: decimal;

	}

h1>a{
	text-decoration:none;
	color:#3c4f76;
	padding:0;
	}
h1>a:hover{
	color:#2f5ab4;
}

a	{
	color:#3c4f76;
	}
a:hover{
	color:#476ab0;
	}
a:visited {
	color:#9d219c;
	}
/* end of my style */



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