/*  
Theme Name: ZMAngBlog Beta I
Theme URI: http://blog.zmang.com
Description: Theme for ZMAngBlog, with the uber-popular Hemingway theme as base.
Version: 0.5
Author: ZMAng
Author URI: http://zmang.com
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

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

* html #comments cite{
	width: 30.6%;
}

* html #primary .secondary{
	margin-right: 4%;
}

#primary.onecol-stories .primary{
	float:left;
	width:50%;
}
#primary.onecol-stories .secondary{
	float:right;
	width:40%;
	margin:0 0 0 10%;
}

a{
	color: #000000;
}

a: hover{
	text-decoration:none;
}

a img{
	border: none;
}

blockquote{
	border-left: 2px solid #CCCCCC;
	color: #CCCCCC;
	margin-left: 1em;
	padding-left: 1em;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body{
	background: #3A3A3A;
	color: #404040;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
}

fieldset {
	padding: .5em;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin: 1em 0px;
}

h1{
	color: #000000;
	font-size: 1.8em;
	font-weight: normal;
	margin: 1em 1em 0.75em 0px;
	letter-spacing:-0.05em;
}

h2 {
	color: #000000;
	font-size: 1.15em;
	font-weight: normal;
}

h3 {
	color: #000000;
	font-size: 1.15em;
}

input.textfield, textarea{
	background-color: #F8F8F8;
	border: 1px solid #868686;
	margin: 5px 0px;
	width: 15em;
}

label.text{
	left: 0.5em;
	position: relative;
	top: -0.5em;
}

li, dd {
	margin-left: 5%;
}

ol#comments{
	list-style-type: none;
	margin: 2em 0px;
}

ol#comments li{
	list-style-type: none;
	margin: 2em 0px;
}

ol#comments li.mycomment {
   background-color: #fbfbfb;
   border: solid 1px #333333;
   padding: 0.5em;
   padding-top:1.85em;
}

p{
	line-height: 1.75em;
}


select option{
	padding: 0px 5px;
}

table{
	border-spacing: 2px;
	margin: 1.5em 0px;
	width: 100%;
}

table caption{
	color: #000000;
	margin-bottom: -1em;
	margin-top: 1em;
	text-align: left;
}

table td{
	background: #CCCCCC;
	color: #000000;
}

table th{
	background: #CCCCCC;
	color: #000000;
	text-align: left;
}

table th, table td{
	padding: 0.3em 0.75em;
}

textarea.commentbox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	height: 10em;
	margin: 5px 0px;
	padding: 0.25em;
	width: 28em;
}

ul li{
	list-style-type: square;
	margin: 0.5em 0px 0.5em 2em;
}
ol li{
        margin-bottom:0.5em;
}
ul.counts .count{
	color: #7A7A7A;
	float: right;
}

ul.dates .date{
	color: #7A7A7A;
	padding: 0px 1.5em 0px 0px;
}

ul.dates a, ul.counts a{
	color: inherit;
	color: #404040;
	text-decoration: none;
}

ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{
	color: #000000;
}

ul.dates li, ul.counts li{
	border-bottom: 1px solid #808080;
	list-style-type: none;
	margin: 0px;
	padding: 0.5em 0px;
}

ul.dates, ul.counts{
	border-top: 1px solid #808080;
	list-style-type: none;
	margin: 1.5em 0px;
}

.clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

.comment-head{
	border-bottom: 1px solid #E3E3E3;
	padding: 0.8em 2em 1.0em 2em;
}

.comment-head .details{
	font-size: 0.95em;
}

.comment-head a{
	color: #868686;
	text-decoration: none;
}

.comment-head h2{
	font-size: 1.5em;
	margin: 0px;
}

.formactions .spinner{
	float: right;
	margin: -8px -20px 0px 0px;
}

.formactions input.submit{
	background-color: #CCCCCC;
	border: 1px solid #868686;
	float: right;
	margin: -1em 0px 0px 0px;
	padding: 0px 0.5em;
}

.hide, .print-logo, .close-button{
	display: none;
}

/* This class sets the width and position for all rows */
.inside{
position:relative;
	width:83%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

.postinside{
	width:83%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
}

.postinside:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

.insidemain {
	width:57.5%;
	margin-right:2.5%;
	float:left;
}
.insideside {
	width:39%;
	float:right;
}

.emp1, .emp6, .emp8 {
	color: #9ACE00;
	font-size: 1.4em;

	letter-spacing: -0.05em;
}

.emp2, .emp5, .emp7, .emp9{
	color: #000000;
	font-size: 1.4em;

	letter-spacing: -0.05em;
}

.emp3, .emp10, .emp4{
	color: #F4950D;
	font-size: 1.4em;
	letter-spacing: -0.05em;
}

.sideblock {
	padding-bottom:1.8em;
	color:#333333;
}

.left{
	float: left;
}

.right{
	float: right;
}

.rule{
	border-top: 1px solid #CCCCCC;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 1.5em 0px;
}

.secondary .featured dl{
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0.5em 0px 0.6em 0px;
}

.secondary .featured p{
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	line-height: 1.5em;
	margin: 1em 0px 0px 0px;
	padding: 0.5em 0px 0.6em 0px;
}

.secondary dd{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.secondary dd a{
	color: #808080;
}

.secondary dd a:hover{
	color: #000000;
}

.secondary dt{
	color: #AAAAAA;
	display: inline;
	margin: 0px;
	padding: 0px;
}

.single-post h1, .single-post h2, .single-post h3{
	margin-top: 0px;
}

h3.secondary {
    font-size:1.35em;
	margin-bottom:0;
	padding-bottom:0;
    color:#000000;
	font-weight:bold;
}
.story h3{
	color: #666666;
	font-size: 1.75em;
	font-weight: normal;
	margin: 1.4em 0px 0.6em 0px;
	letter-spacing: -0.05em;
}

.story h3 a{
	border-bottom: 1px dotted #666666;
	color: #000000;
	text-decoration: none;
}

.story h3 a:hover {
	border-bottom: none;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary{
	border-top: 2px solid #797676;
	padding: 2em 0px 0px 0px;
}

#ancillary .block{
	float: left;
	margin: 0px 0px 0px 5%;
	width: 30%;
	color: #7A7A7A;
}

#ancillary a {
    color: #C2C2C2;
	}
	
#ancillary a:hover {
    color: #FFF;
	}	
	
