/*

Theme Name: canvas

Theme URI: http://www.katiiness.net

Description: Personal theme

Version: 1.0

Author: katiiness

Author URI: http://www.katiiness.net

*/



body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{

margin: 0;

padding: 0;

}

blockquote{
border-top: 3px solid #fff;
background: #e9e9e9;
margin: 10px 30px 10px 30px;
padding: 0 5px 5px 5px;
}

body{
margin: 0 auto;
font-family: Verdana, Georgia, Arial, Helvetica, Sans-serif;
font-size: 11px;
vertical-align: top;
background: #5d5d5d url('images/tableBG.jpg') repeat-x;
color: #beb76f;
padding: 0;
}



h1{

font-size: 24px;

margin: 0;

padding: 0 0 10px 0;

text-transform: uppercase;

width: 560px;

border: 2px solid #fff;

}

h3{
background: #c9b97d;
font-size: 14px;
margin: 5px 6px 3px 2px;
padding:5px;
text-transform: uppercase;
color: #8a7b44;
}



#wrapper{
margin-bottom: 10px;
text-align: left;

}



#header{

float: left;

}



#container{
margin-right: 22px;
}


.post{

padding: 0;

}

.post h2{
font-size: 15px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 28px 4px 0px 4px;
color: #e6debf;
}

.date_index {
padding: 1px 9px 18px 9px;
color: #e5e5e5;
font-style:oblique;
}

.canvas_cat_tag_author{
padding: 1px 9px 1px 9px;
color: #ddd6b9;
font-style:oblique;
font-size: 9px;
}

.entry{
background: #7c98a3;
padding: 0;
margin: 0px 3px 0px 3px;
color: #b0d6e5;
text-align: left;
}

.entry_index{
background: #bebca6 url('images/entry_avatarBG.jpg') no-repeat;
padding: 10px;
margin: 0px;
color: #5d5d5d;
}

.entry_single{
background: #ececec;
padding: 0px 10px 0px 10px;
margin: 0px 3px 0px 3px;
color: #1b799f;
text-align: left;
}


.entry_single_graphics{
background: #bebca7;
padding: 0;
border: 4px solid #757366;
margin: 0 auto;
color: #1b799f;
text-align: left;
}

.postmetadata{
background: url('images/footer_archive.png') no-repeat;
margin: 0 8px 10px 8px;
text-transform: uppercase;
font-size: 10px;
padding: 11px 20px 2px 128px;
height: 25px;
width: 295px;
text-align: left;
}

.postmetadata_index{
text-transform: uppercase;
float:right;
font-size: 14px;
padding-top: 10px;
padding-right: 4px;
margin: 0;
text-align: center;
width: 40px;
}

.postmetadata_single{
background: url('images/footer_single.png') no-repeat;
text-transform: uppercase;
font-size: 10px;
padding: 48px 2px 2px 78px;
height: 25px;
margin-right: 28px;
}

.sidebar{
background: #5d5d5d url('images/sideBG.jpg')repeat-y;
font-size: 10px;
color: #e9f0f3;
padding: 0;
text-align: justify;
width: 263px;
}

.sidetop{
background: #5d5d5d url('images/side01.jpg') no-repeat;
height: 17px;
width: 263px;
margin-bottom: -5px;
}

.sidebottom{
background: #5d5d5d url('images/sidefooter.jpg') no-repeat;
height: 59px;
width: 263px;
}

.sidebar ul{

list-style-type: none;

margin: 0 8px 0 8px;

padding: 0;

width: 244px;

font-size: 10px;

}


.sidebar ul li {
font-size: 10px;
border-bottom: 1px solid #bbb18e;
padding: 4px 0 4px 0;
}


.sidebar ul li h2{

font-size: 14px;

color: #837233;

background: #c9b97d;

margin: 0;

text-transform: uppercase;

}


.sidebar ul ul li{

padding: 1px 0 2px 0;

margin: 0;

font-size: 10px;

border-bottom: 1px solid #bbb18e;

}



#footer{

clear: both;

float: center;

padding: 10px 0px 0px 32px;

}



p{

padding: 10px 0 0 0;

}



a:link, a:visited{

text-decoration: none;

color: #477455;

padding: 0;

font-weight: bold;

}



a:hover{

text-decoration: none;

color: #5d5d5d;

padding: 0;

font-weight: bold;

}

a.h2:link, a.h2:visited{
text-decoration: none;
font-size: 17px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 28px 4px 0px 4px;
color: #e6debf;
font-weight: bold;
}

