/* 
	Theme Name: Lisa - MyThoughtsWP
	Theme URL: http://www.starryskye.org
	Description: Template for Lisa Martin of MyThoughtsIdeasandRamblings
	Author: Starryskye Designs
	Author URI: http://www.starryskye.org
	Version: 3.0
		
*/


@charset "utf-8";
body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #75b5e3 url(images/gradient.png) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	}

#sidebarL a:link, #sidebarL a:visited { color: 0000ff; }
#linkworth-links, #linkworth-links a:link, #linkworth-links a:visited {color: 0000fff;}


/* #header style */
#header {
	float: center;
	margin: 0 auto;
	padding: 18px 0px;
	height: 218px;
	background: url(images/header.png) no-repeat;
	width: 900px;
	}

#header h1 { display: none; }


/* #container style ~ holds everything together */
#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(images/wrapBG.png) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 


/* #sidebarL style ~ the left column */
	#sidebarL {
		float: right; /* since this element is floated, a width must be given */
		width: 180px; 
		margin-top: -50px;
		margin-right: 10px;
		margin-left: 0px;
		}

	#sidebarL p {
		text-align: left;
		padding: 5px;
		}

	#sidebarL h1, #sidebarL h2, #sidebarL h3 {
		text-align: left;
		list-style-type: none;
		padding-right: 5px;
		}

	#sidebarR h1, #sidebarR h2, #sidebarR h3 {
		text-align: left;
		list-style-type: none;
		padding-right: 5px;
		}


	#sidebarL h1, #sidebarR h1,
	#sidebarL h2, #sidebarR h2 {
		font-size: 16px;
		font-variant:small-caps;
		}

	#sidebarL ul {
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 5px;
		padding-left: 2px;
		list-style-type: none;
		}


	#sidebarL li {
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;
		}

#sidebarL a:link, #sidebarL a:visited { color: 0000ff; }

/* #sidebarR style ~ the right column */
	#sidebarR {
		float: right; /* since this element is floated, a width must be given */
		width: 150px;
		margin-right: 20px;
		margin-left: 0px;
		margin-top: -10px;

		}
	
	#sidebarR p {
		text-align: left;
		padding: 0px;
	
		}
	
	#sidebarR ul {
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		list-style-type: none;
		}


	#sidebarR li {
		margin-left: 0px;
		padding-left: 0px;
		list-style-type: none;
		}


/* PushMyButtons - text widget - vertical banner marquee */
	#popular-posts {
		background:  url(images/sidebarHeaders_popularposts.png) no-repeat;
		width: 169px;
		}

	#popular-posts h2 {
		visibility: hidden;
		}

/* PushMyButtons - text widget - vertical banner marquee */
	#text-421484941 {
		background: url(images/sidebarHeaders_buttons.png)no-repeat;
		width: 165px;
		}

	#text-421484941 h2 {
		visibility: hidden;
		}


/* Categories drop down list */
	#categories-3 {
		background: url(images/sidebarHeaders_categories.png) no-repeat;
		width: 165;	
		}
		
	#categories-3 h2 {
		visibility: hidden;
		padding-bottom: 20px;
		}
	
	#cat {
		width: 150px;
		margin-left: 5px;
		border: 1px solid #000000;
		}


/* Archives drop down list */
	#archives-4 {
		background: url(images/sidebarHeaders_archives.png) no-repeat;
		width: 165;	
		}
		
	#archives-4 h2 {
		visibility: hidden;
		padding-bottom: 10px;
		}
	

/* BEGIN SEARCH STYLE */
	#searchform input {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:10px;
		background-color: #ffffff;
		margin: 0px;
		padding: 4px;
		border:#000000 1px solid;
		color:#000000;
		}

	#searchform #s {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:12px;
		margin: 5px 0px 15px 7px;
		background: #ffffff;
		padding: 3px 4px 3px 4px;
		border:#000000 2px solid;
		color:#000000;
		}
/* END SEARCH STYLE */







/* RIGHT SIDEBAR RSS SETUP */

	#rss-setup {
		font-family: Arial, Helvetica, sans-serif;
		background: #ffffff url(images/feed.png) left no-repeat;
		font-weight: bold;
		font-size: 10px;
		color: #000000;
		width: 150px;
		height: 30px;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 0px;
		text-align: right;
		text-decoration: none;
		margin: 0px 5px 0px -3px;
		}

		


