/*GENERAL*/

body {
	background: white /*url(/images/back.jpg) no-repeat center top*/;	
	margin: 0; padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center; /*IE 5; cancelled out below*/
  	font-size: 60%;
}


p {
	font-size:1.3em;
	line-height: 170%;
	margin-bottom: 20px;
}

ul, li, dd, dt, dl {
	color:#575757;
	font-size:1.2em;
	text-transform:capitalize;
	text-decoration:none;
}

dd, dt{ margin: 0; padding: 0;}

div {margin: 0; padding: 0;}

img {border: 0;}

a:link {color:#7bbfee; /*blue*/ background-color: transparent; text-decoration:none;}

a:visited {color:#7bbfee; background-color: transparent; text-decoration:none;}

a:hover {color:#8C1E48; background-color: transparent; text-decoration: underline;}

a:active {color:#8C1E48; background-color: transparent; text-decoration:none;}

h1 {margin: 0 auto; color:#F69D33;}

h2{font-size:1.4em;}

h3{color: #ea0c55; font-size:1.4em; margin: 0; padding:0;} 

h4{ font-size:1.1em; margin:10px 0px 3px 0px; padding-left:2px;}


#container {
	position:relative;
	width: 853px; 
	margin: 53px auto;
	text-align: left; /*to cancel out IE 5 bug in body*/
	border: 0px;
	background-color:white;
}

/*LAYOUT*/

/*for HEADER and TOP NAV*/
ul.header {margin: 0; padding: 0 0 22px 0;}

ul.header li.left img{margin-top:-9px; margin-right:30px;}
	
ul.header li {
	display: inline;
	list-style-type: none;
	/*background: url("images/layout/list_delim.gif") 100% 51% no-repeat transparent;*/
	padding: 0 0 0 0;
	position: relative;
	font-weight: bold;
}

/*for PC IE, hide from mac IE \*/

* html ul.header li {padding: 0 13px 0 2px;}

/*end mac IE hiding*/

ul.header li.breadcrumb a, ul.header li.breadcrumb a {text-align: center; font-weight: normal}

ul.header li.left, ul.header li.breadcrumb {
	padding: 1.2em 0 0 0; 
	margin-top: -1.2em; 
	font-weight: normal;
}

ul.header li.left { 
	margin-left: 0px; 
	margin-right: 6px;
}

ul.header li.breadcrumb {
	text-transform:capitalize;
	color:#575757  /*ada56e sand*/;
	font-size:1.1em;
	font-weight:bold;
}
	
ul.header li.breadcrumb {  
	margin-left: 0px; 
	padding-top: 16px;
	margin-right: 15px;
	text-transform:uppercase;
	color:#9c958b; 
	font-size:0.9em;
} /*give this a width for mac IE 5*/

ul.header li.breadcrumb a, ul.header li.breadcrumb a:visited {
	padding: 1px 1px;
	text-decoration: none; 
	font-weight: normal;
	color:#9c958b;
}

ul.header li.breadcrumb a:hover {
	color:#8ECB5D; /*green*/
	text-decoration:underline;
}

/*end for HEADER and TOP NAV*/

/*MAIN PAGE TWO COLUMN*/
#col1 {
	width: 259px;
	float: left;
	padding-top:5px;
}

#col2 {
	width: 388px;
	float: left;
	margin-left: 27px; /*ADDED TO MAKE COL2 MOVE IN IE*/
}
/*end MAIN PAGE TWO COLUMN*/


/*BEGIN GOODREADS*/
li#goodreads {
	text-transform:lowercase;
}

li#goodreads a{
	text-transform:upppercase;
}


/*END GOODREADS*/


/*BEGIN ABOUT*/
p#about img {
	float: left;
	margin: 0 15px 5px 0;
	border: 2px #45313d solid;}
}


dl.resume dt, dl.resume dd{font-size:1.0em;}