a.h2:hover{
text-decoration: none;
font-size: 17px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 28px 4px 0px 4px;
color: #5d5d5d;
font-weight: bold;
}

.comments-template{
margin: 5px 0px 8px 0px;
padding: 5px 0 5px 0;
color: #898438;
}



.comments-template ol{

        margin: 0;

        padding: 0;

        list-style: none;

}



.comments-template ol li{

        margin: 13px 0 0 0;

        line-height: 18px;

        padding: 5px 0px 5px 5px;

    background: #beb76f;
    border-top: 4px solid #9d951b;
    border-bottom: 1px solid #d6d6ce;

}



.comments-template h2, .comments-template h3{

        font-family: Georgia, Sans-serif;

        font-size: 16px;

}



#Comment {
background: #beb76f url('images/commentBG.jpg');
margin: 0 0 8px 0;
font-weight: bold;
text-transform: uppercase;
border-top: 4px solid #9d951b;
border-bottom: 1px solid #fff;
border-left: 0;
border-right: 0;
}

#submit  {
background: #287899;
color: #ebecc1;
border-top: 0px solid #9d951b;
border-bottom: 0px solid #fff;
border-left: 0;
border-right: 0;
}

.commentmetadata{
    background: #d6d6ce url('images/commentmeta.jpg') no-repeat;
     font-size: 11px;
     float: left;
     overflow: hidden;
     display: block;
    padding: 0 13px 23px 13px;
    margin-right: 5px;
    color: #908a33;
    width: 103px;
    height: 94px;
}



.comments-template p.nocomments{

        padding: 0;

}

.comments-template input {
border: 0px solid #8f9b8b;
color: #ebecc1;
padding: 2px;
background: #beb76f url('images/commentBG.jpg');
margin-bottom: 5px;
}

.comments-template textarea{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
width: 494px;
border-top: 4px solid #9d951b;
border-bottom: 1px solid #fff;
border-left: 0;
border-right: 0;
color: #ebecc1;
padding: 10px;
background: #beb76f url('images/commentBG.jpg');
margin-right: -20px;
}

.text_line
{
clear:both;
margin-bottom:2px;
}


.pagecontent {
}

.pageheader{
background: url('images/pageheader.jpg') no-repeat;
height: 14px;
font-size: 17px;
text-transform: uppercase;
padding: 20px 5px 41px 5px;
color: #eae8d6;
}

.pageheaderartfolio{
background: url('images/pageheadart.jpg') no-repeat;
height: 14px;
font-size: 17px;
text-transform: uppercase;
padding: 20px 5px 41px 5px;
color: #eae8d6;
text-align: center;
}

.page_body{
background: #bebca6;
padding: 0px 6px 0px 6px;
color: #7b7341;
text-align: left;
}

.page_body_art{
background: #bebca6;
padding: 0;
color: #7b7341;
text-align: left;
}

.page_footer{
 background: url('images/indexfooter.jpg') no-repeat;
 width: 515px;
 height: 17px;
 margin-bottom:25px;
}

.pagefooterartfolio{
 background: url('images/pageartfooter.jpg') no-repeat;
 width: 780px;
 height: 17px;
 margin-bottom:5px;
}

.ratingtext {
font-size: 9px;
margin-right: 35px;
}

.graphicarchive1{
background: transparent;
padding: 2px;
margin: 0 0 10px 0;
width: 393px;
height: 173px;
}



.graphicarchive_img {
float: left;
padding: 5px;
background-color: transparent;
}



.graphicarchive_img_stock {

padding: 5px 4px 5px 6px;

background-color: #fff;

border: 1px solid #c6c6c6;

margin: 31px 3px 0 3px;

align:center;

}



.graphicarchive_img_brushes {

padding: 5px 6px 4px 4px;

background-color: #fff;

border: 1px solid #c6c6c6;

margin: 31px 3px 0 3px;

}



.graphicarchive_entry:hover {
background: url('images/graphicsBG_hover.jpg') no-repeat;
}



.graphicarchive_img_stock:hover {

padding: 5px 4px 5px 6px;

background-color: #83bdce;

border: 1px solid #1e83a1;

margin: 31px 3px 0 3px;

align:center;

}



.graphicarchive_img_brushes:hover {

padding: 5px 6px 4px 4px;

background-color: #83bdce;

border: 1px solid #1e83a1;

margin: 31px 3px 0 3px;

}



.graphicarchive_DL {
float: right;
margin-top: 3px;
margin-right: 35px;
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #e2dcab;
text-align: center;
}

