/*CSS by Matthew Smith
of Squared Eye Design [o]
Revision date: 2/28/07
***************************************************/

/*=BASICS
--------------------------------------------------*/

* {margin:0;padding:0; border:0;}

body {
  text-align: center;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #666;
	background-color: #B0B0B0;
	line-height: 150% !important;
	line-height: 180%;
	}

p {
  padding-bottom:10px;
  margin-bottom:5px;
}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Verdana, Sans-serif;}

a {
  color: #56B600;
}

a:hover {
  color: #326901;
}
.clear {
 	clear: both;
 	height: 1px;
 	overflow: hidden;
 	margin-bottom: -1px;
	}



acronym {
  border-bottom: 1px solid #BBB;
  cursor: help;
}

hr {
	border-top:2px dashed #CCCCCC;
	margin:-10px 26px 30px;
	}
.note {
	background-color:#CCFF66;
	border: 1px solid #a7d746;
	padding: 8px;
	}
/*=LAYOUT
-------------------------------------------------*/
#outerwrapper {
	height:300px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/outer.gif) repeat-x top left;
	}
#wrapper {
	margin-left:250px;
	text-align:left;
	width:770px;
}

#content {
	background: #FFF url(images/layout_content_end.gif) no-repeat 0 bottom;
	float:left;
	margin-bottom:100px;
	padding-bottom:90px;
	position: relative;
	width:390px;
}


#header {
  height: 80px;
  background: url(images/minismith_title.gif) no-repeat 25px 8px;
}


/*=MENU
--------------------------------------------------*/
#content #menu {
	height:50px;
	margin:0pt 66px 0pt 0pt;
	text-indent:-99999px;
	}
#menu li {float:right; list-style-type: none;}
#menu a {
	display:block;
	height:20px;
	margin-left:12px;
	}
#menu li a:hover {border-bottom: 2px solid #CCC;}
#menu li#home a{background: url(images/menu_home.gif) no-repeat -1px 0; width: 43px;}
#menu li#mama a{background: url(images/menu_mama.gif) no-repeat 0 0; width: 44px;}
#menu li#papa a{background: url(images/menu_papa.gif) no-repeat 0 0; width: 34px;}

#menu li#home a.active {background-position:right 0;}
#menu li#mama a.active {background-position:right 0;}
#menu li#papa a.active {background-position:right 0;}

/*=SUBCONTENT
-------------------------------------------------*/

#subcontent {
  float: left;
  width: 280px;
  display: block;
  background: #fff url(images/layout_subcontent_end.gif) no-repeat right bottom;
  font-size: 10px !important;
  font-size: 9px;
  padding: 8px 0 20px 0;
  }
.subcontent-chunk {padding:0px 0pt 10px 10px;}

#subcontent ul li {
	list-style-type:none;
	margin:6px 0pt;
	}
#subcontent h2 {height: 32px; margin:0 0 10px -10px; text-indent: -99999px;}


#subcontent h3 {
font-size: 12px;
}
#subcontent a:hover {
  color: #326901;
}
/*=SUBNAV-----------------------*/
#subnav li {display: inline;}
#subnav li a {
	background: url(images/icon_bullet_arrow.gif) no-repeat 0pt 92%;
	padding-left:20px;
	margin-right: 20px;
}

/*=BIO-----------------------*/
#biopic {float:left;}
#biopic img {
	border:1px solid #DDDDDD;
	margin-right:10px;
	padding:4px;
	width:119px;
	}
#bio p,
#bio_papa p {
	padding:0pt 10px 5px 0pt;
	line-height: 20x !important;
	line-height: 17px;
	}
#bio h2 {background: url(images/title_h2_bio.gif) no-repeat 0 0;}
#bio_papa h2 {background: url(images/title_h2_bio_papa.gif) no-repeat 0 0;}
/*=ARCHIVE LIST-----------------------*/

#archive-list h2 {background: url(images/title_h2_archive_list.gif) no-repeat 0 0;}
#archive-list li {
	background: url(images/icon_bullet_arrow.gif) no-repeat 0pt 92%;
	padding-left:20px;
	}
/*=SIGNUP FORM-----------------------*/
#signup h2 {background: url(images/title_h2_signup.gif) no-repeat 0 0;}


/*=PAPA LIST-----------------------*/

#papa-list h2 {background: url(images/title_h2_papas_posts.gif) no-repeat 0 0;}
#papa-list li,
#mama-list li {
	background: url(images/icon_bullet_arrow.gif) no-repeat 0pt 92%;
	padding-left:20px;
}
/*=MAMA LIST-----------------------*/

#mama-list h2 {background: url(images/title_h2_mamas_posts.gif) no-repeat 0 0;}

/*=CATEGORY LIST-----------------------*/
#category-list-all h2 {background: url(images/title_h2_categories.gif) no-repeat 0 0;}
#category-list-all ul {margin:0;}
#category-list-all ul li {
	float:left;
	margin:3px 0pt;
	width:48%;
}
#category-list-all ul li a {
	padding:2px 0;
	
}

