/**
 * --- $Id:$
 */

a {
color:#069;
font-weight:bold;
outline:0;
text-decoration:none;
}

a:link, a:active, a:visited { color:#069; }
a:hover, a:focus { color:#014; }
a:hover.img { background:none; }

html {background:#f7f7f7;}

body {
background:#f7f7f7 url('http://images.designers-network.com/images/bg.gif') no-repeat bottom right;
color:#000;
font-family:"Lucida Grande", "Arial", "Helvetica", sans-serif;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
text-align:center;
}

/* ------------------------------------------------------------------------- */

#container {
background:#fff;
border-left:10px #fff solid;
border-right:10px #fff solid;
line-height:16px;
margin:0 auto;
padding:5px 5px 0 5px;
text-align:left;
width:800px;
}

#header {
background:#fff;
margin:0;
padding:6px;	
}

#breadcrumbs {
border-bottom:2px #ccc solid;
font-size:12px;
margin:0;
padding:0 5px 0 25px;
vertical-align:middle;
}

#breadcrumbs a { color:#000; }
#breadcrumbs a:hover { color:#777; }
#breadcrumbs span.l { padding:10px 0 0 0; }
#breadcrumbs span.r { padding-right:25px;width:300px; }

#footer {
background:#00173d;
color:#fff;
font-size:11px;
margin:6px 0 0 0;
padding:25px 10px 10px;
text-align:left;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {color:#fff;}
#footer a:hover {color:#ccc;text-decoration:underline;}

#footer-logo {
	float:left;
	padding:0 0 0 10px;
}

#footer-nav {
	float:right;
	text-align:right;
	width:200px;
}

/* ------------------------------------------------------------------------- */

br {
clear:both;
padding:0;
margin:0;
}

fieldset {
border:2px #ccc solid;
margin:10px 0;
padding:5px 20px 20px;
}

form {
display:inline;
margin:0;
}

form p small { color:#666; }

img {
background:none;
border:0;
vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 {
color:#000;
margin:0;
padding:0;	
}

h1 { font-size:18px; }

h2 {
border-bottom:2px #ccc solid;
font-size:16px;
padding:6px;
}

h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:11px; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { 
display:inline;
font-size:11px;
}

h2 span {
color:#666;
float:right;
font-weight:normal;
}

hr {
border:0;
color:#ddd;
background:#ddd;
height:4px;
width:75%;
}

input[type="file"], input[type="password"], input[type="text"] {
border:1px #aaa solid;
font-size:12px;
padding:2px;
width:200px;
}

input[type="submit"], input[type="button"] {
font-size:11px;
padding:0;
margin:0;
}

input[type='text']#counter { width:3em; }

label {
display:block;
float:left;
font-weight:bold;
padding:3px 3px 0 0;
text-align:right;
width:150px;
}

label small, label span {
font-size:11px;
font-weight:normal;
}

legend {
font-size:14px;
padding:0 10px;
}

p { line-height:16px; }

pre {
font-size:12px;
line-height:16px;
}

select {
border:1px #aaa solid;
font-family:"Lucida Grande", "Arial", "Helvetica", sans-serif;
font-size:12px;
}

small { font-size:11px; }
span { display:inline; }

table {
border-collapse:collapse;
border:0;
empty-cells:show;
font-size:12px;
line-height:15px;
margin:0;
padding:0;
width:100%;
}

textarea {
border:1px #aaa solid;
font-family:"Lucida Grande", "Arial", "Helvetica", sans-serif;
font-size:12px;
padding:3px;
}

td {
font-size:12px;
padding:4px;
vertical-align:top;
}

th {
background:#eee;
border-bottom:1px #ccc solid;
color:#000;
padding-left:3px;
}

ul {
	margin-left:10px;
	padding-left:10px;
}

/* ------------------------------------------------------------------------- */

.success, .fail, .msg {
color:#fff;
font-size:12px;
font-weight:bold;
line-height:20px;
margin:6px 0;
padding:4px;
text-align:center;
}

.success { background:#080; }
.fail { background:#c22; }
.note, .msg { background:#f90; }

.success a, .fail a, .msg a { color:#fff;text-decoration:underline; }
.success a:hover, .fail a:hover, .msg a:hover, .success a:focus, .fail a:focus, .msg a:focus { text-decoration:none; }

/* ------------------------------------------------------------------------- */

.clear { clear:both; }

.portfolio img { margin:2px 0;}

.l {
float:left;
text-align:left;
width:50%;
}

.r {
float:right;
text-align:right;
width:50%;
}

#nextstage, .nextstage, #preview-nextstage {
background:#abc3de;
border-top:1px #ccc solid;
color:#455d78;
font-size:11px;
margin:3px 0;
padding:6px;
}

#preview-nextstage {
background:#ffe8c6;
color:#f60;
}

#supernav {
background:#eee;
border-bottom:2px #ccc solid;
color:#ccc;
text-align:center;
}

#supernav ul {
color:#fff;
text-align:center;
margin:0;
padding-bottom:3px;
padding-top:3px;
}

#supernav ul li {
display:inline;
margin-left:-4px;
}

#supernav ul li a {
border-right:1px solid #ddd;
font-weight:normal;
color:#888;
padding:5px 10px 4px 10px;
text-decoration:none;
}

#supernav ul li a:hover { background-color: #248;color: white; }
#active a { border-left: 1px solid #ddd; }

.entry {
	border-top:1px #ccc dotted;
	border-bottom:1px #ccc dotted;
	margin-bottom:2px;
}

.entry a { text-decoration:none; }

.entry span {
color:#666;
font-size:11px;
font-weight:normal;
}

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

.entry li { margin:0;padding:0; }

