/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a, h1 {
	border-width: 0;
	margin: 0;
	padding: 0;
}

html { 
height: 100%;
margin-bottom: 1px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ccb;
background-color: #ccb;
text-align: left;
margin: 0 auto;
}

/* GENEARL TEXT STYLING */

p {
line-height: 18px;
margin: 0 0 10px 0;
}

a {
color: #d44;
text-decoration: underline;
}

a:hover {
color: #fff;
}

/* PAGE COMPONENTS */

#container {
width: 740px;
padding: 27px 0;
margin: 0 auto;
}

#header {
width: 740px;
float: left;
}

#header img.logo {
float: left;
margin: 0 10px 0px 0;
}

#header ul {
width: 414px;
float: left;
font-size: 12px;
color: #443;
text-align: right;
list-style: none;
padding: 0;
margin: 17px 0 0 0;
}

#header li {
display: inline;
}

#header li a { 
color: #443; 
text-decoration: none; 
background: url(images/bullet-nav.gif) 10px 3px no-repeat;
padding-left: 24px;
}

#header li a:hover {
color: #000;
background: url(images/bullet-nav-over.gif) 10px 2px no-repeat;
}

#header li a.active {
color: #000;
background: url(images/bullet-nav-on.gif) 9px 3px no-repeat;
}

#pagecontent {
width: 692px;
float: left;
background-color: #443;
padding: 22px 24px 12px 24px;
margin: 3px 0 4px 0;
}

#pagecontent img.header {
margin-bottom: 14px;
}

#pagecontent #leftcol {
width: 334px;
float: left;
margin-right: 24px;
}

#pagecontent #rightcol {
width: 334px;
float: left;
}

p.caption {
color: #998;
line-height: 14px;
}

p.caption a {
color: #998;
}

ul.news {
list-style-type: none;
padding: 0;
margin: 0;
}

ul.news li {
background: url(images/bullet-list.gif) 0 4px no-repeat;
line-height: 18px;
padding-left: 18px;
/* text-indent: -20px; */
margin: 0 0 10px 0;
}

/* PORTFOLIO NAV ELEMENTS */

#portfolio {
width: 692px;
float: left;
}

#portfolio ul {
width: 692px;
float:left;
font-size: 12px;
text-align: center;
list-style: none;
padding-bottom: 14px;
}

#portfolio li {
display: inline;
}

#portfolio li a { 
color: #998; 
text-decoration: none;
padding: 0 9px;
}

#portfolio li a:hover, #portfolio li a.active {
color: #fff;
}

/* Portfolio Sub Nav Boxes */
#portsubnav ul {
width: 692px;
float: left;
font-size: 15px;
text-align: center;
list-style: none;
}

#portsubnav li {
width: 16px;
display: inline;
}

#portsubnav li a { 
background: url(portfolio/images/thumb.gif) 4px 0 no-repeat;
text-decoration: none;
padding: 0 8px;
}

#portsubnav li a:hover, #portsubnav li a.active {
background: url(portfolio/images/thumb-on.gif) 4px 0 no-repeat;
}

#artwork {
width: 692px;
float: left;
text-align: center;
margin-top: 18px;
}

#poetry {
width: 440px;
float: left;
text-align: left;
margin: 0 86px 0 166px;
}

#artcontactright {
width: 334px;
font-size: 10px;
line-height: 14px;
text-align: center;
}

.capt_small {
color: #998;
font-size: 10px;
line-height: 14px;
}

.clear {
clear: both;
}

#footer {
width: 740px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #776;
text-align: center;
padding: 0;
}

#footer a {
color: #776;
}