.graphicarchive_DL:hover {
float: right;
margin-top: 3px;
margin-right: 35px;
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #a4bf8f;
text-align: center;
}

.Preview {
float: right;
margin-right: 35px;
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #e2dcab;
text-align: center;
}

.Preview:hover {
float: right;
margin-right: 35px;
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #a4bf8f;
text-align: center;
}

.graphics_archive_comments{
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #e2dcab;
text-align: center;
}

.graphics_archive_comments:hover{
width: 135px;
padding: 2px;
border: 1px solid #a69e5a;
text-transform: uppercase;
background: #a4bf8f;
text-align: center;
}


.graphicarchive_entry{
background: url('images/graphicsBG.jpg') no-repeat;
width: 393px;
height: 173px;
margin: 0 0 10px 0;
padding: 13px 23px 0 12px;
color: #477455;
}


.graphicarchive_rating {
float: right;
}



.graphicarchive_rating_brushes {

padding: 24px 0 0 4px;
float: right;

}



.graphicarchive_rating_layouts {

float: right;

}



a.graphics_post_title:link, a.graphics_post_title:visited{
text-decoration: none;
font-size: 13px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 38px 1px 0px 1px;
color: #477455;
font-weight: bold;
}

a.graphics_post_title:hover{
text-decoration: none;
font-size: 13px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 28px 1px 0px 1px;
color: #5d5d5d;
font-weight: bold;
}




.post-date{

float: left;

display: inline;

background: url('images/date_button.png') no-repeat;

width: 48px;

height: 38px;

margin-left: 8px;

}




.row { clear: both; }

.col1 { width: 313px; float: left; padding: 0; }

.col2 { width: 313px; float: right; padding: 0; margin-right:7px;}



#searchform input {

background: transparent;

border: 0px;

color: #60afc5;

font-size: 11px;

padding: 13px 2px 13px 4px;

}



#searchsubmit {

background: transparent;

border: 0px;

}



#searchform {

background: url('images/searchform.jpg') no-repeat;
}



.alignleft {
padding: 0 10px 10px 10px;
}

.footerx {
background: #3a3a3a;
padding: 5px;
margin: 0px;
align: center;
}

.top {
background: #3a3a3a;
padding: 0px;
margin: -8px 0 0 0;
align: center;
}

table#canvas {
background: url('images/tableBG.jpg') no-repeat;
}

.index_header_wrap {
 background: url('images/indexheader.jpg') no-repeat;
 float:right;
 width: 382px;
 height: 132px;
}

.index_header_wrap_single {
 background: url('images/header_single.png') no-repeat;
 height: 82px;              .
 padding-right: 10px;
}

.graphics_header_wrap {
 background: url('images/single_header.jpg') no-repeat;
 width: 520px;
 height: 132px;
}

.links {
padding: 19px 0 0 0;
}

a.navii:link, a.navii:visited{
text-decoration: none;
color: #3886a5;
font-weight: bold;
}

a.navii:hover{
text-decoration: none;
color: #38a8d4;
font-weight: bold;
}

.linkexchange {
background: #fff;
padding: 1px;
border: 3px solid #a7a056;
margin: 3px 3px 0 0;
}

.buttonside {
background: #fff url('images/pattern.jpg');
padding: 8px;
margin: 3px 0 0 0;
}

.indexfooter{
 background: url('images/indexfooter.jpg') no-repeat;
 width: 515px;
 height: 17px;
 margin-bottom:25px;
}

/**********************************NAVII BLURBS BEGIN*******************/
.navii_blurb1{
font-size: 10px;
color: #7a7a7a;
text-align: right;
font-style: italic;
border-bottom: 2px solid #c89898;
padding: 2px 0px 2px 0px;
}

a.navii_blurb1:link, a.navii_blurb1:visited{
text-decoration: none;
color: #656565;
text-transform: uppercase;
border: 0px;
font-size:13px;
padding: 3px 0 3px 0;
}

a.navii_blurb1:hover{
text-decoration: none;
color: #a85656;
text-transform: uppercase;
border-bottom: 0px #b1da95 solid;
font-size:13px;
padding: 3px 0 3px 0;
}

.navii_blurb2{
font-size: 10px;
color: #7a7a7a;
text-align: right;
font-style: italic;
border-bottom: 2px solid #aec590;
padding: 2px 0px 2px 0px;
}

a.navii_blurb2:link, a.navii_blurb2:visited{
text-decoration: none;
color: #656565;
text-transform: uppercase;
border: 0px;
font-size:13px;
padding: 3px 0 3px 0;
}