* html #ancillary .block{
	margin: 0px 0px 0px 3%;
}

#ancillary .block h2, #ancillary .block h3{
	margin: 0px 0px 1em 0px;
	color: #9ACE00;
        font-size:1.5em;
}

#ancillary .block-separator{
	clear: both;
	height: 2.5em;
}

#ancillary .first, * html #ancillary .first{
	clear: both;
	margin: 0px;
}

#ancillary .thrice-length{
	width: 100%;
}

#ancillary .twice-length{
	width: 65%;
}

#comment-form{
	margin: 5em 0px 5em 35.4%;
	width: 36em;
}

#comments .content{
	border-left: 1px solid #868686;
	float: left;
	margin-left: 1.9%;
	padding: 0px 0px 0px 2%;
	width: 60%;
}

#comments .content h3{
	font-size: 1em;
	margin: 0px;
}

#comments .content p{
	margin: 0px 0px 1em 0px;
}

#comments .pingback cite .author{
	background: url(../images/trackback_pingback.gif) 100% 0 no-repeat;
	display: block;
	padding-top: 68px;
}

#comments cite{
	float: left;
	font-style: normal;
	text-align: right;
	width: 31%;
}

#comments cite .admin-tools{
	margin: 5px 0px;
}

#comments cite .admin-tools a{
	background: #666666;
	border: 1px solid #999999;
	float: right;
	margin: 0px 5px;
	padding: 0px 3px 3px;
	text-decoration: none;
}

#comments cite .author{
	font-size: 1.2em;
}

#comments cite .author a{
	text-decoration: none;
}

#comments cite span{
	display: block;
}

#errors{
	color: #FF0000;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer1 {
	width:100%;
	background:#333 url('http://zmang.com/images/stripes.gif');
	font-size:11px;
	padding:5px 0 5px 0;
	color:#ffffff;
	float:left;
}