/*=LINK LIST-----------------------*/

#link-list p.magnolia-byline {
	margin-top:10px;
}



#link-list h2 {background: url(images/title_h2_links.gif) no-repeat 0 0;}
#link-list ul li {
	background: url(images/icon_bullet_arrow.gif) no-repeat 0pt 5%;
	padding-left:20px;
}
#link-list dt {
	margin-bottom:3px;
}

#link-list dd {
	margin-bottom: 15px;
}
form#feedblitz {
	margin: 0;
	padding: 0 10px 10px 10px;
	}
form#feedblitz p{
	margin: 0;
	padding: 5px 0;
	font-size: .9em;
	}
form#feedblitz a {
	margin: 0;
	padding: 1px;
	font-size: .8em;
	}
input#submit-to-feed {
	margin: 8px 0 0 0;
	font-size: .8em;
	width: 70px;
	}
input#email-to-feed {
	width: 140px;
	line-height: 1.2em;
	font-size: 1.1em;
	color: #56B600;
	}




/*=QUICKTIME
------------------------------------------*/
/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}

/*=POST
-----------------------------------------*/

div.post {padding: 0 25px 20px}

div.post p {
  text-align: justify;
  line-height: 1.6em !important;
  line-height: 1.4em;
}

.post h3 {
	color: #444;
	font-size: 16px;
	}
.post h3.sub {
	color:#666;
	font-size: 12px;
	text-transform:uppercase;
}	
	
.meta {
font-size:10px;
margin:-1px 0pt 0pt;
padding:4px;
position:relative;
	
}
.meta a {padding:5px 0pt 5px 17px;}
.meta a.permlink {
	background: url(images/icon_bullet_arrow_grey.gif) no-repeat 0pt 60%; 
	margin-right: 10px;
	}
.meta a.comment-link {
	background:transparent url(images/icon_comments.gif) no-repeat scroll 0pt 60%;
	margin-left:11px;
	}
.meta a#toggle {
	background: url(images/icon_tag.gif)no-repeat 0 50%;
	padding-left: 20px;
}
.post .meta ul#category-list {
background:#FFFFFF none repeat scroll 0% 50%;
margin-top:8px;
padding:7px 15px 7px 5px;
position:absolute;
top:19px;
z-index:1;
}
.post .meta ul#category-list li {
	background:transparent url(images/icon_tag.gif) no-repeat scroll 0pt 50%;
	padding:2px 4px;
}



p.posted {
	padding: 0;
	font-size: 10px !important;
	font-size: 9px;
	line-height: 80% !important;
	line-height: 6px;
	color: #999;
	margin: 0;
	}
h2.posttitle {
background:#F5F5F5;
border-top:1px solid #DEDEDE;
font-size:20px;
font-weight:normal;
letter-spacing:-0.01em;
padding:3px 0pt 6px 3px;
}
h2.posttitle a {text-decoration: none;}
.content-images {
	}
.content-images img {
	margin:10px auto;
	display: block;
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	padding:10px 0;
}

div#pagenav {
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	font-size:1.2em;
	margin:8px -25px 4px;
	padding: 0 25px 0 ;
	}
div#pagenav p {
	margin:0pt;
	padding:3pt 0pt;
}
.leftnav, .left {float: left;}
.rightnav, .right {float: right}



#content ul {
	margin: 5px 0 14px 0;
}

.post ul li {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 20px;
	background: url(images/bullet.gif) no-repeat 0 5px;
	font-size: 1.em;
	line-height: 1.4em;
	letter-spacing: .008em;
	word-spacing: .025em;
}

.post ol {margin: 10px 0;}
.post ol li {
	font-size:1em;
	letter-spacing:0.008em;
	margin:0pt 0pt 0pt 21px;
	padding:0 0pt 5px 7px;
	word-spacing:0.025em;
}


/*=DISPLAY CLASSES
-----------------------------------------------*/

.date {
  display: block;
  text-transform: uppercase;
  color: #56B600;
}

blockquote {
  margin: 10px 20px 10px 20px;
  padding: 10px 0;
  background: #D5E5C7;
  border-left: 2px solid #CCC;
  border-right: 2px solid #CCC;
  font-size: 1.1em;

}

blockquote p {
  padding: 12px;
  margin: 5px 0;
}

p.right img {
  float: right;
  padding: 3px;
}

p.left img {
  float: left;
  padding: 3px;
}

.grey {
  color: #AAA;
}



/*=ROTATOR
----------------------------------------------*/
div#rotator {
	background:transparent url(rotator/rotator.php) no-repeat scroll left top;
	display:block;
	float:left;
	padding-top:530px;
	position: absolute;
	left: -180px;
	top: 0;
	width:180px;
	}

#rotator a, #rotator a:visited {
	color: #DDD;
	margin: 0;
	padding: 0;
	}
#rotator a:hover {
	color: #FFF;
	background-color: transparent;
	}
	
div#rotator p {
	margin: 0;
	padding: 0;
	}

/*=ARCHIVE
-----------------------------------------*/


