/*============================================================
 Resets
============================================================*/
ol, ul { list-style:none; }


/* =GENERAL
----------------------------------------------- */

body {
	margin:0; padding:0;
	background:url('../img/mainbg.gif') repeat-x top #000;
	color:#E5E5E5;
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:13px;
	}

h1, h2, h3, h4, h5, h6, ul, li, p, label, fieldset, form { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:196%; letter-spacing:-0.05em;}
h2 {font-size:136%; letter-spacing:-0.03em;}
h3 {font-size:126%}
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
p { line-height:1.4em; }

a img { border:0; }
a:link, a:active { color:#FFBF00; outline:none; text-decoration:none; }
a:visited { color:#C68900; outline:none; text-decoration:none; }
a:hover { color:#B1B1B1; text-decoration:underline; }
a.tog {
	margin:0 -2px;
	padding:4px;
	color:#544227;
	text-decoration:none;
	}
a:hover.tog {
	margin:0 -2px;	
	padding:4px;
	background-color:#FFD731;
	color:#000;
	text-decoration:none;
	}
.clear {
	clear:both;
	display:block;
	height:0px;
	margin:0; padding:0;
	overflow:hidden;
	font-size:0px;
	}
	
table {
	table-layout:fixed;
	margin:0; padding:0;
	border-collapse:collapse; border:0;
	}
table td {
	margin:0; padding:0;
	}

input.med {
	font-size:1.8em; 
	padding:2px;
	border:1px solid #666;
	font-family:Helvetica, Arial, sans-serif
	}
input.submit {
	padding:4px 10px;
	background-color:#333;
	border:none;
	color:#FFF;
	cursor:pointer;
	}
p.tiny {
	margin:0;
	color:#999;
	font-size:0.8em;
	line-height:normal;
	}
p.small { 
	margin:0;
	font-size:0.9em;
	line-height:1.2em;
	}
p.tinyTitle {
	margin:20px 0 14px 0;
	padding-bottom:4px;
	border-bottom:1px solid #333;
	color:#777;
	font-size:0.8em;
	line-height:normal;
	}
p.tinyTitle span {float:right;}
p.tinyTitle span a {color:#FFF;}

/* Right styles */
div#right .small {
	margin-bottom:10px;
	color:#AAA;
	}

	
/* GENERAL =Layout
----------------------------------------------- */
div#container {
	position:relative;
	width:1000px;
	margin:0 auto;
	}
div#contentCon {
	position:relative;
	margin:10px 5px 0 5px;
	padding-bottom:10px;
	}
div#contentCon div#left {
	position:relative;
	float:left;
	width:720px;
	margin:0; padding:8px 20px 20px 20px;
	}
div#contentCon div#right {
	margin-left:780px;
	width:210px;
	}
*html div#contentCon div#right {
	margin-left:780px;
	width:200px;
	}
div#contentCon img#banner {
	position:absolute;
	top:-2px; left:-2px;
	}
	
span.curvesTop {
	display:block;
	width:760px; height:12px;
	margin-top:14px;
	background:url('../img/topCur_760.png') no-repeat;
	}
*html span.curvesTop {
	display:block;
	width:760px; height:10px;
	font-size:1px;
	background:url('../img/topCur_760.gif') no-repeat;
	}

/* =HEADER
----------------------------------------------- */
#portfoliosHeader {
	display:block;
	width:100%;
	margin-bottom:15px;
	background:url("../../img/signup/bg_page.png") repeat-x #89d9f1;
	}
#portfoliosHeader .inner {
	display:block;
	position:relative;
	width:990px; height:125px;
	margin:0 auto;
	}
#portfoliosHeader h1 {
	display:block;
	position:absolute;
	top:0; left:0;
	width:280px; height:125px;
	background:url("../img/header_logo.png") center 5px no-repeat;
	text-indent:-500px;
	overflow:hidden;
	z-index:10;
	cursor:pointer;
	}
#portfoliosHeader ul.nav {
	display:block;
	position:absolute;
	top:0; left:290px;
	}
