/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/*end of reset*/


/*base styles*/
/*div#navigation, #third {
	border: 1px solid #f00;
}*/

a {
	border-bottom: 1px dotted #946449;
	color: #694430;
	text-decoration: none;
}
a:hover{
	border-bottom: 1px solid #694430;
	color: #694430;
}
a:active {outline: none !important;}

body {
	background: #fff -50px top no-repeat fixed url(../img/structure/p-p-sidebar.gif);
	color:#333;
	font-family: helvetica, arial, sans-serif;
	font-size:16px;
	overflow-x:hidden;
	overflow-y:no-scroll;
}

div.contain {
	display:block;
	margin: 20px 10px 10px 10px; 
	width:auto;
}

div#navigation, #third {position:fixed !important;}

div#navigation {
	/*width:140px;*/
	float:left;
	position:relative;
	z-index:10;
}
div#navigation ul {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	position: relative;
	top: -10px;
	left: -10px;
	width:160px;
}
div#navigation ul li {list-style:none; margin-bottom:5px; padding-bottom:15px; padding-left:15px; text-align:right;}
div#navigation ul a {
	/*border-bottom: 1px dotted #946449;*/
	color: #906852;
	font-family:helvetica,arial,sans-serif;
	font-size: 24px;
	padding-right: 38px;
	position: relative;
	top: 10px;
}
div#navigation ul a:hover {
	/*border-bottom: 1px solid #694430;*/
	border-bottom:none;
	color: #FF6B26;
	text-decoration:underline;
	top:12px;
}
div#navigation ul li.active {/*background: 0 -4px repeat-y url(../img/angles.gif);*/}
div#navigation ul li.active a {
	background: url(../img/structure/p-p-nav-selected.png) no-repeat right 1px;
	border-bottom: none;
	color: #333;
}
div#navigation ul li.active a:hover {color: #000; text-decoration:none; top:10px;}

#third {
	left: 170px;
	/*margin-right:35px;*/
	width:260px;
	z-index:999;
}	
div.pic {margin-left:310px;/*width: 58%; position: fixed; top: 10px; right: 0;*/ }


/* PAGE CONTENT
###############################################################*/
div#main {margin-left:460px;z-index:1;/*position: relative; float: left; width: 58%; position: fixed; top: 10px; right: 0;*/ }

div#main div.post {min-width: 450px; max-width: 650px;}

div#main p {font-size: 14px; padding:0.5em 0;}
div#main p.intro {font-size: 17px;}

div#main hr {color:#fff;background-color:#fff;border:0px;height:5px;clear:both; opacity: 0.25;}

.content ul, .content ol {margin-left:2.2em;}
div#main a {color: #333; background-color: #ccab98; padding-left: 3px; padding-right: 3px; border-bottom: 1px dotted #666;}
div#main a:hover {color: #111; background-color: #fff; border-bottom: 1px solid #333;}

div#main h1, div#main h2, div#main h3, div#main h4, div#main h5, div#main h6 {font-weight:normal;}
div#main h1 {clear: both; font-size:36px; line-height:1; margin:1em 0 0.5em;}
div#main h2 {clear: both; /*color: #666;*/ font-size:28px; line-height:1; margin:1em 0 0.5em;}
div#main h3 {clear: both; font-size:1.4em;line-height:1;margin:1.14em 0 0.57em;}
div#main h4 {font-size:1.3em;line-height:1;margin:1.23em 0 0.615em;}
div#main h5 {font-size:1.2em;line-height:1;margin:1.33em 0 0.67em;}
div#main h6 {font-size:1em;line-height:1;margin:1.33em 0 0.67em;}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {border-width:0;}

