body {background: #000;}
body {font-size: 12px;}
.cleared {clear: both;}

ul {margin: 0px; padding: 0px;}
li {margin: 0px; padding: 0px; list-style-type: none;}
/*p {color: #333;}*/
b {font-weight: bold; color: #000;}

a {color: #4684B2; font-weight: bold;}
a:hover {color: #84B446;}
div.img img
  {
  display:inline;
  padding:2px;
  border:1px solid #ccc;
  }

.review-title { display: inline;}

.push3 {margin-left: 6px}
.archive {margin-top: 24px;} /*for archive 2009, 2008, etc */
.archive-link li {display: inline; }
.archive-link {padding-bottom: 12px; font-size: 14px;}

legend {padding-bottom: 12px;}

#sidebar ul {margin-left: 0px;padding-left: 0px;}
#sidebar li {margin-left: 0px;padding-left: 0px; }

#latest-columns {padding: 36px 0 0;}
#intouch a {font-weight: normal; font-size: 14px; padding-top: 2px;}
#intouch li {margin-bottom: 6px;}
li#twitter { padding-left: 0px; text-indent: 28px;  width: 24px; height: 28px; background: transparent url(http://www.chrismeserole.com/images/uploads/cmcsprite1.jpg) -4px -71px no-repeat;}
li#facebook { padding-left: 0px; text-indent: 28px;  width: 24px; height: 28px; background: transparent url(http://www.chrismeserole.com/images/uploads/cmcsprite1.jpg) -33px -95px no-repeat;}
li#gmail { padding-top: 3px; padding-left: 0px; text-indent: 28px;  width: 28px; height: 24px; background: transparent url(http://www.chrismeserole.com/images/uploads/cmcsprite1.jpg) -4px -95px no-repeat;}
li#linkedin { padding-left: 0px; text-indent: 28px;  width: 24px; height: 24px; background: transparent url(http://www.chrismeserole.com/images/uploads/cmcsprite1.jpg) -33px -71px no-repeat;}

#primary-headers a:link, #primary-headers a:visited, #primary-headers a:active {color: #4684B2;}
#primary-headers a:hover {color:#84B446;}

input {color: red;}

#sidebar a {color: #9CBED8;}
#sidebar a:hover {color: #84B446;}

#emailer a, #profile a {color: #B4464D;}
#emailer a:hover, #profile a:hover {color: #84B446;}
a#emailer {color: #B4464D;}
a:hover#emailer {color: #84B446;}


/* -----------------------------------------
		MASTHEAD 
------------------------------------------*/

#masthead {	overflow: hidden; width: 100%; height: 42px;}

#masthead-content {	padding: 4px 0px 3px;	}

#masthead h1 {font-size: 24px;  line-height: 32px; color: #fff;}
#masthead-content a:link, #masthead-content a:visited, #masthead-content a:active {color: #fff; text-shadow: 1px 1px 1px #454545;}
#masthead-content a:hover {color: #84B446;}

#menu { text-align: right;}
#menu li {display: inline; margin-top: 6px; font-size: 16px; line-height: 32px}
#menu li a:link, #menu li a:visited, #menu li a:active {color: #84B446}
#menu li a:hover {color: #B4464D}



/* --------------------------------------------------------
		MAIN BODY 
---------------------------------------------------------*/

#base {	margin: 0px auto 0; padding: 65px 0em 100px; background-color: #fff;	}


/* --------------------------------------------------------
	PRIMARY-HEADERS  STRUCTURE 
---------------------------------------------------------*/

#primary-headers { padding: 0px 0 0px;  }
#primary-headers h2, .data-spacer h6 {font-size: 24px;  margin: 0px; padding: 28px 0 0px;}

#primary-sidebar-header {
	height: 65px;
	}
#cmchead {
	height: 65px;
	background: #fff url(http://chrismeserole.com/images/uploads/cmcsprite1.jpg) -21px -5px no-repeat;
	
}	
 	
#primary-sidebar-header h2 {color: #ccc; margin-top: 0px; padding-bottom: 0px;}


/* --------------------------------------------------------
		LOOP STRUCTURES 
---------------------------------------------------------*/


#primary-entry-content {
	padding-top: 6px;
	}

.entry-data {
	line-height: 1em;
	font-size: 1em;
	}

.entry-data li {
	padding: 18px 0px 2px; 
	font-size: 1em;
	line-height: 1.4em;
	color: #aaa;
	}
.entry-data2 {
	line-height: 1em;
	font-size: 1em;
	}

.entry-data2 li {
	padding: 24px 0px 2px; 
	font-size: 1em;
	line-height: 1.4em;
	color: #aaa;
	}

.entry-title {
	margin: 0em;
	}

.entry-title h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px; 
	}
.data-spacer2 h6 {font-size: 20px; margin: 0px; padding: 0px; }
.entry-content { 
	margin: 12px 0 3em; 
	}

#primary-review-content {
	padding-top: 1.6em;
	}
