@CHARSET "ISO-8859-1";
* { color:#333333; font:12px Arial, Helvetica; line-height:150%; }
a, a:link, a:visited { color:#993399; }
a:hover { color:#666666; }
body { background:#CCCCCC; height:100%; margin:0; padding:0; }
em { font-style:italic; }
h1 { font:18px "Trebuchet MS"; margin:0; padding:0; }
h2 { font:bold 12px "Trebuchet MS"; margin:0; padding:0 0 6px 0; text-transform:uppercase; }
h3 { font-weight:bold; margin:0; padding:0; text-transform:uppercase; }
h1 a, h1 a:link, h1 a:visited, h1 a:hover, 
h2 a, h2 a:link, h2 a:visited, h2 a:hover, 
h3 a, h3 a:link, h3 a:visited, h3 a:hover  
		{ color:inherit; font:inherit; text-decoration:inherit; text-transform:inherit; }
img { border:0px; }
form .formRow { clear:both; padding:4px 0; }
form .formRow label { float:left; width:100px; }
form .formRow input, form .formRow select { float:left; width:320px; }
form .formRow textarea { float:left; height:100px; width:320px; }
form .formButtons { clear:both; padding:4px 0; text-align: right; }
strong { font-size:inherit; font-weight:bold; }

.one { float:left; width:240px; }
.two { float:left; width:480px; }
.three { float:left; width:720px; }
.four { float:left; width:960px; }
.third { float:left; width:320px; }
.twoThirds { float:left; width:640px; }
.inner { padding:10px; }

.collapsed { background:url('/images/arrow_closed.gif') left no-repeat; padding-left:16px; }
.expanded { background:url('/images/arrow_open.gif') left no-repeat; padding-left:16px; }
.right { float:right; }
.clearfix { clear:both; }

#main { background:white; border-top:7px solid black; margin:0px auto; width:960px; }
#header { height:94px; padding:0px 10px; }
#header img { margin-top:14px; }
#navbar { height:33px; margin:10px 0px; }
#navbar .navitem { float:left; margin:0px 10px; width:220px; }
#navbar .navitem h1 { border-top:1px solid #CCCCCC; color:black; display:block; padding:8px 0px; text-decoration:none; }
#navbar .navitem h1 a:hover { color:#993399; }
#content { border-top:#CCCCCC 1px solid; min-height:400px; padding-top:10px; position:relative; }
#content .feature { border:1px solid #CCCCCC; height:240px; margin:10px; padding:5px; }

/* Portfolio */
#content .pFeatures { background:#FFFFFF; border:1px solid #A9A9A9; color:white; height:300px; padding:2px; position:relative; width:695px; }
#content .pFeatures .pFeature { left:0px; padding:2px; position:absolute; top:0px; }
#content .pFeatures .pFeatureText { color:#000000; left:0px; padding:10px; position:absolute; top:0px; width:100px; }
#content .pFeatures .pThumb { background:white; border:1px solid #A9A9A9; height:60px; position:absolute; right:13px; width:60px; }

#content .portfolioArea { border:1px solid #cccccc; margin:10px; padding:0 5px 5px 5px; position:relative; width:208px; }
#content .portfolioArea .off { background:url('../images/portfolio/portfolio_off.png'); bottom:10px; height:119px; left:5px; position:absolute; width:208px; }

.web { color:#3b5998; }
.design { color:#612e5d; }
.photography { color:#864910; }
.development { color:#017380; }

#content .blurb {}
#content .blurb h2 { padding:10px 0 0 0; }
#content .blurb p { margin:0 0 10px 0; padding:0; }
#content .blurb span { font-size:12px; font-weight:bold; }
#content .bio {}
#content .bio span { font-weight:bold; }
#content .blog { clear:both; margin-bottom:20px; }
#content .blog h2 { color:#999999; font-weight:normal; }
#content .blog h3 { color:#996699; }
#content .blog h3 a:hover { color:#666666; }
#content .blog h3.comments { background:url('/images/icon_comment.gif') no-repeat; cursor:pointer; padding-left:20px; }
#content .blog h3.comments span { color:inherit; font-weight:inherit; }
#content .blog img, #profile img { border:1px solid rgb(169,169,169); padding:2px; }
#content .blog div.comments { display:none; }
#content .blog div.comments .userComment { background:url('/images/usercomment.gif') top left no-repeat; border-bottom: 1px solid #EEEEEE; padding-left:40px; }
#content .blog div.comments .ownerComment { background:url('/images/mambicomment.gif') top right no-repeat; border-bottom: 1px solid #EEEEEE; padding-left:40px; }
#content .info h3 { border-top:1px solid #CCCCCC; padding-top:10px; }
#content .rightMenu { border-bottom:1px solid #EEEEEE; margin-bottom:5px; padding-bottom:4px; position:relative; }
#content .rightMenu a { text-decoration:none; }
#content .rightMenu ul { list-style:none; margin:0; overflow:hidden; padding:0; }
#content .rightMenu ul li { line-height:18px; padding:0 0 2px 16px; }
#content .rightMenu ul.posts { display:none; }
#content h3.month { color:black; cursor:pointer; font-weight:normal; text-decoration:none; text-transform:uppercase; }
#content .intro { font-size:14px; }
#content .intro p { font-size:inherit; }
#content .intro a { font-size:inherit; }
#footer { border-top:1px solid #CCCCCC; clear:both; font-size:10px; height:14px; padding:2px 10px; text-align:right; }

#simplemodal-container { background:white; }
.popup { border:1px solid #666666; padding:10px; }
#flashcontent { height:700px; }

#portfolioPopup { /*height:382px;*/ height:auto; position:relative; width:720px; }
#portfolioPopup a.close { position:absolute; right:-6px; top:-6px; }
#portfolioPopup .projectPreview { float:left; padding:10px 0 10px 10px; width:470px; }
#portfolioPopup span { display:block; float:left; font-weight:bold; width:100px; }
#portfolioPopup .links { bottom:0; padding:10px; position:absolute; right:0; width:220px; }

#addComment { display:none; }