#archive ul {
margin: 1px 0;
padding: 1px 0;
}
#archive ul li {
list-style-type: none;
}
#archive h3 {
	display: block;
	padding-bottom: 1px;
	margin-top: 6px;
	border-top: 2px solid #eee;
}
li.archive a{
	margin: 0 0 0 10px;
	padding: 0;
display: block;
	}
li.archive a:hover {
background: #EEE;
}



/*=COMMENTS
--------------------------------------------*/
#comment div {padding-top:10px;}
.odd {
  background: #FFF;
  padding: 0;
}
.even {
	background:#CCCCCC none repeat scroll 0%;
	margin:0pt -25px 0;
	padding:0pt 25px 10px;
	}
div#cpreview {
	background-color:#CCFF66;
	margin:0pt -25px;
	padding:10px 25px;
	}
p#cpreview {
	background-color:#CCCCCC;
	color:#333333;
	margin:10px 0px 0px;
	padding:3px 6px;
	text-align:left;
	}
#txpCommentInputForm p.cpreview {
	background-color:#B9440B;
	border:1px solid #9E3908;
	color:#EEEEEE;
	margin:0pt;
	padding:10px;
	}
div#cpreview div.odd, div#cpreview div.even {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0pt 0px 0px;
	padding:6px 15px;
	}
	
	
ol.comments {
  margin: 1.2em 0 1.2em 0;
  border-bottom: 1px solid #56B600;
  list-style-type: none;
}

ol.comments li {
  border-top: 1px solid #56B600;
  padding: 1px 0 1px 0;
}

h3.commenttitle a, h3.commenttitle {
  font-size: 1.1em;
	margin: 0 10px 0 0px;
}

.commentmeta {
  font-size: 0.9em;
  color: #999;
  margin: 0;
  padding: 0 4px;
}

.comments {
  width: 98%;
}





/*COMMENT FORM
-----------------------------------------*/

#txpCommentInputForm {
	margin:5px 0pt 0pt 0px;
	position:relative;
	}
#txpCommentInputForm p {
	margin:5pt 0pt;
	padding:0pt;
}
#comment_name_input,
#comment_email_input,
#comment_web_input {
	height:20px;
	margin-left:20px;
	padding:3px 0pt 2px 3px;
	width:225px !important;
	width: 200px;
}

#txpCommentInputForm label{
	display:block;
	float:left;
	text-align:right;
	width:90px!important;
	width:80px;
	}
#txpCommentInputForm textarea {
	width:339px
}

#txpCommentInputForm #message-label {display: none;}
#txpCommentInputForm input.button {
	border:1px solid #AAAAAA;
	padding:4px;
	position:absolute;
	right:0px !important;
	right: 24px;
}
#txpCommentInputForm .preview input.button {
	right: 63px !important;
	right:92px;
	}

#txpCommentInputForm #remember-set label {
	display:inline;
	float:none;
	padding-right:0;
}
input#forget, input#remember {
  margin-right: 5px;
}

#comment_name_input,
#comment_email_input,
#comment_web_input,
#txpCommentInputForm textarea {
	border:1px solid #BBBBBB;
	font-family:Verdana,arial,sans-serif;	
}

p#txpCommentInputForm {
  width: 300px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 10px 0;
  border-top: 1px solid #E8E7D0;
  border-bottom: 1px solid #E8E7D0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}


/*=CONTACT FORM
------------------------------------------------------*/
#contact_form {margin-left: 25px;}
#contact_form fieldset {border: 0px;}
#contact_form legend {display: none;}
#contact_form textarea,
#contact_form input {
	background: #EEE;
	border: 1px solid #CCC;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	height: 20px;
	width: 228px;
	}
#contact_form input.zemSubmit {
	background:#56B600 none repeat scroll 0%;
	border:1px solid #758717;
	color:#EEEEEE;
	cursor: pointer;
	font-size:14px;
	height:30px;
	width:120px;
}
#contact_form textarea {
	width:339px;
	height: 200px;
	margin-top: 4px;
}
#contact_form label {
	display:block;
	float:left;
	padding-right:10px;
	text-align:right;
	width:100px;
	}
#contact_form label.notes {display:none;}
	
#contact_form li{
	color:#666666;
	font-size:11px;
	list-style-type:none;
	margin-bottom: 8px;
	}
.thanks {
	background-color:#CCFF66;
	padding-bottom: 200px;
}
p#publish {}

/*=SPECIAL
-----------------------------------------------------*/
.audioplayer {
margin-left: 10px
}
.youtube {
margin-left: 10px
}


/*=EMAIL SIGNUP
-----------------------------------------------------*/
#signup {
	margin-bottom: 14px;
}

#signup input#email-field{
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	height:20px;
	margin:0pt 0pt 10px;
	padding:5px 0px 2px 8px;
	width:200px;
}
#signup input#submit-email {
	background:#56B600 none repeat scroll 0%;
	border:1px solid #758717;
	color:#EEEEEE;
	font-size:14px;
	height:30px;
	width:120px;
	cursor:pointer;
}

#signup p {padding:0;}