a.navii_blurb2:hover{
text-decoration: none;
color: #86a268;
text-transform: uppercase;
border-bottom: 0px #b1da95 solid;
font-size:13px;
padding: 3px 0 3px 0;
}

.navii_blurb3{
font-size: 10px;
color: #7a7a7a;
text-align: right;
font-style: italic;
border-bottom: 2px solid #b9bc57;
padding: 2px 0px 2px 0px;
}

a.navii_blurb3:link, a.navii_blurb3:visited{
text-decoration: none;
color: #656565;
text-transform: uppercase;
border: 0px;
font-size:13px;
padding: 3px 0 3px 0;
}

a.navii_blurb3:hover{
text-decoration: none;
color: #b9bc57;
text-transform: uppercase;
border-bottom: 0px #b1da95 solid;
font-size:13px;
padding: 3px 0 3px 0;
}

.navii_blurb4{
font-size: 10px;
color: #7a7a7a;
text-align: right;
font-style: italic;
border-bottom: 2px solid #c383b3;
padding: 2px 0px 2px 0px;
}

a.navii_blurb4:link, a.navii_blurb4:visited{
text-decoration: none;
color: #656565;
text-transform: uppercase;
border: 0px;
font-size:13px;
padding: 3px 0 3px 0;
}

a.navii_blurb4:hover{
text-decoration: none;
color: #b86ca5;
text-transform: uppercase;
border-bottom: 0px #b1da95 solid;
font-size:13px;
padding: 3px 0 3px 0;
}

.navii_blurb5{
font-size: 10px;
color: #7a7a7a;
text-align: right;
font-style: italic;
border-bottom: 2px solid #83a8bb;
padding: 2px 0px 2px 0px;
}

a.navii_blurb5:link, a.navii_blurb5:visited{
text-decoration: none;
color: #656565;
text-transform: uppercase;
border: 0px;
font-size:13px;
padding: 3px 0 3px 0;
}

a.navii_blurb5:hover{
text-decoration: none;
color: #739db2;
text-transform: uppercase;
border-bottom: 0px #b1da95 solid;
font-size:13px;
padding: 3px 0 3px 0;
}

/**********************************NAVII BLURBS ends*******************/

/**********************************Comments templates 2 begins!!! *******************/

.comments-template2{
margin: 5px 0px 8px 0px;
padding: 5px 0 5px 0;
color: #898438;
}



.comments-template2 ol{

        margin-right: 60px;

        padding: 0;

        list-style: none;

}



.comments-template2 ol li{

        margin: 13px 0 0 0;

        line-height: 18px;

        padding: 5px 0px 5px 5px;

    background: #beb76f;
    border-top: 4px solid #9d951b;
    border-bottom: 1px solid #d6d6ce;

}



.comments-template2 h2, .comments-template2 h3{

        font-family: Georgia, Sans-serif;

        font-size: 16px;

}


.commentmetadata2{
    background: #d6d6ce url('images/commentmeta.jpg') no-repeat;
     font-size: 11px;
     float: left;
     overflow: hidden;
     display: block;
    padding: 0 13px 23px 13px;
    margin-right: 5px;
    color: #908a33;
    width: 103px;
    height: 94px;
}



.comments-template2 p.nocomments{

        padding: 0;

}

.comments-template2 input {
border: 0px solid #8f9b8b;
color: #ebecc1;
padding: 2px;
background: #beb76f url('images/commentBG.jpg');
margin-bottom: 5px;
}

.comments-template2 textarea{
font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif;
font-size: 11px;
width: 370px;
height: 100px;
border-top: 4px solid #9d951b;
border-bottom: 1px solid #fff;
border-left: 0;
border-right: 0;
color: #ebecc1;
padding: 10px;
background: #beb76f url('images/commentBG.jpg');

}

/**********************************Comments templates 2 ENDS!!! *******************/

.footer_header{
text-transform: uppercase;
border-bottom: 2px solid #c9b97d;
padding: 2px;
color: #c9b97d;
font-weight: bold;
font-size: 15px;
}

.footer_unit{
border-bottom: 1px dotted #9a9890;
padding: 2px;
color: #a7a59e;
font-style: italic;
font-size: 11px;
}

a.footer_unit:link, a.footer_unit:visited{
text-decoration: none;
border-bottom: none;
padding: 2px;
color: #a7a59e;
font-style: italic;
font-size: 11px;
width: 260px;
}

a.footer_unit:hover{
text-decoration: none;
padding: 2px;
color: #bebca7;
font-style: italic;
border-bottom: none;
width: 260px;
}