#footer1 a {
	color:#9ACE00;
}

#footer1 a:hover {
	color:#FFF;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background: #FFFFFF;
}

#header .inside{
	padding: 2em 0px 3em 0;
}

#header h2{
	border-right: 1px solid #808080;
	float: left;
	font-size: 2.75em;
	margin: 0px 0.4em 0px 0px;
	padding: 0px 0.5em 0.25em 0px;
	letter-spacing:-0.05em;
}

#header h2 a{
	color: #000000;
	text-decoration: none;
}

#header p{
	line-height: 1em;
	margin: 0px;
	padding: 1.2em 1em 1em 1em;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/
#primary{
	background: #FFFFFF;
	color: #333333;
	padding:1px 0 2em 0;
}

#primary .primary{
	float: right;
	width: 65%;
}

#primary .secondary{
	display: inline;
	float: right;
	margin-right: 5%;
	padding-top: 0.65em;
	width: 30%;
}

#primary .secondary .admin-tools{ margin:1em 0; }
#primary h2{
	color: #000000;
}

#primary.onecol-stories .primary{
	float: left;
	width: 50%;
}

#primary.onecol-stories .secondary{
	float: right;
	margin: 0 0 0 10%;
	width: 40%;
}

#primary.twocol-stories .first, * html #primary.twocol-stories .first{
	margin:0 0 0 0;
}

#primary.twocol-stories .story{
	float:left;
	width:100%%;
	margin:0 0 0 0;
	display:inline;
}
.detailbox {
	margin:1.4em 0 0.4em 0;
	background: #fff url('http://static.flickr.com/87/218757902_3000dbc7ba_o.gif');
	}
.story .details{
	text-align:center;
	padding:0.4em 0;
	font-size:0.95em;
	color:#333;
	
}
.story .details .read-on{
	background:url(../images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px;
}
.story .details a{
	color:#61CECF;
	text-decoration:none;
}

.story .details a:hover{ color:#000000; }

#search .spinner{
	padding: 0px 0px 5px 0px;
	text-align: right;
}

#search img{
	left: -5px;
	margin-top: 2px;
	position: relative;
	top: 0.25em;
}

#search img.archives-icon{
	margin: 0px 7px 0px 0px;
	top: 1px;
}

#search input{
	background-color: #F8F8F8;
	border: 1px solid #868686;
	font-size: 0.85em;
	margin-top: 2px;
	width: 175px;
}

#search input:focus{
	background: #FFFFFF;
}

#search-result ul{
	margin: 0px;
}

#search-results{
	background: #CCCCCC;
	border-top: 1em solid #000000;
	float: right;
	-moz-opacity: 0.9;
	padding: 0px 0px 0px 0px;
	width: 30%;
}

#search-results h3{
	background: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 1em 0px;
	text-align: left;
}

#search-results small{
	border-bottom: 1px solid #555555;
	border-top: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	padding: 0.5em 1em 0.7em 1em;
	text-align: left;
}

#search-results small a{
	color: #CCCCCC;
}

#search-results ul li{
	list-style-type: none;
	margin: 0.5em 0px;
	padding: 0px 1em 0.5em 1em;
}

#search-results ul li a{
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
}

#search-results ul li:hover{
	background: #202020;
}

/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary{
	background: #F3F3F3;
	border-top: 1px solid #E3E3E3;
	padding: 1px 2em;
}

#catlist, #catlist2 {
		padding:1em 0 1em 0;
}
#catlist ul, #catlist2 ul {
        list-style-type:none;
padding:0;
		margin:0;
}
#catlist ul li, #catlist2 ul li {
    border:none;
    padding:0;
	margin:0;
    list-style-type:none;
	width:100%;
}

#catlist li, #catlist2 li {
    padding:0;
	margin:0;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#catlist li a {
	color: #9ACE00;
	background: #000000;
	padding: 5px 0 5px 0;
	text-align:center;
	margin: 0 0 0.1em 0;
	text-decoration: none;
	font-size:1.1em;
	display: block;
	float: left;
	clear: left;
	width:100%;


}

