/*----------------------------------
	GENERAL SELECTORS
----------------------------------*/
* {
		margin: 0;
		padding: 0;
}

body {
		font-size: 62.7%;
		font-family: "Times New Roman", Times, Georgia, serif;
		background-color: #fff;
		color: #343434;
		margin: 60px 0 0 77px;
}

p {
		font-size: 1.3em;
		line-height: 155%;
		margin: 0 15px 1.3em 0;
}

ul, ol, dl {
		font-size: 1.3em;
}

acronym, abbr {
		cursor: help;
		font-size: 110%;
		border-bottom: 1px dotted #b1b1b1;
		font-family: Georgia, serif;
		text-transform: lowercase;
		font-variant: small-caps;
		letter-spacing: 0.1em;
}

code {
		font-family: "Courier New", Courier, monospace;
		font-size: 1.1em;
}

blockquote {
		font-size: 1.3em;
		font-style: italic;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 0.5em 3em 1em 1em;
		background: #f9f9f9;
		padding: 1em 0.5em;
		line-height: 145%;
}

blockquote p {
		font-size: 100%;
}

em {
		font-style: italic;
}

strong {
		font-weight: bold;
}

a {
		font-family: Georgia, serif;
		text-decoration: none;
}

a:link, a:visited {
		text-transform: lowercase;
		font-variant: small-caps;
		color: #f96400;
		/* pink 
color: #f962c7;*/
	background-color: white;
}

a:hover {
		color: #000;
		background-color: white;
}

label:hover {
		color: #f96400;
}

/*----------------------------------
	RULES FOR EVERY PAGE
----------------------------------*/
#content {
		width: 646px;
		border-right: 1px solid #d7d7d7;
		border-left: 1px solid #d7d7d7;
		float: left;
		text-align:center;
		margin: 0 0 14px 0;
}

#logo {
		/*margin: 0 0 8px 0;
	padding: 0 0 .3em 0;*/
		border-bottom: 1px solid black;
		width: 968px;
		height: 300px;
		background-image: url(../img/logo.gif);
		background-repeat: no-repeat;
}

#home #logo {
		padding-bottom: 0;
}

#content h5 {
		font-size: 1.5em;
		margin-bottom: 1em;
}

#content img {
		border-top: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		padding: .3em 0;
}

#content a img {
		border-right: none;
		border-left: none;
}

#content a:hover img {
		border-top: 1px solid #f96400;
		border-bottom: 1px solid #f96400;
}

#content dl {
		font-size: 1em;
}

#content ol {
		margin: 0 1.3em;
		line-height: 155%;
}

#content li {
		margin: 0 0 1em 0;
}

#Rsidebar {
		width: 135px;
		padding: 1px 0 1.3em 15px;
		text-align:left;
}

#Lsidebar {
		width: 135px;
		padding: 1px 15px 1.3em 0;

}

#sidebar h3 {
		margin: 2em 0 1em 0;
		text-indent: -2100px;
}

#sidebar h3#category {
		background: transparent url(../img/archive_by_category.gif) no-repeat left top;
		width: 99px;
		height: 45px;
}

#sidebar h3#month {
		background: transparent url(../img/archive_by_month.gif) no-repeat left top;
		height: 53px;
}

#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
}

#sidebar ul li {
		margin: 0 0 0.25em 0;
}

#sidebar ul li a {
		padding: 0 0 0 1.5em;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
		background: transparent url(../img/grey_arrow.gif) no-repeat 0.25em 0.45em;
}

#sidebar #alasurvey {
		margin: 3em 0 0;
		padding: 2em 0 0;
		border-top: 1px solid #d7d7d7;
}

#sidebar #alasurvey a {
		display: block;
		text-indent: -2100px;
		background: transparent url(http://www.danielmall.com/img/alasurvey.gif) 0 0 no-repeat;
		width: 140px;
		height: 33px;
		margin: 0 auto;
}

#sidebar #alasurvey a:hover {
		background-position: 0 -33px;
}

h3#about {
		background: transparent url(../img/about.gif) no-repeat left top;
		height: 54px;
}

h3#other {
		background: transparent url(../img/other_archives.gif) no-repeat left top;
		height: 81px;
}

a.full {
		font-size: 1.3em;
		padding: 0 0 0 15px;
		background: transparent url(../img/orange_arrow.gif) no-repeat left 0.4em;/* pink *//*background: transparent url(../img/grey_arrow.gif) no-repeat left 0.4em;*/
}

a.full:link, a.full:hover {
		background: transparent url(../img/grey_arrow.gif) no-repeat left 0.4em;
}

a.full:hover {
		background: transparent url(../img/orange_arrow.gif) no-repeat left 0.4em;/* pink *//*background: transparent url(../img/grey_arrow.gif) no-repeat left 0.4em;*/
}

label {
		font-size: 1.3em;
}

blockquote code {
		font-style: normal;
}

#footer {
		width: 968px;
		clear: left;
		border-top: 1px solid black;
		border-bottom: 6px solid black;
		margin: .8em 0 3em 0;
		padding: 0.8em 0 0 0;
		font-size: 90%;
}

