/*
Theme Name: Dolce Studio Theme
Theme URI: http://www.dolcestudio.com/
Description: Theme From DolceStudio.com
Author: Ian Hoskins
Tags: One Column, Dolce Studio
*/

/*


/*RESETS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1; color:#000; background:#282828 url(/assets/images/layout/bg.gif) no-repeat;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight normal;}
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

.clear {clear:both;}
.right {float:right;}
.left {float:left;}

/*LAYOUT*/
#layout {width:960px; margin:0 auto;}
#layout-header {width:720px; margin:54px 0 0 60px;}
#layout-content {width:940px; height:auto; border:10px solid #FFF;}
#layout-footer-l {width:720px; height:115px; margin:0 0 0 60px; background:url(/assets/images/layout/footer-bg-l.gif)}
#layout-footertag {width:720px; height:55px; margin:0 0 0 60px;}

a {color:#407096;}
a:visited {color:#666;}
a:hover {color:#407096;}
a:active,a:focus {background-color:#f93;color:#000;}
h2 {font-size:1.6em;}
h2,h3,h4,h5,h6 {letter-spacing:.01em;}
h1,h2,h3,h4 {font-weight:normal;}
img {border:none;}

/*HEADER*/
#layout-header h1 {position:relative; width:364px; height:36px; float:left; text-indent:-9999px; margin-bottom:12px;}

/*NAVIGATION*/
#nav-main {position:relative; width:720px; height:32px; clear:both; text-indent:-9999px; background:url(/assets/images/layout/nav-bg.gif) repeat-x;}
#nav-main a {height:32px; width:auto; text-indent:-9999px; text-decoration:none; display:block; overflow:hidden;} 
	li#nav-main-1 {position:absolute; top:0px; left:90px; width:68px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -90px 0; }
	li#nav-main-2 {position:absolute; top:0px; left:168px; width:89px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -168px 0; }
	li#nav-main-3 {position:absolute; top:0px; left:254px; width:67px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -254px 0; }
	li#nav-main-4 {position:absolute; top:0px; left:321px; width:82px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -321px 0; }
	li#nav-main-5 {position:absolute; top:0px; left:403px; width:75px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -403px 0; }
	li#nav-main-6 {position:absolute; top:0px; left:478px; width:156px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -478px 0; }
	li#nav-main-7 {position:absolute; top:0px; left:634px; width:72px; height:32px; background:url(/assets/images/layout/nav-main.gif) no-repeat -634px 0; }
	li#nav-main-1 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -90px -32px; cursor:pointer;}
	li#nav-main-2 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -168px -32px; cursor:pointer;}
	li#nav-main-3 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -254px -32px; cursor:pointer;}
	li#nav-main-4 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -321px -32px; cursor:pointer;}
	li#nav-main-5 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -403px -32px; cursor:pointer;}
	li#nav-main-6 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -478px -32px; cursor:pointer;}
	li#nav-main-7 a:hover {background:url(/assets/images/layout/nav-main.gif) no-repeat -634px -32px; cursor:pointer;}
	
#nav-portfolio {position:relative; float:right; width:238px; height:36px; margin-top:12px; text-indent:-9999px; background:url(/assets/images/layout/nav-portfolio-bg.gif) no-repeat;}
#nav-portfolio a {height:36px; width:auto; text-indent:-9999px; text-decoration:none; display:block; overflow:hidden;}
	li#nav-portfolio-1 {position:absolute; top:0px; left:0px; width:84px; height:36px; background:url(/assets/images/layout/nav-portfolio.gif) no-repeat 0px 0; }
	li#nav-portfolio-2 {position:absolute; top:0px; left:84px; width:75px; height:36px; background:url(/assets/images/layout/nav-portfolio.gif) no-repeat -84px 0; }
	li#nav-portfolio-3 {position:absolute; top:0px; left:159px; width:84px; height:36px; background:url(/assets/images/layout/nav-portfolio.gif) no-repeat -159px 0; }
	li#nav-portfolio-1 a:hover {background:url(/assets/images/layout/nav-portfolio.gif) no-repeat -0px -36px; cursor:pointer;}
	li#nav-portfolio-2 a:hover {background:url(/assets/images/layout/nav-portfolio.gif) no-repeat -84px -36px; cursor:pointer;}
	li#nav-portfolio-3 a:hover {background:url(/assets/images/layout/nav-portfolio.gif) no-repeat -159px -36px; cursor:pointer;}
				
/*CONTENT*/
#content-area {position:relative; width:878px; height:100%; padding:18px 12px 10px 48px; background:#FFFFFF; border:1px solid #E6E6E6;}
	.content-full {width:800px; float:left;}
		.post-title {margin:0;padding:0;}
		.post-title a {text-decoration:none;}
		.post-title a:hover,.post-title a:active,.post-title a:focus {text-decoration:underline;}
		.prevnext {margin:20px 0;padding:0;text-align:center;}
		.prevnext li {margin:0;padding:0 10px;display:inline;}
		.meta {margin:5px 0 0;padding:0;font-size:.85em;}
		.meta ul,.meta li {margin:0;padding:0;}
		.meta ul {display:inline;}
		.meta li li {display:inline;padding-right:.3em;}
		.postfoot {clear:both;margin-bottom:20px;padding-bottom:10px;line-height:1.2em;}
		.author .posts-by {padding-top:10px;}

IMG.ppalogo {position:fixed;right:0;bottom:0; }

/*FOOTER*/
#layout-footer-l p {margin:24px 0 0 9px; float:left; font-size:10px; color:#8E8E8E; letter-spacing:1px;}

#layout-footertag p {margin:24px 0 0 9px; float:left; font-size:10px; color:#8E8E8E; letter-spacing:1px;}
	.twitter a:link, .twitter a:visited {position:relative; display:block; width:84px; height:17px; float:right; margin:18px 9px 0 9px; background:url(/assets/images/layout/twitter-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.twitter a:hover {background-position: 0 -17px;}
	.facebook a:link, .facebook a:visited {position:relative; display:block; width:96px; height:19px; float:right; margin:18px 9px 0 9px; background:url(/assets/images/layout/facebook-trans.png) no-repeat; text-decoration:none; text-indent:-9999px;}
	.facebook a:hover {background-position: 0 -19px;}


/*TYPOGRAPHY*/
h4 {font-family:'Helvetica neue', Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; line-height:36px;}

p {font-family:'Helvetica neue', Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; margin-bottom:16px; color:#323232;}

.highlight {font-family:'Helvetica neue' Helvetica, Arial, sans-serif; font-size:15px; line-height:18px; margin-bottom:16px; font-weight:bold; color:#980030;