#portfoliosHeader ul.nav li {
	float:left;
	}
	
/*JN*/
#portfoliosHeader ul.nav li a {
	text-indent:-9999px;
	}

#portfoliosHeader ul.nav li a.home {
	display:block;
	width:96px; height:115px;
	margin-right:10px;
	background:url("../../img/signup/header_nav-home.png") no-repeat;
	}
#portfoliosHeader ul.nav li a.examples {
	display:block;
	width:108px; height:115px;
	margin-right:8px;
	background:url("../../img/signup/header_nav-examples.png") no-repeat;
	}
#portfoliosHeader ul.nav li a.why {
	display:block;
	width:102px; height:115px;
	margin-right:6px;
	background:url("../../img/signup/header_nav-why.png") no-repeat;
	}
#portfoliosHeader ul.nav li a.about {
	display:block;
	width:96px; height:115px;
	margin-right:6px;
	background:url("../../img/signup/header_nav-about.png") no-repeat;
	}
#portfoliosHeader a.signin {
	display:block;
	position:absolute;
	top:0; right:10px;
	width:76px; height:74px;
	text-indent:-9999px;
	background:url("../../img/examples/header_nav-signin.png") no-repeat;
	}
#portfoliosHeader a.signup {
	display:block;
	position:absolute;
	top:0; right:76px;
	width:177px; height:117px;
	text-indent:-9999px;
	background:url("../../img/examples/header_nav-signup.png") no-repeat;
	}
	
	
/* +FOOTER
----------------------------------------------- */
#footer {
	position:relative;
	height:160px;
	clear:both;
	}
#footer .inner {
	position:relative;
	display:block;
	width:990px; height:60px;
	margin:0 auto;
	padding-top:100px;
	}
#footer .footerCon {
	display:block;
	padding:12px 0 25px 0;
	border-top:1px solid #333;
	background:url("/img/examples/footer_bg-lines.png") 0 16px no-repeat;
	}
#footer a.help {
	float:left;
	display:block;
	width:73px; height:66px;
	margin-right:18px;
	background:url("/img/examples/footer_btn-help.png") no-repeat;
	text-indent:-200px;
	overflow:hidden;
	}
#footer a.logo {
	float:right;
	display:block;
	width:195px; height:66px;
	background:url("/img/home/footer_logo.png") no-repeat;
	text-indent:-200px;
	overflow:hidden;
	}
#footer p {
	color:#555;
	font-size:12px;
	line-height:21px;
	}
#footer p span {
	font-family:Georgia, Times New Roman, serif;
	font-style:italic;
	}
#footer p a { color:#54788E; }
	
	


/* =PORTFOLIOS
----------------------------------------------- */

div.portfolios div#contentCon div#left {
	position:relative;
	width:760px; min-height:300px;
	margin:0; padding:0;
	background-color:#000;
	}
div.portfolios div#contentCon div#right { padding-top:145px; }
*html div.portfolios div#contentCon div#right { padding-top:190px; }
*:first-child+html div.portfolios div#contentCon div#right { padding-top:190px; }
h1#totals {
	margin:0 230px 0 10px;
	height:28px;
	padding-top:4px;
	text-align:left;
	font-size:18px;
	color:#CCC;
	letter-spacing:-0.01em;
	}
h1#totals strong { color:#FFF; }
h1#totals span.little {
	font-size:0.7em;
	color:#999;
	}
h1#totals span.grey {
	color:#999;
	}
h1#totals span.subscribe {
	float:right;
	margin:3px 10px 0 0;
	}
h1#totals span.subscribe a {
	font-size:0.9em;
	color:#eb8931;
	}
h1#totals a {
	color:#6CC3F4;
	}


	
div.portWidget {
	position:relative;
	width:760px; height:110px;
	margin-bottom:15px;
	cursor:pointer;
	}

div.portWidget img.updated {
	position:absolute;
	top:-2px; left:-2px;
	background:url('../img/updated.png') no-repeat;
	z-index:20;
	}
*html div.portWidget img.updated {
	background:url('../img/updated.gif') no-repeat;
	}
