html{
background-color:#F9F9F9;
}

#super{
font-size:50%;
vertical-align:super;
}

#postimage img{
margin-left:150px;
}

html, body {
height:100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}

body{
	font: normal 12px helvetica, arial, sans-serif;
} 

h1{
	font-size:2.0em;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
	font-weight:normal;
}

/* GENERAL LINK TAGS */

a{	
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#666;
}

/* WRAPPER ADJUSTS THE MARGINS AT TOP AND LEFT, RIGHT BOTTOM TO 20 PX AND THEN AUTO CENTERS, WIDTH RIGHT NOW IS 965 PX TOTAL ACROSS */

ul#grayheader {
background:#464646 none repeat scroll 0 0;
height:40px;
display: block;
min-width 500px;
}

li#headername{
float:left;
height:40px;
width:400px;
}

#headerpic a{
background:transparent url(http://www.mdaniels.com/images/name.png) no-repeat scroll center center;
border:medium none;
display:block;
height:40px;
text-indent:-9999px;
}

#headerpic2 a{
background:transparent url(http://www.mdaniels.com/images/name2.png) no-repeat scroll center center;
border:medium none;
display:block;
height:40px;
text-indent:-9999px;
}


#subtitle{
	float:right;
}

#subhead{
color:#CCCCCC;
font-family:Helvetica,Arial,sans-serif;
font-size:36px;
font-weight:bold;
letter-spacing:-2px;
line-height:1em;
margin:20px 0 40px 39px;
}

#subhead a{
color:#00C0F3;
}



#wrapper{
	text-align:center;
	width:100%;
	background:#FFFFFF none repeat scroll 0 0;
} 

#container{
	margin:0 auto;
	text-align:left;
	width:1000px;
}


/* MASTHEAD DIV */

#masthead{
	padding:0px;
}

/* TITLE STYLE */

#masthead h1{
	float:left;
	text-decoration:none;
	font-weight:normal;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

#headerimage{
	border: 0px;
	float:left;
}

#masthead h1 a em{
	font-style:normal;
	color:#000;
}







#headline h1{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing: -1px;
	line-height:24px;
} 


#headline span{
	font-weight:normal;
	color:#CBCBCB;
	margin:0px 0px 0 0;
	font-size:.5em;
} 


#headline h1 a:hover{
	background:#0AA7D6;
	color:#eee;
} 

#lefthead{
	font-size:1.2em;
}


#righthead {
	float:right;
	font-size:.8em;
}

#authorblurb span{
	color:#0AA7D6;
}

/* NAVIGATION BAR AT TOP */

ul.nav{
	list-style:none;
	background:#e9e9e9;
}

.nav li{
	border-right: 2px solid #fff;
	display: block;
	float: left;
}

.nav li#about{
	border-right:2px solid #FFF;
	background:#0AA7D6;
}



/* PADDING WITHIN THE CELL FOR THE TEXT, COLOR IS THE COLOR OF THE TEXT */


.nav li a{
	display: block;
	padding: 7px 4px 0 7px;
	width: 110px;
	height: 42px;	
font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	outline:none;
	color:#000;
	text-decoration:none;
}


/* COLOR IS THE BOTTOM TEXT */

.nav li a span{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	color:#000;
	text-transform:lowercase;
}

/* HOVER ATTRIBUTE */

.nav li a:hover{
	background:#0AA7D6;
	color:#eee;

}


/* OTHER HOVER INFO, BUT IN COMMENTS CAUSE NOT KNOW WHAT IS:

* html .nav li a:hover{
	background:#0AA7D6;

}

*/


/* HOME BUTTON AT THE END OF THE NAV BAR */





.nav li.skip a:hover, li.top a:hover { 
	background: transparent;
	color: #333 !important;
}

li.top{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
}

li.top a{
	width:100px;
}

/* MAIN COLUMN FOR CONTENT */
#mid{
}

/* 26px here is the upper margin, total width is 965, 2nd and 3rd col is 530px total */

#mainCol{
	float:left;
	margin:30px 0 0 0px;
}

/* MARGIN FOR POST IS BETWEEN THE POST AND THE META AT THE BOTTOM OF POST */

#header{
border-bottom:1px solid #DDDDDD;
min-height:98px;
}

#posttitle{
font-family:georgia,Helvetica,Verdana,arial,sans-serif;
width:350px;
float:left;
margin-right:100px;
}

#postimage{
margin-right:0;
width:550px;
margin-bottom:25px;
max-height:400px;
min-height:120px;
overflow:hidden;
}

#postimage img{
}

.post{
	margin:10px 0 30px 0;
	border-bottom:1px solid #DDDDDD;
}

.post h2{
font-size:30px;
font-weight:normal;
}

.quick h3{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
}

.quick {
	font-size:1.1em;
}

