/************************************************* 
universal 
**************************************************/

* {
        margin:0;
        padding:0;
}

p {
        padding: 0px;
}

body {

	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif !important;
        font: 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
        color:#fff;
}

a:link, a:visited, a:active {
	color: #CFA308;
	text-decoration: none;
}

a:hover {
	color:#F8D761;
	text-decoration: none;
}

.img {
	border-style: none;
}

img {
        border: 0;
}

h1
{
        display:block;
        height:0;
        text-indent:-500em;
        text-decoration:none;
}

h2 {
	color:#CFA308;
	font-size: 14px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: bold;
	margin: 0px 0 -15px 0;
	padding-bottom: 0px;
}

h3 {
	color:#CFA308;
	font-size: 12px;
	font-family: arial, "lucida console", sans-serif;
	text-decoration: none;
	padding-bottom: 0px;
}

h4 {
	color:#333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0px;
}


/************************************************* 
content 
**************************************************/

#wrapper {
        margin: 10%;
}

#content {
        text-align: left;
        float: left;
	color:#404040;
	padding: 0px 0px 0px 23px;
	margin: 0px;
}

.webportfolio {
       width: 405px;
       padding-left: 15px;
       border-left: 9px solid #E7E7E7;
}

.portfolio {
       width: 405px;
       padding-left: 15px;
       border-left: 9px solid #E7E7E7;
}

.caption {
       padding: 0 19px 0 8px;
       width: 357px;
       text-align: justify;
       height: 80px;
       margin-bottom: 10px;
}

.post {
        text-align: left;
        padding-left: 23px;
        border-left: 9px solid #E7E7E7;
        width: 400px;
}

.prev_next_nav {
        text-align: left;
        margin: 0px 0px 0px 8px;
        position: relative;
        display: inline;
        width: 100%;
        bottom: 0;
}

.prev_next_nav a{
        text-align: left;
        margin: 0px 10px 0px 0px;
}

.subnav {
        text-align: left;
        margin: 0px 0px 13px 8px;
}

.subnav a {
        margin-right: 15px;
}

.storycontent ul {
        margin: 10px 0;
        padding-left: 10px;
        list-style-type: none;
}

.storycontent li {
        font-size: .9em;
        background: url(/images/55.gif) no-repeat 0 65%;
        padding-left: 10px;
}


/************************************************* 
left nav 
**************************************************/

.nav_tit {
	color:#FFF6BD;
	font-size: 14px;
	font-family: Trebuchet MS, sans-serif;
	font-weight: bold;
	border-bottom:dashed 1px;
}

.nav {
	padding-right: 0px;
        float: left;
        display: block;
	color:#BABABA;
	text-align: right;
}

.nav img {
        margin-bottom: 15px;
}

.nav ul {
list-style-type: none;
}

.nav a:link {
	color: #999;
	text-decoration: none;
}

.nav a:visited	{
	color: #999;
	text-decoration: none;
}

.nav a:active {
	color: #999;
	text-decoration: none;
}

.nav a:hover {
	text-decoration: none;
	color:#BABABA;
}


/************************************************* 
lightbox 
**************************************************/

.box{
width: 450px;
margin: 7px 0px 0px 7px;
}

.box img {
border:1px solid #E7E7E7;
padding: 3px;
width: 100px;
}

.box img:hover {
border:4px solid #E7E7E7;
padding: 0px;
}

 #lightbox{background-color:#eee;padding: 10px;border-bottom: 0px solid #666;border-right: 0px solid #666;}
 #lightboxDetails{font-size: .8em;padding-top: 0.4em; color: #333;}
 #lightboxCaption{ float: left; }
 #keyboardMsg{ float: right; }
 #closeButton{ top: 5px; right: 5px; }
 #lightbox img{ border: none; clear: both;}
 #overlay img{ border: none; }
 #overlay{ background-image: url(/images/36.png); }
 * html #overlay{background-color: #333;back\ground-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/36.png", sizingMethod="scale");