/*  



	Theme Name: Notepad-Todd


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



	Version: 1.0



	Author: Dennis Lambing



	Description: Notepad Theme is a simple website CMS theme for professionals, like business coaches and consultants



	All CSS, XHTML and design is copyrighted. Please don't steal.







	Changelog:



		v1.0 - 04.01.08



		First Release of Notepad



*/







html, body { margin: 0; padding: 0; }







body { 



	background: #fff;



	color: #666;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	text-align: center;



	margin: 0px; padding: 0px 0px 0px 0px;



}







body * {margin: 0px; padding: 0px;}







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



		Link Styles



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



a {



	color: #2255AA;



	text-decoration: underline;



}







a:hover { color: #333; text-decoration: none; }







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



		Text Elements



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



p, ul, ol, blockquote {color: #666;}



ol, ul {



	margin: 5px 35px;



}



blockquote {



	margin: 5px 0px 5px 10px;



	padding: 0px 0px 0px 10px;



	border-left: 1px solid #999;



}



img { border: 0px; background: none; padding: 0px 10px 5px 0px; }



p {



	padding: 10px 0px;



	margin: 0px;



	line-height: 20px;



}



.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }







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



		Header Styles



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



h1 { /* This style used as title on single posts and pages */



	padding: 5px 0px 0px 0px;



	margin: 0px;



	color: #2255AA;



	font-size: 26px;



	font-family: Times New Roman, Georgia, Arial;



	font-weight: normal;



	text-decoration: none;



	text-align: center;



}



h1 a {



	color: #2255AA;



	text-decoration: none;



}



h2 { /* This style used as header in the sidebars */



	color: #202020;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	padding: 10px 0px 3px 0px;



	margin: 0px 0px 5px 0px;



	border-bottom: double #C0C0C0;



}



h3 { /* This style used as the post titles on homepage/archive */



	color: #2255AA;



	font-size: 24px;



	font-family: Times New Roman, Georgia, Arial;



	font-weight: normal;



	padding: 10px 0px 5px 0px;



	margin: 0px;



	text-decoration: none;



	text-align: left;



}



h3 a {



	color: #2255AA;



	text-decoration: none;



}



h3 a:hover {



	color: #333;



	text-decoration: none;



}



h4 { /* This style used as title for comments and as the identifying header on archive page  */



	font-family: Arial, Helvetica, sans-serif;



	font-size: 18px;



	padding: 10px 0px 5px 0px;



	margin: 0px;



	color: #666;



	text-decoration: none;



	clear: both;



}



h5 { /* This style used as header in the sidebars */



	color: #202020;



	font-size: 12px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	padding: 10px 0px 3px 0px;



	margin: 0px 0px 5px 0px;



	border-bottom: double #C0C0C0;



	text-align: center;



}







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



		Header Div Styles



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



#toptag {



	display: block;



	background: #ccc;



	color: #666;



	margin: 0px auto; padding: 10px;



	text-align: center;



	letter-spacing: 6px;



	text-transform: uppercase;



}



#header {



	display: block;



	width: 654px;



	margin: 0px auto; padding: 25px 0px 0px 0px;



	text-align: left;



}



#header #title {



	color: #000;



	font-size: 30px;



	font-family: Helvetica, Arial, sans-serif;



	font-weight: bold;



	padding: 0px 0px 0px 0px;



	margin: 5px 0px 10px 0px;



	color: #666;



	text-decoration: none;



	text-align: center;



}



#header #title a {



	color: #000;



	text-decoration: none;



}



#header #title a:hover {



	color: #333;



	text-decoration: none;



}



#header #tagline { 



	font-size: 13px;



	font-family: Arial, Tahoma, Verdana;



	font-weight: bold;



	color: #333;



	padding: 3px 0px 3px 0px;



	margin: 0px;



	text-align: center;



	letter-spacing: 5px;



	text-transform: uppercase;



}



#menu {



	list-style-type: none;



	text-align: center;



	text-transform: uppercase;



	font-size: 12px;



	font-weight: bold;



	margin: 20px 0px 20px 0px; padding: 0px;



}



#menu li {



	margin: 0px; padding: 7px 15px;



	display: inline;



}



#menu li a {



	color: #666;



	text-decoration: none;



}



/* if you want to set a "current page item" style, do it here */



#menu li.current_page_item a, #menu li.current_page_item a:visited {



	color: #666;



	text-decoration: none;



}



#menu li a:hover {



	color: #333;



	text-decoration: none;



}







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



		Container Div / Wrap Div



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



#container {



	text-align: left;



    margin: 0px auto;



    width: 654px;



    padding: 0px;



}



#wrap {



    margin: 0px; padding: 0px;



    width: 654px;



}







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



		Content Div



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



#content {



	background: #FFF;



	float: right;



	margin: 0px;



	padding: 15px;



    width: 622px;



	border: 1px solid #CCC;



	display: block;



}