div.portWidget img.thmbFeat {
	position:absolute;
	top:-4px; left:-4px;
	z-index:19;
	}

div.portWidget img.awesome {
	position:absolute;
	top:-5px; left:-5px;
	}
div.portWidget div.datebanner {
	position:absolute;
	top:-2px; left:310px;
	width:145px; height:20px;
	background:url('../img/portfolios_datebannerUp.png') no-repeat;
	}
div.portWidget div.datebanner p.tiny {
	margin-top:3px;
	text-align:center;
	color:#FFF;
	}
div.portWidget div.datebanner h2 span {
	font-size:0.8em;
	font-weight:normal;
	}
div.portWidget div.artist {
	position:absolute;
	top:15px; left:15px;
	width:280px;
	}
div.updated div.artist {
	left:20px;
	}
div.portWidget div.artist h1 {
	font-size:180%;
	}
div.portWidget div.artist p {
	margin-top:8px;
	}
div.portWidget div.artist a {
	padding:0 4px 4px 4px;
	background-color:#000;
	color:#FFF;
	}
div.portWidget div.artist a:hover {
	padding:0 4px 4px 4px;
	background-color:#FFBF00;
	color:#5A3D1C;
	text-decoration:none;
	}
div.portWidget div.numbers {
	position:absolute;
	top:17px; left:310px;
	width:200px;
	}
div.portWidget div.numbers h2 {
	font-size:1.6em;
	padding-bottom:10px;
	}
div.portWidget div.numbers h3 {
	padding-bottom:12px;
	}
div.portWidget div.numbers h2 span,
div.portWidget div.numbers h3 span {
	padding:2px 4px 4px 4px;
	background-color:#111;
	color:#CCC;
	}
div.portWidget div.numbers p.tiny span {
	padding:3px;
	background-color:#111;
	color:#BBB;
	}
div.updated div.numbers p.tiny span {
	padding:3px 5px;
	background-color:#ff5200;
	color:#FFF;
	}
div.portWidget ul.tags {
	position:absolute;
	top:13px; left:500px;
	width:200px; height:90px;
	margin:0; padding:0;
	list-style:none;
	overflow-y:hidden;
	}
div.portWidget ul.tags li {
	display:inline;
	list-style-type:none;
	line-height:1.3em;
	}
div.portWidget ul.tags li span {
	padding:1px 3px;
	background-color:#111;
	color:#bbb;
	font-size:11px;
	}
div.portWidget span.location {
	display:none;
	position:absolute;
	top:0; right:0;
	width:100px;
	padding:4px 6px;
	font-size:11px;
	background:#000;
	}
	
div.signedup {
	display:none;
	position:absolute;
	top:15px; right:-110px;
	width:130px; height:36px;
	background:url('../img/portfolios_suBg.gif') no-repeat;
	z-index:40;
	}
div.signedup p {
	margin:6px 0 0 22px;
	color:#724921;
	font-size:70%;
	}
div.portWidget:hover div.signedup,
div.curFeat:hover div.signedup { display:block; }

img.freelance {
	position:absolute;
	bottom:10px; right:-5px;
	z-index:100;
	background:url('../img/portfolios_freelance.png') no-repeat;
	}
*html img.freelance {
	background:url('../img/portfolios_freelance.gif') no-repeat;
	}

div.portfolios h2.results {
	width:740px;
	padding:0 10px 12px 10px;
	color:#888;
	font-size:15px;
	}
div.portfolios h2.results span.right { float:right; }
div.portfolios h2.results span.right span {
	color:#666;
	font-size:13px;
	}

/* Portfolios Navigation */
ul.portSubnav {
	position:absolute;
	top:36px; right:0; 
	width:200px; 
	padding:10px 10px 20px 20px;
	background:url('../img/portfolios_subnavBg.gif') right top no-repeat;
	list-style:none;
	}
ul.portSubnav li {
	margin-bottom:3px;
	list-style-type:none;
	font-size:16px;
	}
