/*
Theme Name: Paved Home
Theme URI: http://mu.wordpress.org/
Description: Custom theme for Paved Arts by <a href="http://jaguttis.ca">jaguttis.ca</a>.
Version: 1.0
Author: David Jaguttis
Author URI: http://jaguttis.ca/
*/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5  {
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #fff url('images/paved-bg.png');
	color: #000;
	font-family:arial, verdana, sans-serif;
}

a {
	color:#494949;
	text-decoration:none;
}
a:hover {
	color:#000;
}


#bigrap {
	width: 990px;
	margin: 0 auto;	
	background:#fff;
	display:table;
}

#columnrap {
	clear:both;
}

.feattxt a {
	color:#56d5ff;
}

.feattxt a:hover {
	color:#000;
}

button, a.button, input.button {
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	cursor: pointer;
	color:#fff;
	border:none;
	background: #000;
	display:table;
	text-align: center;
	padding:10px 13px 10px 13px;
	margin:0;
}
a.button2 {
	float:left;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	cursor: pointer;
	color:#000;
	border:none;
	background: #fff;
	display:table;
	text-align: center;
	padding:10px 13px 10px 13px;
	margin:0;	
}
.button3 {
height:26px;
margin-left:2px;
background:#c0ece4;
border:1px solid #c0ece4!important;
color:#494949;
}
.fsearch {
height:12px;
}
.fhead {
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.fhead a {
	color:#00b999;
}
.fhead a:hover {
	color:#000
}

button:hover, input.button:hover, a.button:hover, a.button2:hover, .button3:hover {
    background:#00b999;
	color:#fff;
}

.hide {display:none;}

/* --------------------------------------------------------------------*/
/*  TEXT */
/* --------------------------------------------------------------------*/

.regular p, .theart p {
	font-size: 14px;
}
.regular code, .theart code {
	padding: 0 0 1em 0;
}
.regular h1, .theart h1 {
	font-size: 24px;
	margin:1em 0;
	line-height:100%;
}
.regular h2, .theart h2 {
	font-size: 21px;
	margin:1em 0;
}
.regular h3, .theart h3 {
	font-size: 18px;
	margin:1em 0;
}
.regular h4, .theart h4 {
	font-weight: bold;
	margin:1em 0;	
}
blockquote p {
	font-size: 21px!important;
	margin:1em 40px;	
	line-height:120%;
}

.regular ul, .theart ul {
	margin:0 1em 1em 40px;
	list-style:disc;
}

.regular ol, .theart ol {
	margin:0 1em 1em 40px;
	list-style-type: decimal;
}

.regular input, .theart input, .regular textarea, .theart textarea {
	border: 1px solid #00b999;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	padding:5px;
}

small {
	font-family:arial, verdana, sans-serif;
	font-size:11px;
}

.regular table {
	width:949px;
	position:relative;
	left:1px;
}

/* --------------------------------------------------------------------*/
/* INFO BAR */
/* --------------------------------------------------------------------*/

#infobar  {
	background: url('images/infobarleftcorn.png') no-repeat;
	float:right;
	height: 34px;
	overflow:hidden;
	font-family:arial, verdana, sans-serif;
	margin-bottom:40px;
	color:#fff;
}

.nav-info {
	padding:5px 20px 0 0;
	height: 34px;
	background: #00b999;
	margin-left:20px;
}

.nav-info a {
	color:#fff;
	text-decoration: none;
}

.nav-info a:hover {
	color:#000;
}

.nav-info li {
	display:inline;
	margin:0;
	font-size:14px;
}
.nav-info li.first {
	border-right:1px solid #000;
	font-style: italic;
	padding-right: 13px;
	margin-right:13px;
}
.nav-info li.mid {
	border-right:1px solid #000;
	font-style: italic;
	padding: 0 13px 0 0;
	margin-right:10px;
}
.nav-info li img {
	position:relative;
	top:3px;
	padding:0 0 0 7px;
}


/* --------------------------------------------------------------------*/
/* HEADER */
/* --------------------------------------------------------------------*/

#header {
	clear:both;
}

.nav-main a {
	text-decoration: none;
}

#header .logo {
	float: left;
	height: 42px;
	overflow:hidden;
	background: #fff;
}

#header .logo a:hover {
    opacity:0.7;
}

#header .nav-main {
	float: right;
	margin-top:1px;
}

#header .nav-main li {
	list-style: none;
	float: left;
	margin: 0 0 0 30px;
}
#header .nav-main li a img:hover {
  opacity:0.5;
  background:#fff;
}


/* --------------------------------------------------------------------*/
/* WIDECOLUMN */
/* --------------------------------------------------------------------*/