#catlist2 li a {
	background: #000000;
	color: #F4950D;
	padding: 5px 0 5px 0;
	text-align:center;
	margin: 0 0 0.1em 0;
	text-decoration: none;
	font-size:1.1em;
	display: block;
	float: left;
	clear: left;
	width:100%;

}

#catlist li>a, #catlist2 li>a {
float: none;
}
	
#catlist a:hover {
	color: #FFFFFF;
	background: #9ACE00;
}


	
#catlist2 a:hover {
	color: #FFFFFF;
	background: #F4950D;
}

.widget{
    list-style-type:none;
	margin:0;
	padding:0;
		}	
.flickr-photos, #links, #combox, #feedbox {
	margin:0;
	padding:0;
	background: transparent url('http://static.flickr.com/98/219222618_8f9ee2b281_o.gif') top left repeat;
}

#links, #combox, #feedbox {
	margin-top:12px;
	}

#combox {
_padding-top:3px;
_padding-bottom:3px;
}	
.flickr-photos:before, #links:before, #combox:before, #feedbox:before, .detailbox:before {
	background: transparent url('http://static.flickr.com/64/219233963_d53a051031_o.gif') right top no-repeat;
margin-bottom: -5px;
	height: 5px;
	display: block;
	content: url('http://static.flickr.com/75/219234268_6c23a66eed_o.gif');
	}
.flickr-photos:after, #links:after, #combox:after, #feedbox:after, .detailbox:after {
	background: transparent url('http://static.flickr.com/85/219234893_1d80c30849_o.gif') right bottom no-repeat;
	margin-top: -5px;
	height: 5px;
	display: block;
	padding: 0;
	content: url('http://static.flickr.com/73/219234560_9d79077a70_o.gif');
	clear:both;
	}
.inside-flickr-widget {
	padding: 12px 0px 9px ;
	}
#inside-combox {
	padding:0 12px 0 8px;
}	
.deep-inside {
	width:267px;
	margin: 0 auto 0 auto;	
	}
	
.widgettitle {display:none; visibility:hidden;}	
.flickr-photos img {
        border: 1px solid #CCCCCC;
		padding: 5px;
}

.flickr-photos img:hover {
        border: 1px solid #9ACE00;
}

.sidearchive {
padding-bottom:0.5em;
}	

.sidearchive a {
       text-decoration:none;
	border-bottom: 1px dotted #666666;
}
.sidearchive a:hover {
       text-decoration:none;
	border-bottom: none;
}
#topline {
	width:100%;
	height:20px;
	background:#000000 url('http://static.flickr.com/87/218757902_3000dbc7ba_o.gif');
	font-size:11px;
	color:#FF9900;
	margin:0;
	padding:0;
}

a.toggler, a.archiver {
	position: absolute;
	z-index: 100;
	display: block;
	width: 160px;
	height: 30px;
	text-indent: -3000px;
	background: url('http://blog.zmang.com/toggle.gif') left top no-repeat
}
a.toggler {
	top:0;
	right:10px;
	}
a.archiver {
	top:0;
	right:195px;
	background: url('http://static.flickr.com/67/219404668_12ac1d778a_o.gif') left top no-repeat
	}
	
#searchbox {
	background:	#fff;
	border: 2px solid #DC5E04;
}

#submitbutton {
	background:	#DC5E04;
	border: 2px solid #DC5E04;
        color: #fff;
}

#navilinks{
	font-size:12px;
	padding: 1.3em 3% 0 0;
	margin:0;
}

#navilinks a {
        color: #FFFFFF;
        text-decoration:none;
}

#navilinks ul {
	list-style: none;
	margin: 0;
	padding:0 0 0 5px;
	display: inline;
}

#navilinks li {
	list-style: none;
	margin: 0;
	padding:0 20px 0 0;
	display: inline;
}
.page_item {
	margin: 0;
	padding: 0;
}

#backtotop, #backtoarchives {
	float: right;
	padding-bottom: 1.5em;
}

#backtotop a {
	color: #9ACE00;
	}

#backtoarchives a {
	color: #7A7A7A;
        text-decoration: none;
        border-bottom: 1px dotted #7A7A7A;
	}