*html ul.portSubnav li {
	font-size:15px;
	}
ul.portSubnav li a {
	display:block;
	padding:3px 0;
	color:#FFF;
	}
*html ul.portSubnav li a {
	height:20px;
	}
ul.portSubnav li a:hover {
	padding:3px 0;
	background-color:#111;
	color:#FFD731;
	text-decoration:none;
	}
ul.portSubnav li.main {
	margin-bottom:4px;
	padding-bottom:3px;
	border-bottom:1px dotted #222;
	}
ul.portSubnav li.search {
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #222;
	}
ul.portSubnav li.cur a {
	color:#FFD731;
	text-decoration:none;
	}
ul.portSubnav li.cur a:hover {
	color:#FFD731;
	text-decoration:none;
	background-color:#000;
	}
h3.searchEmpty {
	position:relative;
	margin:0 10px;
	padding:20px 0;
	border-top:1px dashed #222;
	border-bottom:1px dashed #222;
	font-weight:normal;
	text-align:center;
	color:#888;
	}
h3.searchEmpty img {
	position:absolute;
	top:50px; right:-15px;
	z-index:1000;
	}
	
/* =Search */
span#search {
	display:block;
	width:190px; 
	margin:0 0 0 0;
	}
span.sbox {
	display:block;
	position:relative;
	}
span.sbox span.l {
	position:absolute;
	top:0; left:0;
	width:22px; height:26px;
	background:url('../img/srch_l.gif') no-repeat top left;
	}
span.sbox span.r {
	position:absolute;
	top:0; right:0;
	width:14px; height:26px;
	background:url('../img/srch_r.gif') no-repeat top left;
	}
span.sbox input { 
	width:160px; height:18px;
	margin:0 14px 0 22px;
	padding:4px;
	background:url('../img/srch_bg.gif') repeat-x top #fff;
	border:none;
	font-size:13px;
	line-height:13px;
	color:#000;
	}
*html span.sbox input {
	margin-top:-1px;
	height:18px;
	}
ul.portSubnav li.cur span.sbox span.l {
	background:url('../img/srch_l_cur.gif') no-repeat top left;
	}
ul.portSubnav li.cur span.sbox span.r {
	background:url('../img/srch_r_cur.gif') no-repeat top left;
	}
ul.portSubnav li.cur span.sbox input { 
	background:url('../img/srch_bg_cur.gif') repeat-x top left #fff;
	}
	
div.clouds {
	padding:0;
	}
div.clouds p.tinyTitle {
	border-color:#222;
	}
div.clouds p.tinyTitle a {
	padding:4px;
	}
div.clouds p.tinyTitle a:hover {
	padding:4px;
	background-color:#333;
	text-decoration:none;
	}
div.clouds p.tinyTitle a.cur {
	padding:4px;
	background-color:#333;
	color:#666;
	text-decoration:none;
	cursor:inherit;
	}

div#cloudOptions p { font-size:0.9em; }
div#cloudOptions strong { color:#777; }
ul.cloud {
	list-style:none;
	text-align:justify;
	}
ul.cloud li {
	display:inline;
	list-style-type:none;
	font-size:12px;
	line-height:1.3em;
	border-bottom:1px solid #090909;
	}
ul.list li { display:block; }
ul.list li span {
	display:block;
	float:right;
	width:30px;
	padding:0;
	text-align:right;
	color:#888;
	font-size:11px;
	}
ul.cloud li a {
	color:#777;
	}
ul.cloud li a.some {
	color:#999;
	font-size:12px;
	}
ul.cloud li a.more {
	color:#CCC;
	font-size:13px;
	}
ul.cloud li a.most {
	color:#FFF;
	font-size:14px;
	}
	
/* Pagination */
ul.paging {
	padding-top:20px;
	}
ul.paging li {
	float:left;
	margin-right:10px;
	}
ul.paging li a {
	display:block;
	height:30px;
	padding:0 10px;
	background:#222;
	color:#ccc;
	text-align:center;
	line-height:30px;	
	}
ul.paging li.text a {
	width:70px;
	}