#content img.featureimg {



	float: left;



	margin: 0px; padding: 0px 10px 10px 0px;



}



.post-more { /* Use this class to style the "more" tag */



}



.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */



}







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



		Post Meta Styles



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



.meta-top {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 0px;



	margin: 0px;



}







.meta-top p {



	font-family: Arial, Sans-Serif;



	font-size: 11px;



	text-transform: uppercase;



	margin: 15px 0px 0px 0px; padding: 0px;



	text-align: center;



}



.meta-bottom {



	clear: both; /* we need this so floats in the post are cleared */



	padding: 5px; margin: 0px;



}



.meta-date {



	margin: 0px 5px;



}



.meta-author {



	margin: 0px 5px;



}



.meta-comments {



	margin: 0px 5px;



}



.meta-category {



	margin: 0px 5px;



}







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



		Previous/Next Page Navigation



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



.page-nav {



	clear: both; /* To clear any floats */



	margin: 10px 0px;



	padding: 10px 0px;



}



.nav-previous {



	width: 249px; 



	float: left; 



	text-align: left;



}



.nav-next {



	width: 249px; 



	float: right; 



	text-align: right;



}







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



		Left Sidebar



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



#l_sidebar {



	color: #666;



	display: block;



	float: left;



	width: 285px;



	margin: 10px 0px 10px 0px; padding: 10px 10px 5px 20px;



	display: block; /* floats are handled as block elements, this is to fix 



						a margin collapsing bug in IE */



}



#l_sidebar p, #l_sidebar .text-widget {



	padding: 0px 0px 5px 0px;



}



#l_sidebar img {



	text-align: center;



}



#l_sidebar form {



	padding: 0px;



	margin: 5px 0px;



}



#l_sidebar ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li {



	padding: 0px 0px 10px 0px;



}



#l_sidebar ul li.item {



	padding: 0px 0px 10px 0px;



	display: block;



	float: left;



}



#l_sidebar ul li ul {



	padding: 0px 0px 0px 15px;



	list-style-type: square;



}



#l_sidebar ul li ul li {



	padding: 0px;



	margin: 6px 0px;



}



#l_sidebar ul li ul li a {



	color: #2255AA;



	text-decoration: none;



}



#l_sidebar ul li ul li a:hover {



	color: #333;



	text-decoration: underline;



}



#l_sidebar ul li ul li ul {



	padding: 0px;



	margin: 0px;



}



#l_sidebar ul li ul li ul li {



	padding: 0px;



	margin: 5px 10px 5px 5px;



}







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



		Right Sidebar



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



#r_sidebar {



	color: #666;



	display: inline;



	float: right;



	width: 285px;



	margin: 10px 0px 10px 0px; padding: 10px 10px 5px 20px;



	display: block; /* floats are handled as block elements, this is to fix 



						a margin collapsing bug in IE */



}



#r_sidebar p {



	padding: 0px 0px 5px 0px;



}



#r_sidebar img {



	text-align: center;



}



#r_sidebar form {



	padding: 0px;



	margin: 5px 0px;



}



#r_sidebar ul {



	list-style-type: none;



	padding: 0px;



	margin: 0px;



}



#r_sidebar ul li {



	padding: 0px 0px 10px 0px;



}



#r_sidebar ul li.item {



	padding: 0px 0px 10px 0px;



	display: block;



	float: left;



}



#r_sidebar ul li ul {



	padding: 0px 0px 0px 15px;



	list-style-type: square;



}



#r_sidebar ul li ul li {



	padding: 0px;



	margin: 6px 0px;



}



#r_sidebar ul li ul li a {



	color: #2255AA;



	text-decoration: none;



}



#r_sidebar ul li ul li a:hover {



	color: #333;



	text-decoration: underline;



}



#r_sidebar ul li ul li ul {



	padding: 0px;



	margin: 0px;



}



#r_sidebar ul li ul li ul li {



	padding: 0px;



	margin: 5px 10px 5px 5px;



}







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



		Comment Styles



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



#comments {



	padding: 8px;



}



#comments .even {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}



#comments .odd {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border-bottom: 1px dotted #B7B7B7;



}















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



		Footer Styles



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



#footer {



	width: 654px;



	color: #666;



	margin: 0px auto;



	padding: 15px 0px;



	clear: both;



	text-align: left;



	font-size: 11px;



	line-height: 14px;



	border-top: 1px solid #C0C0C0;



}



#footer a {



	color: #666;



	text-decoration: none;



}



#footer a:hover {



	color: #000;



	text-decoration: underline;



}



#footer .left {



	width: 40%;



	float: left;



	margin: 0px 0px 0px 20px;



}



#footer .right {



	width: 40%;



	float: right;



	text-align: right;



	margin: 0px 20px 0px 0px;	



}





table { 

  margin-left: auto;

  margin-right: auto;

}