#widecolumn {
	margin-top:40px;
	float:left;
	width:990px;
	overflow:hidden;
}


/* Comments + Category link boxes */

.commentsnum, .noicon {
	color: #fff;
}
.commentsnum {
	float:right;
	font-size:11px;
	padding:6px 9px 2px 30px;
	background: #000 url('images/icon-comment.png') no-repeat 9px 2px;
	height:16px;
	font-family:arial, verdana, sans-serif;
}
.commentsnum:hover {
	background: #fff url('images/icon-comment.png') no-repeat 9px 2px;
	color: #000;
}
.noicon {
	float:right;
	font-size:11px;
	padding:6px 9px 2px 9px;
	background: #000;
	height:16px;
	font-family:arial, verdana, sans-serif;
}

/* REGULAR POST/PAGE*/

.regular {
	width:640px;
	overflow:hidden;
	margin:40px auto 30px auto;
	font-family:arial, verdana, sans-serif;
	font-size:14px;
	line-height:150%;
}
.theforum {
	width:950px!important;
}
.regular p {
	margin-bottom:20px;
}	

.regulartitle {
	font-family:arial, verdana, sans-serif;
	width: 100%;
	height: 100px;
	background:#494949;
}
.regulartitle h1 {
font-size:24px;
font-weight:normal;
clear:both;
color:#fff;
padding: 40px 20px 12px 20px;
}

.regulartitle h1 a {
color:#c0ece4;
}
.regulartitle h1 a:hover {
color:#00b999;
}

div.thin {
	height: 1px;
	border: 0;
	background-color: #c0ece4!important;
	clear:both;
	margin:1em 0;
}


/* Artist */

.artistfeat {
	font-family:arial, verdana, sans-serif;
}

.artistinfo {
	float:left;
	width: 100%;
	height: 100px;
	background:#494949;
}

.artistfeat .feattxt p {
	clear:both;
	padding: 0 20px 20px 20px;
	font-size:12px;
	line-height: 149%;
	color:#c0ece4;
}

.artistfeat .feattxt h1 {
	font-size:24px;
	font-weight:normal;
	clear:both;
	color:#fff;
	padding: 40px 20px 12px 20px;
}
.artistfeat .feattxt h1 a{
	color:#fff;
}
.artistfeat .feattxt h1 a:hover {
	color:#c0ece4;
}


.artistpic {
	position:relative; 
	float:left; 
	width:200px; 
	height:200px; 
	background:#000; 
	margin:0 0 0 10px; 
	display:block; 
	overflow:hidden;
}

.artistnav {
	float:left; 
	width:620px; 
	background:#fff; 
	margin:0 0 0 9px; 
	display:none; 
	overflow:hidden;
}

.artistnav a {
	color:#fff;
	border:none;
	background: #494949;
	display:block;
	overflow:hidden;
	float:left;
	width:283px; 
	margin:0 0 1px 1px; 
	padding:13px 13px 13px 13px;
	font-size:12px;
	font-family:arial, verdana, sans-serif;

}

.artistnav a:hover {
	color:#fff;
	background: #00b999;
}

/* Main Feature */

#featuredcontent{
	display:block;
	width:990px;
	height:290px;
}

.mainfeat {
	font-family:arial, verdana, sans-serif;
}

.mainfeatinfo {
	float:left;
	width: 360px;
	height: 270px;
	overflow:hidden;
	background:#494949;
}

.mainfeat .feattxt p {
	clear:both;
	padding: 0 20px 20px 20px;
	font-size:12px;
	line-height: 149%;
	color:#c0ece4;
}

.mainfeat .feattxt h1 {
	font-size:24px;
	font-weight:normal;
	clear:both;
	color:#fff;
	padding: 40px 20px 12px 20px;
}

/* Studio Page */

.studiolist {
margin-left:20px;
}

.studiolist .subfeature	{
	position:relative; 
	float:left; 
	width:200px; 
	height:270px; 
	background:#000; 
	margin:30px 0 0 30px!important; 
	display:block; 
	overflow:hidden;
}

/* Sub Feature*/