dl.resume dt{color:#110E90; text-transform:uppercase;}

dl.resume dd{color: #AAAAAA;}

dl.resume dt.name{text-transform:lowercase;}

dt.name a{text-decoration:underline;}

/*END ABOUT*/

/*begin for PORTFOLIO/INDEX.html; FOUR MAIN PHOTOS*/

ul.four_photo{margin: 0; padding: 0;}

ul.four_photo li{
	display:inline;
	list-style-type: none;
	padding-right:4px;
}

ul.four_photo li.last{padding-right:0px;}

ul.four_text{margin: 0; padding: 7px 0px 40px 0px; /*space around text links under four photos*/}

ul.four_text li, ul.four_text li a:link, ul.four_text li a:visited{
	display:inline;
	list-style-type: none;
	text-transform:lowercase;
	color:#949494;
	text-align:right;
	font-weight:bold;
}

ul.four_text li a:hover{
	color:#7F7F7F;
	text-decoration:none;
}
	
/*this is to space out the text links under four photos*/
li.photography_four{margin-left:103px;}
li.pub_four{margin-left:114px;}
li.blog_four{margin-left:165px;}
li.web_four{margin-left:116px;}

/*end for PORTFOLIO/INDEX.html; FOUR MAIN PHOTOS*/


/*BEGIN for PORTFOLIO/ILLUSTRATION/INDEX.html; ILLUSTRATION PORTFOLIO*/


ul.illo {margin: 0; padding: 0 0 7px 0;}
	
ul.illo li {
	display: inline;
	list-style-type: none;
	/*background: url("images/layout/list_delim.gif") 100% 51% no-repeat transparent;*/
	padding: 0 7px 0 0;
	position: relative;
	font-weight: bold;
}

ul.illo li.newsletter {margin: 0; padding: 0 0 0 590px;}

ul.illo li.onearrow {margin: 0; padding: 0 0 0 828px;}

ul.illo li.backarrow {margin: 0; padding: 0 0 0 0;}

ul.illo li.nextarrow {margin: 0; padding: 0 0 0 446px;}

ul.illo li.details, ul.illo li.firstdetail, ul.illo li.scroll { 
	font-weight: normal
	color:#575757;
	padding: 0 12px 0 0;
	font-size: .9em;
	margin: 0;

}

ul.illo li.firstdetail { 
	padding: 0 12px 0 95px;
}

ul.illo li.scroll { 
	padding: 0 5px 0 600px;
}


/*for PC IE, hide from mac IE \*/

* html ul.illo li {padding: 0 13px 0 2px;}

/*end mac IE hiding*/


/*END for PORTFOLIO/ILLUSTRATION/INDEX.html; ILLUSTRATION PORTFOLIO*/




/*begin for PORTFOLIO/PHOTOGRAPHY/INDEX.html; PHOTOGRAPHY PORTFOLIO*/
table.photography {
	border:0px;
	margin:0;
	padding:0px;
	background:#cccccc;
}

table.photography tr {vertical-align: center;}

table.photography td {margin:0; padding:5px;}

table.photography td img {border:3px solid white; border-bottom:45px solid white;}


/*end for PORTFOLIO/PHOTOGRAPHY/INDEX.html; PHOTOGRAPHY PORTFOLIO*/



/*begin for CSS PORTFOLIOS: PORTFOLIO/WEB/INDEX.html; PORTFOLIO/PUBLICATIONS/INDEX.html */

.design li a:hover {background: none;}

.design {
	margin: 0 20px 0 0;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #B2B2B2;
	padding: 0 0 15px 0;
}

.design:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*enclose floated imgs in moz*/

* html .design {display: inline-table;} /*enclose floated imgs in IE 5 mac*/

/*no to Mac IE \*/

* html .design {height: 1%;} /*enclose floated imgs in IE PC; end Mac IE hiding*/

.design ul {
	list-style-type: none;
	margin: 5px 0 0 25px; padding: 0;
}

.design li {
	list-style-type: none;
	font-size: .9em;
	float: left;
	padding: 0 17px 0 5px;
	background: url("images/layout/list_delim.gif") 100% 51% no-repeat;
}

.design li.img_only, .design li.img_front, .design li.img_inside {
	background-image: none;
	padding: 0;
}

.design img {
	margin: 10px 15px 0 0; border: 1px solid #000000;
	float: left; /*gets rid of extra space below images in moz*/
}

* html .design img {
	float: none; /*prevent mac IE from only enclosing first image; PC IE doesn't have this bug*/
}

.design li.designer {margin-right: 2px}

.design li.accepted, .design li.accepted a {padding-right: 0; background: none; float: none;} 

.design li.accepted a {color:#6cb746; text-decoration: underline; }

.design li.client {display: none;}

.design li.type {padding-left: 0;}

/*.design li.img_front, .design li.img_only {clear: left;}*/

.design li.img_inside, .design li.img_only {float: none;}

.design h3 {
	background: url("/images/line_square.gif") no-repeat 0 55% white;
	padding: 0 0 0 24px;
	margin: 25px 0 0 0;
	font-size: 15px;
}

#content p.navigation {
	text-align: center;
	font-size: .8em;
	clear: both;
	padding-top: 25px;
	margin: 0;
}

.slideshow {
	text-align: center;
	font: 12px/15px Verdana, "Lucida Grande", "sans serif";
	background: #F4F4EC;
}

.slideshow h1 {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.slideshow h2 {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}

.slideshow img {border: 1px solid #000000;}

/*end for CSS PORTFOLIOS: PORTFOLIO/WEB/INDEX.html; PORTFOLIO/PUBLICATIONS/INDEX.html;*/

/* Holly hack because IE 6 likes to ignore the bg color after link mouseovers on p.aux. Hides from IE5-mac \*/
/* End hide from IE5-mac */


/*begin for FOOTER*/
#footer p{color: #9c958b;}
/*end for FOOTER*/