#footer p {
		margin: 0 0 .75em 0;
}

#footer ul {
		margin: 0 0 .5em 0;
		padding: 0;
		list-style: none;
}

#footer ul li {
		display: inline;
		padding: 0 .7em;
		border-left: 1px solid #d7d7d7;
}

#footer ul li.first {
		border: none;
		padding-left: 0;
}

#footer ul li a {
		font-size: 1.1em;
		font-weight: bold;
}

#footer ul li a:link, #footer ul li a:visited {
		color: #000;
		background-color: white;
}

#footer ul li a:hover {
		color: #f96400;
		/* pink */ 
	/*color: #f962c7;*/
	background-color: white;
}

/*----------------------------------
	RULES FOR THE HOMEPAGE
----------------------------------*/
#home h2 {
		text-indent: -2100px;
		margin: .5em .3em .8em 0;
		border-bottom: 1px solid #d7d7d7;
}

#home #feature {
		padding: 0 0 2.6em 0;
		border-bottom: 1px solid #d7d7d7;
		margin: 0 0.8em 0 0;
}

#home #last_five {
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin: 3px 0.8em 0 0;
}

#home #last_five h4 {
		text-indent: -2100px;
		width: 74px;
		height: 39px;
		background: transparent url(../img/last_five.gif) no-repeat left top;
		float: left;
		margin: 3.25em 1em 1em 0.5em;
}

#home #last_five ul {
		margin: 0 0 0 94px;
		list-style: none;
}

#home #last_five ul li {
		padding: 0;
		margin: 0;
		width: auto;
		height: auto;
}

#home #last_five ul li a {
		display: block;
		padding: 3px 5px 3px 15px;
		border-bottom: 1px solid #d7d7d7;
		background: transparent url(../img/grey_arrow.gif) no-repeat left 0.65em;
}

#home #last_five ul li a.last {
		border: none;
}

#home #last_five ul li a:hover {
		background: #f2f2f2 url(../img/grey_arrow.gif) no-repeat 0.25em 0.65em;
		color: black;
}

#home #twocol {
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		margin: 3px .8em .8em 0;
		padding: 0.8em 0 0 0;
}

#home #twocol #work, #home #twocol #aboutDan {
		float: right;
		width: 150px;
}

#home #twocol #work h3 {
		text-indent: -2100px;
		background: transparent url(../img/featured_work.gif) no-repeat left top;
		margin: 1.3em 0;
		height: 20px;
}

#home #twocol #aboutDan h3 {
		text-indent: -2100px;
		background: transparent url(../img/about_dan_home.gif) no-repeat left top;
		margin: 1.3em 0;
		height: 20px;
}

#home #twocol #contact {
		margin: 0 150px 0 0;
		border-right: 1px solid #d7d7d7;
		width: 150px;
}

#home #twocol #contact h3 {
		text-indent: -2100px;
		background: transparent url(../img/contact_dan.gif) no-repeat left top;
		margin: 1.3em 0;
		height: 20px;
}

#home #links {
		clear: right;
}

#home #links h3 {
		text-indent: -2100px;
		background: transparent url(../img/recent_links.gif) no-repeat left top;
		border-bottom: 1px solid #d7d7d7;
		margin: 0 .8em .8em 0;
		padding: 0 0 .8em 0;
}

#home h5 {
		font-size: 1.3em;
		margin: 0 0 .8em 0;
}

#home #interest {
		width: 150px;
		float: right;
}

#home #friends {
		width: 150px;
		margin: 0 150px 0 0;
		border-right: 1px solid #d7d7d7;
		padding: 0 0 2em 0;
}

#home #friends dl, #home #interest dl {
		margin: 0 0.8em 0 0;
		padding: 0;
		font-size: 1.3em;
}

#home #friends dt, #home #interest dt {
		background: transparent url(../img/grey_arrow.gif) no-repeat left 0.45em;
		padding: 0 0 0 1em;
}

#home #friends dd a:link, #home #friends dd a:visited, #home #interest dd a:link, #home #interest dd a:visited {
		color: #000;
		font-weight: bold;
		background-color: white;
}

#home #friends dd a:hover, #home #interest dd a:hover {
		color: #f96400;
		background-color: white;
}

#home #friends dd, #home #interest dd {
		margin: 0 0 1em 1em;
}

#home #interest a.more {
		display: block;
		font-size: 1.3em;
		border-top: 1px solid #d7d7d7;
		margin: 0 0.8em 0 0;
		padding: .2em 0 0 1em;
}

#home #interest a.more:link, #home #interest a.more:visited {
		color: #f96400;
		background: transparent url(../img/grey_arrow.gif) no-repeat left 0.55em;
		background-color: white;
}

#home #interest a.more:hover {
		color: #000;
		background: transparent url(../img/orange_arrow.gif) no-repeat 0.25em 0.55em;
		background-color: white;
}