.subfeature	{
	position:relative; 
	float:left; 
	width:200px; 
	height:270px; 
	background:#000; 
	margin:0 0 0 10px; 
	display:block; 
	overflow:hidden;
}
.subfeature	.comcat {
	position:relative; 
	float:left; 
	margin:-200px 0 0 0; 
	padding:0; 
	width:200px !important; 
	display:none;
}
.subfeature h2  {
	font-size:14px;
	font-weight:normal;
	clear:both;
	padding:20px 20px 5px 20px;
}
.subfeature h2 a {
	color:#fff;
}
.subfeature h2 a:hover {
	color:#00b999;
}
.subfeature-txt {
	position:relative; 
	float:left; 
	margin: 20px 0 0 0; 
	padding:17px 20px 0 20px; 
	width:160px !important; 
	line-height:100%; 
}
.subfeature-txt h2 {
	font-size:14px;
	font-weight:normal;
	clear:both;
	padding-bottom:5px;
}
.subfeature-txt h2 a	{
	color:#fff;
}
.subfeature-txt h2 a:hover {
	color:#00b999;
}
.subfeature-txt p {
	color:#00b999;
	font-size:12px;
	line-height:18px;
	font-style:italic;
}	
.subfeature-txt p a {
	color:#00b999;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
	font-style:normal;
}
.subfeature-txt p a:hover {
	color:#494949;
}



/* ALIGNMENT */

.left { float: left; }
.right  { float: right; }
.alignleft { float: left; padding:0 15px 15px 0; }
.alignright  { float: right; padding:0 0 15px 15px; }
img.left { float: left; padding:0 15px 15px 0; }
img.right  { float: right; padding:0 0 15px 15px; }
.center { display: block; margin-left: auto; margin-right: auto; text-align:center;} 



/* MAIN CONTENT */

#maincontent {
	clear:both;
	width:100%;
}

.boxheader {
	clear:both;
	padding: 9px 5px 8px 20px;
}

.boxheader h3 {
	font-family: arial, verdana;
	font-weight:bold;
	font-size:13px;
	color:#fff;
}




/* Post Content */

#postcontentbox {
	background:#c0ece4;
	margin:20px 0 20px 0;
}

#postcontentbox .boxheader {
	clear:both;
	width:100%;
	display:block;
	background:#00b999;
}



/* Home News */

#newsbox {
	width:50%; 
	float:left;
}

#newsbox .boxheader {
	background:#00b999;
}
#thenews {
	padding-top:10px;
}
.homenewspost {
	clear:both;
	margin: 10px 20px 10px 20px;
	border-bottom: 1px solid #c0ece4;
	min-height:122px;
}
.homenewspost .pic {
	float:left;
	padding-right:20px;
	width:149px;
}
.homenewspost .txt {
	padding-left:169px;
}
.homenewspost .morelink {
	font-size:11px;
	font-family:arial, verdana;
	letter-spacing: 1px;
	background:#fff;
	padding-top:3px;
}
.homenewspost .txt h2 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:10px;
}
.homenewspost .txt p {
	font-size:12px;
	font-family:arial, verdana;
	line-height:130%;
	margin: 0 0 8px 0;
}
.homenewspost .txt p a {
	border-bottom: 1px dotted #000;
}
.homenewspost .comcat {
	position:relative; 
	float:left; 
	margin:-112px 0 0 0; 
	padding:0; 
	width:149px !important; 
	display:none;
}

.artworkpost {
	padding: 10px 0px 0px 41px;
	display:inline;
	float:left;
	width:149px;
}
.artworkpost .pic {
	float:left;
	padding-right:20px;
	width:149px;
}
.artworkpost .txt h2 {
	font-size:14px;
	font-weight:normal;
	padding-bottom:10px;
}
.artworkpost .txt p, .nothingyet {
	font-size:12px;
	font-family:arial, verdana;
	line-height:130%;
}
.artworkpost .comcat {
	position:relative; 
	float:left; 
	margin:-112px 0 0 0; 
	padding:0; 
	width:149px !important; 
}

.prevupdates {
	text-align:right;
	font-family:arial, verdana;
	font-size:12px;
	clear:both;
	padding:20px;
}

.prevnext {
	font-family:arial, helvetica, verdana;
	font-size:12px;
	letter-spacing:1px;
	padding:10px 20px 20px 20px;
	display:block;
}



/* recent comments*/

#recentcommentsbox {
	width:50%;
	float:right;
	padding-bottom:20px;
}
#recentcommentsbox .boxheader {
	background:#00b999;
	padding: 0;
	height:30px;
}
#recentcommentsbox .boxheader h3 {
	padding: 9px 20px 8px 20px;
}
#recentcommentsbox .boxheader h3.com {
	background:#c0ece4;
	color:#494949;
	float:left;
	border-right: 1px solid #00b999;
}
#recentcommentsbox .boxheader h3.for {
	background:#494949;
	float:left;
}
#recentcommentsbox .boxheader h3.for:hover, #recentcommentsbox .boxheader h3.com:hover {
	background:#000;
	color:#fff;
}

#recentcommentsbox .comment {
	padding:15px 20px 0px 20px;
	border-bottom: 1px solid #fff;
	background:#c0ece4;
}