abbr[title], acronym[title], dfn[title] {border-bottom:1px solid #ccc; cursor:help;}
abbr[title]:hover, acronym[title]:hover, dfn[title]:hover {border-bottom:1px solid #333;}
abbr, acronym {font-size:85%; letter-spacing:0.1em; text-transform:uppercase;}

big {font-size:125%; line-height:80%;}
small, sup, sub {font-size:85%;}
sup {vertical-align:super;}
cite, em, dfn {font-style:italic;}
ins, dfn {border-bottom-color:#666; border-bottom:1px solid black;}

code, pre {color:#c33;}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {font-family:mono-space,monospace; font-size:100%;}
code, kbd, samp, pre, tt, var, input, select, isindex, listing, xmp, plaintext {
-x-system-font:none;
font-family:inherit;
font-size:inherit;
font-size-adjust:inherit;
font-stretch:inherit;
font-style:inherit;
font-variant:inherit;
font-weight:inherit;
line-height:inherit;
white-space:normal;
}

div#main p + p {margin-top:-1em;}

del {color:#444; text-decoration:line-through;}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {font-weight: bold;}
div#main hr, div#main p, div#main ul, div#main ol, div#main dl, div#main pre, div#main address, div#main table, div#main form {margin-bottom:1.6em;}

div#main ul li {margin-left: .3em; padding-left:1.4em;list-style-image:none; list-style-position:outside; list-style-type:none;
background: url(../img/structure/p-p-bullet.png) no-repeat left center;}
div#main ol li {margin-left:1.7em;list-style-image:none; list-style-position:outside; list-style-type:decimal;}

div#main dt {margin-bottom:0.4em; margin-top:0.8em;}

q {quotes:"“" "”" "‘" "’";}
s, strike, u {text-decoration:inherit;}

/* FORM & TABLE STYLING */
div#main table {border-left:1px solid #ccc; border-top:1px solid #ccc;}

div#main th, div#main td {padding:0.8em;}
div#main th, div#main td {border-bottom:1px solid #ddd; border-right:1px solid #ccc;}
/*tr, th, td {background-color:transparent;border:medium none;height:auto;vertical-align:inherit;width:auto;}*/

div#main textarea, div#main input[type="text"] {padding:0.1em 0.2em;}
textarea, input[type="text"], input[type="password"], select {background:#FFF none repeat scroll 0 0;border:1px solid #ccc;}
div#main input {padding:0.2em 0.1em;}
input[type="text"], input[type="password"] {cursor:text;}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {font-family:mono-space,monospace;
font-size:100%;}
input, select, button {cursor:pointer;}
.content input[type="radio"] {bottom:-0.2em; position:relative;}
.content input {padding:0.2em 0.1em;}

div#main fieldset {margin:1.6em 0; padding:1.6em;}
fieldset {border:1px solid #ccc; border-color:#ccc;}
div#main fieldset > :first-child {margin-top:0;}
div#main legend {padding-left:0.8em; padding-right:0.8em;}
div#main caption, div#main form div {padding-bottom:0.8em;}

div#main textarea, div#main input[type="text"] {padding:0.1em 0.2em;}
textarea, input[type="text"], input[type="password"], select {background:#fff none repeat scroll 0 0;border:1px solid #ccc;}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {font-family:mono-space,monospace;font-size:100%;}
textarea {
-x-system-font:none;
font-family:inherit;
font-size:inherit;
font-size-adjust:inherit;
font-stretch:inherit;
font-style:inherit;
font-variant:inherit;
font-weight:inherit;
line-height:inherit;}

/* MAIN - PROJECTS LIST
###############################################################*/
div#main div.project-listing a {background-color:transparent; outline:none; padding-left:0; padding-right:0;}
div#main div.project-listing a img {border:2px solid #ccc; margin-right:20px;}
div#main div.project-listing a:hover img {border:2px solid #ff6b26;}

div#main div.project-listing a span {border-bottom:1px dotted #666;position:relative;}
div#main div.project-listing a:hover span {border-bottom:1px solid #ff6b26;color:#ff6b26;top:1px;}

div#main {padding-left:2%;}
div#main div.project-listing {float:left;margin-right:5%;min-width:210px;max-width:400px;width:25%;}
div#main div.project-listing a h4 {color:#555; line-height:1.25em; margin:.615em 0 0;}
div#main div.project-listing a:hover h4 {color:#000;}
div#main div.project-listing a p {color:#666;}
div#main div.project-listing a:hover p {color:#333;}
div#main div.project-listing a div.preview {border:1px solid #bbb;text-indent:-9999px;height:150px;opacity:0.85;}
div#main div.project-listing a:hover div.preview {border:1px solid #ff6b26;opacity:1;}

div#main div.project-listing.heatup a div.preview {background:url(../img/projects/heatup-thumb.gif) no-repeat center -20px;}
div#main div.project-listing.jing a div.preview {background:url(../img/projects/jing-thumb.gif) no-repeat left top;}
div#main div.project-listing.morae a div.preview {background:url(../img/projects/morae-thumb.gif) no-repeat left top;}
div#main div.project-listing.relay a div.preview {background:url(../img/projects/relay-thumb.gif) no-repeat left top;}
div#main div.project-listing.rock-interface a div.preview {background:url(../img/projects/rock-interface-thumb.gif) no-repeat left top;}
div#main div.project-listing.shoutid a div.preview {background:url(../img/projects/shoutid-thumb.gif) no-repeat center top;}
div#main div.project-listing.studio_7-0 a div.preview {background:url(../img/projects/studio-7-thumb.gif) no-repeat center top;}
div#main div.project-listing.team-nutrilite a div.preview {background:url(../img/projects/team-nutrilite-thumb.gif) no-repeat left top;}
div#main div.project-listing.thumbgenie a div.preview {background:url(../img/projects/thumbgenie-thumb.gif) no-repeat center -20px;}
div#main div.project-listing.toybox a div.preview {background:url(../img/projects/toybox-thumb.gif) no-repeat center top;}
div#main div.project-listing.titan a div.preview {background:url(../img/projects/titan-thumb.gif) no-repeat center top;}
div#main div.project-listing.tsc-shirts a div.preview {background:url(../img/projects/tsc-shirts-thumb.gif) no-repeat center top;}


/* MAIN - PROJECT DETAIL
###############################################################*/
div#main div.project-detail p {min-width:210px;max-width:400px;width: 50%;}


/* PORTFOLIO STYLES
###############################################################*/
/* MAIN PAGE */
body.portfolio #third h1 {color:#452718; font-size:23px; font-weight:normal;}
body.portfolio #third p {color:#452718; font-size:16px; font-style:italic; font-weight:normal; line-height: 1.75em;}
body.portfolio #third p a {border-bottom:1px dotted #694430; position:relative;}
body.portfolio #third p a:hover {border-bottom:1px solid #FF6B26;color:#FF6B26; top:1px;}
body.portfolio #third h1 , body.portfolio #third h2, body.portfolio #third p {margin-bottom: 15px; margin-left: 10px; margin-right: 10px;}
/*body.portfolio #third p {color: #EDD9C6;}*/
body.portfolio #third div.portfoliogrid h3 {margin-bottom: 10px;}
body.portfolio #third div.portfoliogrid h3 a {border-bottom:1px dotted #edd9c6;}
body.portfolio #third div.portfoliogrid h3 a:hover {border-bottom:1px solid #946449;}
body.portfolio #third div.portfoliogrid ul {list-style-type:none; list-style-image:none; margin-left: 0;}
/*body.portfolio #third div.portfoliogrid ul li.portfolioItems {padding: 0; background: none;}*/
body.portfolio #third div.portfoliogrid ul li.portfolioItems {background: url(../img/structure/portfolio-thumbs.png) no-repeat left 2px;
float:left; margin:0 10px 3px 0; padding-bottom: 7px;}
body.portfolio #third div.portfoliogrid ul li.portfolioItems a {float: left; padding: 0; border:2px solid #edd9c6; margin-bottom: 5px;}
body.portfolio #third div.portfoliogrid ul li.portfolioItems a:hover {background: none; border:2px solid #694430;}

/* PROJECT DETAIL */
body.project #third h1 {color:#452718; font-size:23px; font-weight:normal; line-height:1.25em;}
body.project #third h1 a {font-size:13px;}
body.project #third p {color:#452718; font-size:13px; font-style:italic; font-weight:normal; line-height: 1.6em;}
body.project #third h5 a {margin-left: 10px;}
body.project #third p a, body.project #third h1 a, body.project #third h5 a {border-bottom:1px dotted #694430; position:relative;}
body.project #third p a:hover, body.project #third h1 a:hover, body.project #third h5 a:hover {border-bottom:1px solid #FF6B26;color:#FF6B26; top:1px;}
body.project #third h1, body.project #third h2, body.project #third p {margin-bottom: 10px; margin-left: 10px; margin-right: 10px;}

body.project div#main {margin:0 0 0 460px;position:relative;/*width:100%;*/}
img#stain {display:none;}

/* Accordion
----------------------------------*/
/*.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }*/


/* Home page content area
----------------------------------*/
body#home div#main h2 {font-size: 36px; line-height:1.25; margin-top: 28px; color: #57331e;}

img#stain {float:right;position:absolute;bottom:0;opacity:0.6;right:-50px;z-index:-1;}

/* FOOTER
###############################################################*/
div#main h2 a.title {/*color: #f47c22;*/ /*color: #c15d13;*/ 
	border-bottom: 1px dotted #f3c4a0; 
	font-size: 30px; 
	padding-left: 0; 
	padding-right: 0; 
	background: none; 
	color: /*#e66604*/ /*orange #e05509*/ #de630c;}
div#main h2 a.title:hover {border-bottom: 1px solid #e66604; color: #a4400a;}
div#main div.info {border-bottom: 1px solid #e3c4b2; font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px; margin-bottom: 2em;}
div#main div.info span.comments{float: right; position: relative; top: -1.5em;}

div#main .wp-caption {/*background: #bb9f8c none repeat scroll 0 0;*/ border: 2px solid #e3c4b2; margin-bottom:5px; padding:5px 0; text-align:center; opacity: .85;}
div#main .wp-caption p {color: #694430; font-weight: bold; font-style: italic; font-size: 14px; margin:0;}


/* FOOTER
###############################################################*/
#foot {
	background: url(../img/structure/p-p-sidebar-fade.png) no-repeat left bottom;
	bottom: 0;
	left: 0;
	width:475px; height:163px;
	position: fixed;
}
#foot a.logo {
	background: url(../img/structure/p-p-logo-pixel.png) left top;
	border-bottom: none;
	display: block;
	float: left;
	height: 162px;
	margin-left:-5px;
	text-indent: -9999px;
	width: 183px;
}
#foot a.logo:hover {background: url(../img/structure/p-p-logo-pixel-home.png) left top;}
#foot p strong {position:relative; top:-10px;}
#foot p {font-size:11px; line-height: 1.75em; position: fixed; bottom:12px; left:200px;}
#foot p span {font-size:8px;}
#foot p a {margin-left:5px; opacity:0.9;}
#foot p a:hover {border-bottom:none;opacity:1;position:relative;top:3px;}

#foot a img {margin-right: 3px; position: relative; top: 3px;}