#recentcom {
       color: #5A5A5A;
}
#recentcom a {
        color: #9ACE00;
}

#emp5 {
       color: #000000;
}

#relentries {
       list-style-type:none;

}

#relentries ul {
       list-style-type:none;
       margin-left:0;
       padding-left:0;
}


#relentries li {
       list-style-type:none;
      padding-bottom:0.1em;
       margin-left:0;
       padding-left:0;
}

#relentries a {
      color:#808080;
      text-decoration:none;

}
#relentries a:hover {
      color:#000000;

}
.personal {
display:none;
}
html>body .personal {
display:inline;
font-family: Arial;
float:right;
margin-top:-2.7em;
color:#FFFFFF;
letter-spacing: 0.1px;
font-size:1.1em;
background: #EDECDA;
padding:0.25em;
}

  
ul.linklog li {
float:left;
font:Verdana;
font-size:1em;
list-style-type: none;
list-style-image: url(http://blog.zmang.com/asidebul.gif);
padding-top:1.4em;
margin-left:0;
padding-left:0;
width:100%;
}

ul.linklog li a {
color:#61CECF;
text-decoration:none;
}

.authorcom {
text-align:right;
color: #9ACE00;
width: 99%;
}

pre {
   font-style: normal;
   text-align: left;
   overflow: auto;
   background: #F3F3F3;
   margin: 10px 0 25px 0;
   padding: 15px 15px 15px 15px;
	border-bottom: 1px dotted #CCCCCC;

	border-top: 1px dotted #CCCCCC;
}



code {
	font-family:"Courier New",Courier,mono;
	font-style: normal;
	text-align: left;
	overflow: auto;
	color: #df5d78;
   }
   

#links ul {
margin: 10px 5px 5px 8px;
_margin: 10px 5px 5px 5px;
padding: 0px 0px 10px 0px;
background: transparent url('http://static.flickr.com/98/219222618_8f9ee2b281_o.gif') top left repeat;
font-size: 12px;
}

#links ul li {
list-style-type: none;
display: block;
float: left;
margin: 2px 0px;
padding: 0px;
}

#links ul li a img {
margin: 0px 3px -4px 5px;
}

#links ul li a {
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 7px 7px 0px;
text-decoration:none;
}

#links ul li a:hover,
#links ul li a:active {
text-decoration: none;
background-color: #F60;
color: white;
}	
.padbottom {
padding-bottom:0.4em;
}

#catelinks{
	font-size:11px;
	padding: 0.75em 3% 0.75em 3%;
	margin:0;
        text-align:center;
}

#catelinks a {
        color: #000000;
        text-decoration:none;
}

#catelinks ul {
	list-style: none;
	margin: 0;
	padding:0 0 0 5px;
	display: inline;
}

#catelinks li {
	list-style: none;
	margin: 0;
	padding:0 20px 0 0;
	display: inline;
}


img.center {
display: block; 
padding: 6px; 
margin: 0 auto 0 auto;
}

#switch {
z-index: 100;
position:absolute;
top:50px;
right:60px;
}

#search {
float:left;
}
#fontadjust {
float:left;
padding:2px 16px 0 0;
}
#fontup {
width:16px;
height:16px;
border:1px solid #AAAAAA;
background: #fff url('http://blog.zmang.com/big_A.gif');
}

#fontdown {
width:16px;
height:16px;
border:1px solid #AAAAAA;
background: #fff url('http://blog.zmang.com/small_A.gif');
}

#topline {
	margin: 0;
	padding: 0;
text-transform:uppercase;
}
#topline li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
font-weight:bold;
color: #000;
text-decoration:none;
display:block;
float:left;
padding: 4.5px 12px;
background: #f8f7f7 url('http://zmang.com/images/lighter-stripes.gif');
}
#topline li a:hover {
color:#FFF;
}
li#current_item a, li#current_item a:hover {
background: #5A5959 url('http://zmang.com/images/lighter-stripes.gif');
color: #fff;
}

#topline ul {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline;
}

#topline li {
	list-style: none;

	margin: 0;
	padding:0;
text-align:center;
	display: inline;

}

.page_item {
	margin: 0;
	padding: 0;
}