/*
--------------------------------------------------
drdeadline.com GLOBAL STYLES
Last revised 9 January 2007
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

Red: #933
Mustard: #C93
Dark Grey: #333


*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #000; /* Very light yellow */
		font: 12px Arial, Helvetica, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		background: #333;
		}

/* Links */
a		{
		color: #ff9900; /* White */
		text-decoration: none;
		}
a:visited {
		color: #ff9900; /* White */
		}
a:hover {
		color: #ff9900; /* Orange */
		border-bottom: 2px solid #ffcc80; /* Orange 50% */
		}
a:active {
		color: #99cc00; /* Yellow-green */
		border-bottom: 2px solid #cce680; /* Yellow-green 50% */
		}
a[name] { /* remove dotted underline from internal hyperlinks */
		border-bottom: none;
		}
        
#nav ul li a, #nav ul li a:visited, #port-page-links a, #port-page-links a:visited {
        color:#c93
}

#port-page-links a:hover, #port-page-links a:active, #port-list a {
color: #933;
border:0;
}

#port-page-links a.selected {
color: #933;
border:0;
}

#nav ul li a:hover, #nav ul li a:active {
        color:#fff;
        border:0;
}          
#nav ul li ul li a, #nav ul li ul li a:visited {
        color:#fff
}

#nav ul li ul li a:hover, #nav ul li ul li a:active {
        color:#C93;
}

#nav ul li ul li a.selected {
        color:#C93;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #99cc00; /* Yellow-green */
		font-weight: normal;
		line-height: 1.5;
		margin: 1em 0 .5em;
		}
h1		{
		color: #fff; /* White */
		font-size: 28px;
		line-height: .75;
		margin: .75em 0;
		}
h2		{
		color: #fff; /* White */
		font-size: 24px;
		line-height: .875;
		margin: .4375em 0;
		}
h3		{
		font-size: 18px;
		line-height: 1.167;
		margin: 1.167em 0 .5835em;
		}
h4		{
		font-size: 16px;
		line-height: 1.3125;
		margin: 1.3125em 0 .65625em;
		}
h5		{
		font-size: 14px;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}
h6		{
		font-size: 14px;
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}
p		{
		margin-bottom: .75em;

		}
blockquote {
		margin: 1.5em;
		}
address {
		margin: .75em 0;
		}

/* Forms */
input, textarea	{
		color: #336600; /* Very dark yellow-green */
		font: 12px/1.75 "Century Gothic", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		background: #ddeeab; /* Yellow-green 33% */
		}

abbr, acronym {
		font-size: 11px;
		letter-spacing: .1em;
		border-bottom: none;
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 900px; /* @57em */
		margin: 0 auto; /* standard CSS horizontal centering */
		padding: 0;
                background: #fff;
}


#header {
        background: url(/images/uploads/bg_header.gif) top left repeat-y;
        padding:10px 0 10px 0;
}

#nav {
        display:block;


}

#nav ul {
        color: #C93;
        background:#933;
}

#nav ul li {
        float:left; 
        display:block;
        margin: 0 25px 0 20px;
        font-weight:bold;
        text-transform: uppercase;
        font-size:14px;
}

#nav ul li ul {
        position:absolute;
        margin:0;
        padding:0;
        background:#933;
}

#nav ul li ul li {
        float:none;
        margin:8px 0 8px 0;
        padding:0;
        text-transform:capitalize;
}

#sidebar-box {
        float:left;
        width:300px;
}

#sidebar {
        color: #933;
        text-align:right;
        margin:10px 18px 10px 80px;
}

#sidebar p {
        line-height:2em;
        font-weight:bold;
}
#sidebarimg {
        margin-left:98px;
        margin-top:-135px;
}


#content-box {
        float:right;
        width:600px;
}

#content {
        margin:10px 100px 10px 20px;
        text-align:left;
        font-weight:bold;
        line-height: 2em;
}

#content p {
        font-weight:bold;
        line-height: 2em;
}

#content-home {
        margin:10px 0 10px 0;
        text-align:left;
}

#content-portfolio{
        margin:10px 0 10px 20px;
        text-align:left;
        color:#933;
        font-weight:bold;
}

#footer {
        background: url(/images/uploads/bg_footer.gif) bottom left repeat-y;
        color: #933;
        font-size: 12px;
        font-weight: bold;
        padding:10px;
        margin-top:50px;
}

.clearboth {
        clear:both;
}

.small {
        font-size:10px;
        font-weight:normal;
}

#content-portfolio label {
  float: left;
  width: 100px;
  vertical-align: top;
 }

#port-page-links {
  padding: 5px 0 5px 0;
  letter-spacing:1em;
}