/*----------------------------------
	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%; }

h6 { font-size: 12px; margin: 0 0 1em; } 

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

dfn { font-style: normal; }

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: 323px;
	border-right: 1px solid #d7d7d7;
	float: left;
	margin: 0 0 8px 0;
}

#logo {
	margin: 0 0 8px 0;
	padding: 0 0 .3em 0;
	border-bottom: 1px solid black;
	width: 483px;
}

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

#logo a {
	padding: 0 0 0 1em;
	background: transparent url(../img/orange_arrow.gif) no-repeat left 5px;
	/* pink */ /*background: transparent url(../img/grey_arrow.gif) no-repeat left 5px;*/
	font-size: 1.2em;
}

h1 {
	text-indent: -2100px;
	width: 483px;
	height: 27px;
	background: transparent url(../img/logo.gif) no-repeat left top;
	border-bottom: 20px solid black;
	margin: 0 0 2px 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;
}

#sidebar {
	width: 145px;
	margin: 0 0 0 322px;
	padding: 1px 0 1.3em 15px;	
}

#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 #backpack {
	margin: 3em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid #d7d7d7;
}

#sidebar #backpack a {
	display: block;
	text-indent: -2100px;
	background: transparent url(../img/dm_backpack.gif) left top no-repeat;
	width: 144px;
	height: 37px;
}

#sidebar #backpack a:hover {
	background-position: 0 -37px;
}

#sidebar .aea-badge { display: block; margin: 0 0 15px; }
#sidebar .aea-badge img { border: none; }

#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(../img/alasurvey.gif) 0 0 no-repeat;
	width: 140px;
	height: 33px;
	margin: 0 auto;
}

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

#sidebar #flashpitt {
	display: block;
	text-indent: -2100px;
	background: transparent url(../img/flashpitt09.gif) 0 0 no-repeat;
	width: 145px;
	height: 111px;
	margin: 0 auto 1.5em;
	padding: 2em 0 0;
	border-bottom: 1px solid #d7d7d7;
}

#sidebar #flashcampphilly {
	display: block;
	text-indent: -2100px;
	background: transparent url(../img/flashcampphilly09.gif) 50% 0 no-repeat;
	width: 145px;
	height: 156px;
	margin: 0 auto;
	padding: 2em 0 0;
	border-bottom: 1px solid #d7d7d7;
}

#fusion { display: block; margin: 0 0 1em; border-bottom: 1px solid #d7d7d7; }
	#fusion a { color: #000; text-transform: none; font-variant: normal; }
	#fusion .fusiontext, #fusion img, #fusion .powered { display: block; margin: 0 0 0.5em; font-size: 1.1em; line-height: 1.3; }
	#fusion .powered { text-transform: lowercase; text-transform: captalize; font-style: italic; position: relative; top: -1em; color: #999; }
	#fusion a:hover, #fusion a:focus { text-decoration: underline; }

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: 483px;
	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;
}

#portfolio-cta { margin-bottom: -4px; } 
#portfolio-cta a { display: block; text-indent: -9999px; background: transparent url(/img/portfolio-cta.gif) no-repeat 0 0; width: 313px; height: 48px; overflow: hidden; }
#portfolio-cta a:hover, #portfolio-cta a:focus { background-position: 0 -48px; }  

#video-templates-button { display: block; text-indent: -9999px; background: transparent url(/img/video-template-button.gif) no-repeat 0 0; width: 299px; height: 44px; overflow: hidden; }
#video-templates-button:hover { background-position: 0 -44px; }



/*----------------------------------
	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 h4#closed-comments { 
    background: transparent url(../img/closed-comments.gif); 
    width: 163px; 
    height: 69px; 
    border: none; 
    margin: 15px 0 30px;
}

#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;
}