#recentcommentsbox .comment h3{
	font-size:12px;
	font-family: arial, verdana;
	color:#494949;
}
#recentcommentsbox .comment h3 a{
	color:#494949;
	font-weight:bold;
	font-style:italic;
}
#recentcommentsbox .comment h3 a:hover {
	color:#000;
}
#recentcommentsbox .comment p{
	font-size:12px;
	font-family: arial, verdana;
	padding-top:5px;
	color:#494949;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 14px;
	padding: 10px 5px 0 5px;
	margin: 0;
}
/* End captions */


/* --------------------------------------------------------------------*/
/* SEARCH */
/* --------------------------------------------------------------------*/

.search {
	display:block;
	clear:both;
	height:18px;
	width:135px;
	padding-top:4px;
	margin:0;
}

.searchbox {
	width:97px;
	height:14px;
	border: 0px solid #c0ece4;
	font-size:11px;
	font-family: arial;
	padding: 2px 4px 2px 4px;
	float:left;
	overflow:hidden;
	background:#c0ece4;
	margin:0;
}
.search button {
	float:right;
	width: 30px;
	height:18px;
	font-size:10px;
	font-family:arial;
	padding:0;
	margin:0;
	overflow:hidden;
	background:#494949;
}
.search button:hover {
	background:#00b999;
}	





/* --------------------------------------------------------------------*/
/* FOOTER */
/* --------------------------------------------------------------------*/

#footer {
	clear:both;
	margin: 0 auto;
	width:990px;
	font-family:arial,helvetica,verdana;
	font-size:11px;
	padding:0px 0 180px 0;
	display:block;
}
#footer a:hover {
	color:#494949;
}
#footer ul.legal {
	background:#fff;
	width:950px;
	float:left;
	display:block;
	margin-top:40px;
	padding:40px 20px 20px 20px;
}
#footer ul.legal li {
	display:inline; 
	padding-right:20px;
}
#footer ul.legal li a {
	position:relative;
	top:-15px;
}
#footer ul.legal li a.sponsor {
	position:relative;
	top:0;
}



/* GALLERY CAROUSEL */

.stepcarousel{
	position: relative; /*leave this value alone*/
	border-left: 20px solid #c0ece4;
	border-right: 20px solid #c0ece4;
	overflow: scroll; /*leave this value alone*/
	width: 950px; /*Width of Carousel Viewer itself*/
	height: 157px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 35px 0 34px; /*margin around each panel*/
	width: 149px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stock {
	font-family:arial, verdana, sans-serif;
	font-size:10px;
	padding:0px 20px 10px 0;	
	text-align:right;
	color:#494949;
}
.paneltxt {
	color:#494949;
	font-family:arial, verdana, sans-serif;
	font-size:13px;
	padding:5px 0 0 0;
	font-style:italic;
	line-height:100%;
}


/* TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
	background:#00b999;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 1px 0 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 1px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 20px;

}
.ui-tabs-nav a {
    margin: 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    background: #494949;
	border-top: 1px solid #494949;
}
.ui-tabs-nav a:hover {
    color: #fff;
    background: #000;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color: #494949;
	background:#fff;
	border-top: 1px solid #c0ece4;

}
.ui-tabs-nav .ui-tabs-selected a.hometab  {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color: #494949;
	background:#c0ece4;
	border-top: 1px solid #c0ece4;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
    padding-top: 7px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-panel {
    padding: 20px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
	font-family:arial, verdana, sans-serif;
	line-height: 149%;
	color:#000;
}
#homecomments, #homeforum {
    padding: 0;
	margin:0;
    background: #c0ece4; /* declare background color for container to avoid distorted fonts in IE while fading */
	line-height: normal;
	color:#000;
}
#homecomments li {
	display:none;
}
.ui-tabs-panel p {
	padding: 0 0 1em 0;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}




/* Art */
.theart {
	margin: 0 auto 0 auto; text-align:center; padding:0 0 0 0; clear:both;
}
.art-details {
	text-align:left;
	float:right;
	padding:20px 30px 20px 30px;
	margin:20px;
	border: 1px solid #c0ece4;
	font-size:12px;
	font-family:arial, verdana, sans-serif;
	letter-spacing:1px;
	line-height:130%;
	clear:both;
}
.art-artist {
	font-weight:bold;
	font-size:14px;
	letter-spacing:normal;
}
.art-title {
	font-weight:bold;
	font-size:13px;
	letter-spacing:normal;
	font-style: italic;
}
.editpost{
	font-size:10px;
	text-align:right;
}

#respond  {
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	color:#000;
}

#respond input, #respond textarea {
	border: 1px solid #00b999;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	padding:5px;
}

#respond input.button {
	border: 0px;
	padding:10px 13px 10px 13px;
}
 
#respond textarea{
	width:445px;
}