/*----------------------------------
	RULES FOR THE ARTICLE PAGE
----------------------------------*/
#article #content {
		padding: 1.3em 0 0;
}

#article #content ul {
		line-height: 155%;
}

#article #content li {
		margin: 0 1em 1em 2em;
}

#article #content ul li {
		list-style: square;
}

#article #comments {
		font-size: 1em;
}

#article #comments h4 {
		text-indent: -2100px;
		background: transparent url(../img/comments.gif) no-repeat left top;
		border-top: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		height: 30px;
		margin: 0 .8em 0 0;
}

.odd_comment, .even_comment, .said {
		padding: .5em .8em .5em .5em;
		margin: 0 .8em 0 0;
}

.odd_comment, .even_comment {
		border-bottom: 1px solid #d7d7d7;
}

.dan_comment {
		margin-top: 0;
		padding-bottom: 25px;
		background: transparent url(../img/dan_comment_footer.gif) no-repeat left bottom;
}

.dan_comment p.commenter {
		text-indent: -2100px;
		width: 320px;
		height: 40px;
		background: transparent url(../img/dan_comment_header.gif) no-repeat left top;
		padding: 1em 0 0 0;
		margin: 0;
}

.time {
		font-style: italic;
}

#add_comment h5 {
		text-indent: -2100px;
		background: transparent url(../img/add_comment.gif) no-repeat left top;
		border-top: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		height: 24px;
		margin: -1px .8em 0 0;
}

#add_comment input, #add_comment textarea, #contact_page input, #contact_page textarea {
		border: 1px solid #acacac;
		padding: .15em .25em;
}

#add_comment #submit_comment {
		border: none;
}

#add_comment dl, #contact_page dl {
		margin: 0 0 0 30px;
		padding: 0;
}

#add_comment dt, #contact_page dt {
		margin: 10px 0 0 0;
		padding: 0;
}

#add_comment dd, #contact_page dd {
		margin: 5px 0 0 5px;
		padding: 0;
}

#article #sidebar ul {
		margin: 0 0 1.3em 0;
}

#article #sidebar ul ul {
		margin-bottom: 0;
}

#article #sidebar ul li {
		background: transparent url(../img/grey_arrow.gif) no-repeat left 0.35em;
		padding: 0 0 0 1em;
}

#article #sidebar ul li ul li {
		background: none;
		padding-left: 0;
}

#article #sidebar ul li ul li a {
		font-size: 85%;
		padding-left: 1.3em;
		background: transparent url(../img/orange_arrow.gif) no-repeat 0.25em 0.55em;
		/* pink */
	background: transparent url(../img/grey_arrow.gif) no-repeat 0.25em 0.55em;
}

/*----------------------------------
	RULES FOR THE ARCHIVE PAGES
----------------------------------*/
#archive #content {
		margin: .8em 0 0 0;
		border: none;
}

#archive #content dt {
		font-size: 1.3em;
		padding: 0 0 0 1em;
		margin: .5em 0 .3em 0;
		background: transparent url(../img/orange_arrow.gif) no-repeat left 0.45em;
}

#archive #content dd {
		margin: 0 0 0 1em;
}

#archive #sidebar {
		border-left: 1px solid #d7d7d7;
		margin-top: .8em;
}

/*----------------------------------
	RULES FOR THE CONTACT PAGE
---------------------------------*/
#contact_page h2 {
		width: 485px;
		border-bottom: 1px solid black;
		text-indent: -2100px;
		background: transparent url(../img/contact_dan_big.gif) no-repeat left top;
		height: 95px;
}

#thanks h2 {
		width: 485px;
		border-bottom: 1px solid black;
		text-indent: -2100px;
		background: transparent url(../img/thanks.gif) no-repeat left top;
		height: 69px;
}

/*----------------------------------
	RULES FOR THE ABOUT PAGE
---------------------------------*/
#about_page {
		position: relative;
}

#about_page h2 {
		width: 485px;
		border-bottom: 1px solid black;
		text-indent: -2100px;
		background: transparent url(../img/about_dan.gif) no-repeat left top;
		height: 103px;
}

#about_page #content {
		padding: 1.3em 0 2.6em 0;
		border: none;
		width: 485px;
		background: transparent url(../img/about_tile.gif) repeat-y left top;
		margin: 0;
}

#about_page #content p {
		width: 310px;
}

#about_page #content h3 {
		font-size: 1.8em;
		margin: 1em 0 .6em 0;
}

#about_page #sidebar {
		position: relative;
		left: 3px;
		background: transparent url(../img/about_headshot.gif) no-repeat left top;
		width: 150px;
		height: 300px;
}

/* Hack for IE-Win \*/

* html #about_page #sidebar {
		left: -163px;
}

/* End IE-Win Hack */

#about_page #sidebar p {
		display: none;
}

#about_page #footer {
		margin-top: 0;
}

/*------------------------------------------------------*/
h1.gray {
		color:#999999;
		text-align:center;
}

h1.Dgray {
		color:#666666;
		text-align:center;
}
ul.align_left {
	text-align:left;
	padding-left:15px;
}