.post h2 a{
	font-size:1.0em;
line-height:39px;
	letter-spacing: -1px;
	width:100%;
	outline:none;
}

#commentbar{
	padding:15px 0 10px 0;
	width:230px;
	float:left;
	text-transform:uppercase;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
}

#commentbar span.date{
	color:#0AA7D6;
	background:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}


#commentbar a{
	color:#0AA7D6;
	background:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

#bottomcommentbar{
	padding:10px 0 10px 0;
	width:300px;
	float:left;
	text-transform:uppercase;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
}

#bottomcommentbar span.date{
	color:#0AA7D6;
	background:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}


#bottomcommentbar a{
	color:#0AA7D6;
	background:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}


.post h2 a:hover{
	color:#0AA7D6;
}


#disqus_thread {
border:5px solid #DDDDDD;
margin-bottom:10px;
padding:25px;
}

/* dots going to the left of the date, text align keeps text on the right, margin is space below line */


.postMeta{
	text-transform:uppercase;
	margin-bottom:5px;
}

/* COLORS THE DATE MM/DD/YYYY */

.postMeta span.date{
	color:#0AA7D6;
	font-size:6em;
	background:#FFF;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

.postMeta span.month{
	font-size:1.2em;
	background:#FFF;
	color:#000;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

/* TELLS THE NUMBER OF COMMENTS THAT ARE ASSOCIATED WITH POST, ADDS THE IMAGE */

.comments a{
	font-weight:bold;
	color:#3b2918;
	font-size:1.2em;
}

span.new{
	background:#FFF;
	color:#000;

}


/* COLORS THE LINKS TO THE COMMENTS # */

.postMeta span.comments a,.postMeta span.date a{
	color:#000;
}

/* ENTRY SECTION, STYLES ELEMENTS IN THE ENTRY */







.entry h3{
	margin:1em 0;
	font-family:Helvetica, Arial, Verdana, sans-serif;

}

.post .entry{
	line-height:1.4em;
	overflow:hidden;
	font-size:1.1em;
        padding-left:2px;
	
}


.post .entry p{

	margin:1em 0;

}

.post .entry ul{
line-height:18px;

margin:0 0 15px 30px;
}

.post .entry ol{

line-height:18px;
margin:0 0 15px 30px;
}

.post .entry li a{
	border-bottom: dotted 1px;
	color:#0AA7D6;
margin:0 0 5px 0;
}





.post .entry p a{
	background:url(mages/dot.gif) repeat-x bottom left;
	border-bottom: dotted 1px;
	color:#0AA7D6;
}

.entry blockquote{
	margin:0 1.3em 0;
}


.entry img,.entry a img{
}

.entry a:hover img{
	border-color:#DFDFDF;
}

.entry table tr {
 padding: 15px 0;
}

.entry table tr.alt {
	background: #eee; 
}

/* END ENTRY SECTION */

/* NEXT ARTICLE / PREVIOUS ARTICLE */

#more_reading{
	color: #7F7F7F;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 25px;
	text-align: right;
}

#more_reading p, #more_reading img {
	vertical-align: middle; 
}

#more_reading a img {
	border: none;
	margin:0 0 3px 2px;
}

/* style me some comments and inputs */

#comments{
	width:435px;
	padding:12px 0 0 0;
}

#comments h3,h3#respond{
	color:#555;
	margin-bottom:7px;
}

ol.commentslist{
	list-style:none;
	margin:5px 0 12px;
}

.commentslist li{
	border:1px solid #BBB;
	margin-bottom:7px;
	padding:7px 0;
}

.commentslist li a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
}

.commentslist li.alt{
	background:#FFF;
}

.commentslist li:hover{
	border-color:#888;
}

.commentslist .comment_text{
	margin:0 7px;
	line-height:1.4em;
	overflow:hidden;
}

.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{
	margin:1em 0;
}

.comment_text ul,.comment_text ol,.comment_text blockquote{
	margin:0 1em;
}

p.author_meta{
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 7px;
}

p.post_meta{
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	margin:0 7px 0 0;
}

.commentslist li.author{
	background:#333;
	color:#CCC;
}

.commentslist li.author a{
	color:#DDD;
}

.commentslist li.author a:hover{
	color:#FFF;
}

#comments_closed{
	background:#333;
	color:#ccc;
	padding:7px 0;
	margin-top:12px;
	line-height: 1.5em;
}

p.nocomments{
	margin:0 12px 0 7px;
}

p.nocomments a{
	color:#ddd;
	font-weight:bold;
	text-decoration:underline;
}

p.nocomments a:hover{
	color:#FFF;
}

ol.pingslist{
	margin:1.5em 2em;
	font-size:12px;
}

.pingslist li{
	color:#7F7F7F;
	margin:0 0 7px 0;
}

.pingslist li a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
}