.entry li a { 
display:block;
padding:6px;
text-decoration: none;
}

* html .entry li a {  /* make hover effect work in IE */ width:560px; }
.entry li a:hover { background:#ffc url('http://images.designers-network.com/images/manwave_hover.gif') no-repeat bottom right; }

/* ------------------------------------------------------------------------- */

.pages {
border-top:2px #ccc solid;
color:#000;
padding:5px 0 0 4px;
}

.pages ul {
border:0;
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

.pages ul li {
display:block;
float:left;
text-align:center;
padding:0;
margin:0;
}

.pages ul li a {
background:#f7f7f7;
height:20px;
width:30px;
padding:3px 0;
margin:0 3px 3px 0;
text-decoration:none;
display:block;
text-align:center;
}

.pages ul li a:hover, .pages ul li a:focus, .pages a:active, .pages li#active a {
background:#46b;
color:#fff;
}

.pages li a.select { text-decoration:underline; }

/* ------------------------------------------------------------------------- */

#main, #sidepanel { padding:0 6px 6px 6px; }

#main-outer {
float:left;
margin:0 0 6px 6px;
padding:0;
width:598px; /* 598 in Safari */
}

#main {
background:#fff;
border:2px #ccc solid;
}

#admin-main, #blog-main {
background:#fff;
border:2px #ccc solid;
margin:6px 0 0 6px;
}

#main-inner, #sidepanel-inner, #admin-main-inner, #blog-main-inner {
padding:6px;
}

#blog-main {
margin:6px 0;	
}

#controls {
font-size:11px;
padding:3px;
text-align:right;
}

#jobpreview {
margin:0 0 12px 0;
padding:6px;
}

#sidepanel {
background:#fff url('http://images.designers-network.com/images/manwave.gif') no-repeat bottom right;
border:2px #ccc solid;
font-size:11px;
margin:0;
float:left;
width:180px;
}

#sidepanel-inner input[type="text"], #sidepanel-inner label {
text-align:left;
width:160px;
}	

#footline {
background:#fff;
border-top:1px #ccc solid;
margin:6px 0 0 0;
padding:6px 0;
text-align:center;
}

#headline {
border-bottom:1px #ccc solid;
margin:6px 0;
padding-bottom:6px;
text-align:center;
}

#copyright {
font-size:10px;
margin:6px auto;
text-align:left;
width:800px;
}

.error { 
border:3px #f66 solid;
padding:2px;
}

.errortext {
color:#c66;
margin-left:153px;
padding:5px 0;
}

.hi { background:#eee; }
.lo { background:#fff; }

.message {
background:#fdd;
border:1px #f88 solid;
font-size:11px;
margin:3px 0;
padding:3px 6px;
}

.req { color:#89a1bc; }
.admintable { width:100%; }

.admintable td {
border-bottom:1px #ccc solid;
vertical-align:top;
}

#categories {
background:#fff;
font-size:11px;
}

#categories ul {
text-align:right;
margin:0;
padding-bottom:5px;
padding-top:5px;
}

#categories ul li {
display:inline;
margin-left:-4px;
}

#categories ul li a {
background:#e7e7e7;
color:#999;
padding:5px 10px 7px 10px;
}

#categories ul li a:hover {
background:#aaa;
color:#fff;
}

div #categories ul li a#current { background:#ccc;color:#000; }

/* ------------------------------------------------------------------------- */

#leftnav, #content, #fatcontent, #forumcontent {
float:left;
text-align:left;
}

#leftnav {
margin:0 10px 0 0;
padding:0;
width:160px;
voice-family:"\"}\"";
voice-family:inherit;
width:160px; 
}

#content {
margin:0 10px 0 0;
width:360px;
voice-family:"\"}\"";
voice-family:inherit;
width:360px;
}

#fatcontent {
margin:0;
width:620px;
voice-family:"\"}\"";
voice-family:inherit;
width:620px;
}

#forumcontent {
font-size:11px;
margin:0;
width:240px;
voice-family: "\"}\"";
voice-family:inherit;
width:240px;
}

.forumpost {
border-bottom:1px #ccc solid;
padding:3px 0;
width:240px;
}

/* ------------------------------------------------------------------------- */

img.profile {
border:1px #aaa solid;
float:left;
height:32px;
margin:0.5em;
width:32px;
}

.avatar {float:left;}

.ads {
border-bottom:2px #ccc solid;
margin:15px 0 0 0;
padding:5px 0 0;
text-align:center;
}

.boardtd {
background:#e7e7e7;
border-bottom:2px #aaa solid;
line-height:18px;
padding:5px 25px 15px 5px;
vertical-align:top;
}

.entryauthor {
border-top:1px #ccc solid;
padding:0;
}

.entry-a, .entry-b, .entry-c {
	float:left;
	margin:5px 0;
}

.entry-a {
	width:32px;
}
.entry-b {
	padding:0 5px;
}
.entry-c {
	float:right;
	text-align:right;
	width:200px;
}

.entrymessage {
border-top:1px #ccc dashed;
clear:both;
padding:20px;
}

.entrysignature  {
	border-top:1px #ccc dashed;
	font-size:11px;
	padding:6px 0;
	text-align:right;
}

.author, .topic, .controls {
	border-bottom:2px #ccc solid;
	padding:10px 0;
	vertical-align:top;
}

.author {width:50px;}
.topic {width:560px;}

.controls {
	font-size:11px;
	vertical-align:top;
	width:150px;
}

/* ------------------------------------------------------------------------- */

@media print {
	.portfolio { display:none; }
	 #breadcrumbs .r, #header .r, #headline, #footline, #footer, .portfolio { display:none; }
}