/* #mainContent style ~ this is where all the blog entries will go */
	#mainContent { 
		margin: 0px; 
		width: 55%;
		padding: 2px 5px 5px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		}

	#mainContent h1 {
		color: #000000;
		font-size: 20px;
		font-family: Verdana, Arial, san serif;
		line-height: 20px;
		font-weight: bold;
		text-transform: capitalize;
		border: 0px #ffffff solid;
		}
		
	#mainContent h1 a:link, #mainContent h1 a:visited,
	#mainContent h1 a:active {
		color: #e86a18;
		text-decoration: none;
		font-weight: bold;
		}
		
	#mainContent h1 a:hover {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		}

	#mainContent a:link, #mainContent a:visited,
	#mainContent a:active {
		color: #e86a18;
		text-decoration: none;
		font-weight: normal;
		}
		
	#mainContent h1 a:hover {
		color: #000000;
		text-decoration: none;
		font-weight: normal;
		}


		
	#mainContent p img {
		border: none;
		margin-right: 15px;
		margin-bottom: 10px;
		}
		
	#mainContent h2 {
		color: #000000;
		font-size: 18px;
		font-family: Verdana, Arial, san serif;
		line-height: 18px;
		font-weight: bold;
		text-transform: capitalize;
		border: 0px #ffffff solid;
		margin-left: -5px;
		}

	.ttf {
		border: 0px;
		margin-bottom: -10px;
		margin-top: 0px;
		text-decoration: none;
		}

	#mainContent img.wp-smiley {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
		}
		
	#mainContent img.wp-wink {
		float: none;
		border: none;
		padding: 0px;
		margin: 0px;
		}


/* BEGIN #mainContentMenu CSS Sprite for horizontal navigation */
	#navmenu {
		width: 500px;
		height: 40px;
		margin: 0;
		padding: 0;
		}
	
	#navmenu span { display: none; }
	
	#navmenu li, #navmenu li a {
		display: block;
		list-style-type: none;
		height: 40px;
		}

	#navmenu li {
		list-style-type: none;
		float: left;
		display: inline;
		}

/* Graphical Navigation for #mainContentMenu*/
	/* NAVIGATION LIST STYLE - HOME */
		.menuhome a {
			color: #660033;
			background:  url(images/navigationOFF_03.jpg);
			width: 90px;
			text-decoration: none;
			}
		.menuhome a:hover {
			color: #660033;
			background: url(images/navigationON_03.jpg);
			width: 90px;
			text-decoration: none;
			}

	/* NAVIGATION LIST STYLE - ABOUT */
		.menuabout a {
			color: #660033;
			background: url(images/navigationOFF_04.jpg);
			width: 105px;
			text-decoration: none;
			}
		.menuabout a:hover {
			color: #660033;
			background: url(images/navigationON_04.jpg);
			width: 105px;
			text-decoration: none;
			}
	
	/* NAVIGATION LIST STYLE - ADVERTISE */
		.menuadvertise a {
			color: #660033;
			background: url(images/navigationOFF_05.jpg);	
			width: 155px;
			text-decoration: none;
			}
		.menuadvertise a:hover {
			color: #660033;
			background: url(images/navigationON_05.jpg);	
			width: 155px;
			text-decoration: none;
			}

	/* NAVIGATION LIST STYLE - POLICIES */
		.menupolicies a {
			color: #660033;
			background: url(images/navigationOFF_06.jpg);
			width: 130px;
			text-decoration: none;
			}
		.menupolicies a:hover {
			color: #660033;
			background: url(images/navigationON_06.jpg);
			width: 130px;
			text-decoration: none;
			}
/* END Graphical Navigation for #mainContentMenu*/

	.metainfotop {
		font-size: 11px;
		color: #a8d307;
		line-height: 11px;
		padding: 5px 0px 5px 0px;
		margin-bottom: 0px;
		border-top: 1px solid #449ad4;
		margin-left: 0px;
		margin-top: -5px;
		width: 500px;
		}

	.metainfotop a:link, a:visited, a:active {
		color: #a8d307;
		text-decoration: underline;
		font-weight: bold;
		}

	.metainfotop a:hover {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		}

	.metainfo { 
		font-size: 11px;
		line-height: 14px;
		padding: 5px 0px 5px 0px;
		margin-bottom: 45px;
		background: #e5f0f5;
		border-top: 1px solid #449ad4;
		margin-left: 0px;
		width: 500px;
		}


	.quicknav {
		padding-top: 0px;
		padding-bottom: 0px;
		font-weight: bold;
		}

	.credits {
		padding-top: 5px;
		font-size: 9px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	
/* #footer style */
#footer {
	float: center;
	margin: 0 auto;
	clear: all;
	height: 100px;
	background: url(images/footerBG.png) no-repeat;
	width: 900px;
	}

#footer p {
	margin: 0 auto;
	text-align: left;
	padding-left: 20px;
	padding-top: 25px;
	font-size: 10px;
	}


/* #floats style */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}