#commentform p{
	margin:1em 0;
}

#commentform p a{
	font-weight:bold;
	background:url(images/dot.gif) repeat-x bottom left;
}

#author,#email,#url,#comment{
	font:1.1em arial,helvetica,verdana,sans-serif;
	border:1px solid #BBB;
	padding:2px;
}

#comment{
	width:429px;
	overflow:auto;
}

#commentform p small{
	font-size:10px;
	color:#7F7F7F;
}

.commentslist code{
	background:transparent;
}

/* END COMMENTS SECTION */

/*START MID COLUMN SECTION */

#midCol a:hover{
	color:#0AA7D6;
}

#midCol{
	color:#000000;
	float:left;
	line-height:1.3em;
	background:#F3F3F3 none repeat scroll 0 0;
	width:100%;
padding-bottom:100px;
}


#midCol p{
	color:#000;
}

#welcome {
margin-left:35px;
width:300px;
text-align:left;
float:left;
margin-bottom:50px;
}

#welcome a{
text-decoration:underline;
}


#info{
float:right;
margin:25px 0px 0 0;
text-align:left;
width:400px;
}

#info p{
margin-top:10px;
}

#info ul{
margin-top:10px;
}

#info li{
margin-bottom:10px;
}

#info li a{
border-bottom:1px dotted;
color:#0AA7D6;
}


#info h3{
font-family:georgia, helvetica neue,helvetica,verdana;
font-size:22px;
font-weight:normal;
letter-spacing:2px;
margin-bottom:20px;
}



#welcome h3{
background:#F5F5F5 url(http://www.mdaniels.com/images/welcome.png) no-repeat scroll left top;
height:100px;
margin-bottom:-10px;
text-indent:-9999px;
width:150px;
}

#welcome p{
}

.middle_links{
	margin-bottom:20px;

}

#searchWrap input{
	vertical-align:left;
	margin-top:10px;
}

#searchWrap #s{
	border:1px solid #BBB;
	width:150px;
}

.middle_links h3{
	margin-bottom:7px;
	padding-top:4px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
}



.middle_links a{
	border-bottom: dotted 1px;
	color:#000000;
}



#midCol ul{
	list-style:none;
}

.middle_links ul li{
	color:#7F7F7F;
	line-height:1.2em;
	border-top:1px solid #BBB;
	padding:4px 0 4px 16px;
}

span.delicious-timestamp{
	border:#FFF;
	color:#0AA7D6;
	border-bottom:#FFF;
	text-decoration: none;
}



/* THIRD COLUMN, NOW TURNED OFF */

#tertCol{
	float:left;
	width:214px;
	margin:23px 0 0 33px;
}

#tertCol p{
	color:#777;


}

#elseWhere{

	margin:0 0 20px 0;
}

#elseWhere h3{


	margin-bottom:7px;
}

ul#imgLinks{
	list-style:none;
	margin:7px 0;
}


#imgLinks li{
	color:#7F7F7F;
	line-height:1.2em;
	padding:0 0 1px;
}

#imgLinks li a img{

	border:3px solid #EEE;































	width:208px;
	height:69px;
	color:#333;
	font-weight:bold;
}


#imgLinks li a:hover img{

	border-color:#DDD;
}


/* footer - text string and links */



#footer p {






	padding-top: 7px;
}

#footer p a{

	font-weight:bold;
	color:#333;



}

/* float rules */

.floatleft{
	float:left;
	margin:3px 7px 0 0;
}

.floatright{
	float:right;
	margin:3px 0 0 7px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

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

.fix{
	display:inline-block;
} 

* html .fix{
	height:1%;
}
.fix{
	display:block;
}

/* archives */

.title h2{
	margin-top:20px;
	color:#000;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

#archcol1{
	float:left;
	width:478px;
	border-top:2px solid #000;
	margin-top: 10px;
	margin-left:100px;
}

#archcol2{
	float:right;
	width:478px;
	border-top:2px solid #000;
	margin-top: 10px;
	margin-right:100px;
}

#smartarchives h2{
	margin-top:20px;
	padding-top:5px;
	color:#000;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	border-top:1px solid #000;
	font-size:1.1em;
}

#smartarchives li{
	margin:0 0 0 20px;
	list-style-type: none;
}


#smartarchives li a:hover{
	border-bottom: dotted 1px;
	color:#0AA7D6;
}


#smartarchives h2 a:hover{
	color:#eee;
	background:#0AA7D6
}

#categories li{
	list-style-type: none;
	font-size:1.1em;
	margin-top:20px;
	padding-top:5px;
	color:#000;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	border-top:1px solid #000;
	font-size:1.1em;
}


#categories li a:hover{
	border-bottom: dotted 1px;
	color:#0AA7D6;
}


#categories h2 a:hover{
	color:#eee;
	background:#0AA7D6
}