#primary-review-content li {font-size: 1.2em;}
.review-title a:link, 
.review-title a:visited,
.review-title a:active {
	color: #999;
	} 
.review-title {font-family: garamond; color: #999; font-size: 1em;}
.review-byline {color: #999}

.review a:link,
.review a:active,
.review a:visited {
	color: red;
	}

#page-content blockquote {
	background: #eee;
	border-left: 1px solid #ccc;
	color: #666;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 6px 3px 12px;
	}


#page-content a {
	font-weight: normal;
	}
	
a#gb {color: red; }

#primary-entry-content p,
.entry-content p,
.review-content p
	{
	font-size: 1.2em; 
	line-height: 1.6em;
	padding-top: .5em;
	}


.blog-content {
	padding: 0 0 3em;
	font-color: #000;
	}

.blog-content blockquote {border-left: 1px solid #eee; padding: 0 0 6px 10px; font-size: 10px; line-height: 14px; font-style: normal; }
.blog-content blockquote p {margin: 0px 0 6px; padding: 0px;}
/* ----------------------------------------------------
		SIDEBAR STRUCTURES
-----------------------------------------------------*/


#profile {padding: 12px 0 30px;}

#profile p 
	{
	font-size: 12px; 
	line-height: 16px;
	padding: 0px 0 8px;
	margin: 0px;
	}

#profile img {border: 1px solid #ccc;}
#profile .righty {float: right;}
#sidebar {padding: 0px; padding-top: 12px; font-size: 1em; }
.sidebar-section {padding:1.5em 0px 3em;}

.sidebar-entry li { padding: 0 0 1.5em; display: inline; }
li.sidebar-entry-content { padding: 1em 0 0;}


#sidebar h2 {
	font-size: 24px;
	height: 1.2em;
	padding: 0em 0 0em;
	margin-bottom: 0em;
	}

#contact-policy {padding-bottom: 16px;}

#network-profiles {padding-top: 20px;}

#network-profiles ul li {display: inline; margin-right: 8px;}


/*--------------------------------------------------------
	BOOKMARK	STRUCTURES
--------------------------------------------------------*/


#bookmarks { padding: 0 0 3em; background: #efefef;}

#bookmarks-titles {padding: 0 0 .5em; }
#bookmarks-titles h3 {padding: 3em 0 .5em; }

.bookmark-entry ul {padding: 0 0 1em;}
.bookmark-entry li {display: block; line-height: 1.5em; }




/* -----------------------------------------------------
		FOOTER STRUCTURES
-----------------------------------------------------*/
#site-info { 	padding: 1.5em 0 2em; }

#credits { text-align: right;}




/* -----------------------------------------------------
		CONTACT FORM
-----------------------------------------------------*/

.contact-form {margin: 2em 0px 100px; padding: 0em 0em;}
.contact-form p {line-height: 1.4em; font-size: 1.4em; color: #777}



/*----------------------------------------------
	GENERIC STYLES
-------------------------------------------------*/


.blacked { background: #000; }
.darked { background: #333; }
.lighted {background-color: #efefef;}

.darkest { color: #000;}
.darker {color: #333;}
.grey {	color: #454545;}
.lighter {color: #666;}
.lightest {color: #999;}

.greyed {color: #ccc;}
.whited {color: #fff;}



/*------------------------------------
	ANCHOR  STYLES
------------------------------------*/


a:link, 
a:hover,  
a:active, 
a:visited {text-decoration: none; }

/*------------------------------------
	HOVER  STYLES
------------------------------------*/


#sidebar:hover {color: #333}
#sidebar:hover .byline {color:#888}
#sidebar:hover .sidebar-entry-data {color: #777}
#sidebar:hover a {color: #4684B2}
#sidebar:hover a:hover {color: #84B446}

#sidebar:hover #profile a {color:#B4464D}
#sidebar:hover #profile a:hover {color: #84B446}
/*------------------------------------
	BORDER  STYLES
------------------------------------*/

.bm1px {border-bottom: 1px solid #000;}
.b1D {border-bottom: 1px solid #333; }
.b1G {border-bottom: 1px solid #999;}
.bm1pxAAA {border-bottom: 1px solid #aaa;}
.b1F {border-bottom: 1px solid #ccc;}
.b2F {border-bottom: double #ccc;}
.bm1pxWhite {border-bottom: 1px solid #fff;}

.tp1px {border-top: 1px solid #000;}
.tp1pxDark {border-top: 1px solid #333; }
.t1G {border-top: 1px solid #999;}
.t1F {border-top: 1px solid #ccc;}
.tp1pxWhite {border-top: 1px solid #fff;}

.bm2px {border-bottom: 2px solid #000; }
.bm2pxDark {border-bottom: 2px solid #333; }

.tp2px {border-top: 2px solid #000;}






/*--------------------------------------------
	TEXT	STYLES
--------------------------------------------*/

#bookmarks-titles h3 {color: #333;    }

#site-info
	 { color: #dedede; }