/* CSS Document */

/**********************************/
/******** Default styling *********/
/**********************************/

html, body {
padding: 0px;
margin: 0px;
}

body {
background-color: #efebee;
font: 70% Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}

h1 {
font: 250% Arial, Helvetica, Verdana, sans-serif;
color: #00a9f5;
font-weight: 500;
letter-spacing: -1px;
margin: 5px 0 2px 0;
}

h2 {
font-family: Arial, Helvetica, Verdana, sans-serif;
}

h3 {
font-family: Arial, Helvetica, Verdana, sans-serif;
}

h4 {
font-family: Arial, Helvetica, Verdana, sans-serif;
}

p {
font: 125% Verdana, Arial, sans-serif;
}

img {
border: 0px;
padding: 0px;
margin: 0px;
}

a img {
border: 0px;
padding: 0px;
margin: 0px;
}

a:link, a:visited {
color: #ff5f0b;
text-decoration: none;
}

a:hover, a:active {
color: #ff5f0b;
text-decoration: underline;
}

hr {
width: 100%;
height: 1px;
background-color: #666666;
border: 0px;
margin-top: 0px;
}

hr.clear {
height: 0px;
padding: 0px;
margin: 0px;
width: 100%;
visibility: hidden;
clear: both;
}

fieldset {
border: 0px;
margin: 0px;
padding: 0px;
}

/*************************************/
/******** structural styling *********/
/*************************************/

#container {
background: url(../images/header.jpg) top left no-repeat;
width: 980px;
top: 0px;
left: 50%;
margin-left: -490px;
position: absolute;
}

#headerWrap {
width: 800px;
height: 111px;
top: 0px;
left: 0px;
margin-left: 10px;
margin-right: 10px;
background-color: transparent;
position: relative;
}

#topLogo {
width: 110px;
height: 78px;
margin: 0px;
padding: 0px;
float: right;
}

#headerNav {
margin-bottom: 0px;
width: 582px;
height: 31px;
margin-left: 30px;
padding: 0px;
/*overflow: hidden;*/
float: left;
position: relative;
}

#pageWrap {
background-color: transparent;
width: 820px;
top: 0px;
margin-left: 80px;
margin-right: 80px;
position: relative;
}

#contentWrap {
width: 820px;
margin: -2px 0 0 0;
background-color: transparent;
background-image: url(../images/transbackground.png);
background-position: left top;
background-repeat: repeat-y;
position: relative;
}

#leftContentWrap {
background-color: transparent;
width: 505px;
margin-left: 20px;
margin-top: 10px;
margin-right: 40px;
float: left;
position: relative;
}

#rightContentWrap {
background-color: transparent;
width: 195px;
margin-left: 30px;
margin-top: 10px;
margin-right: 10px;
float: left;
position: relative;
}

/*** Uncomment when visible again  ***/
/*#categoriesWrap {
margin-top: 40px;
}

#archivesWrap {
margin-top: 40px;
}*/

#featWorkWrap {
/*margin-top: 40px;     uncomment when rest of sidebar sections showing */
margin-bottom: 40px;
}

#footerWrap {
background: url(../images/footerbg.png) top left repeat-y;
background-color: transparent !important;
width: 820px;
/*margin-left: 10px;
margin-right: 10px;*/
height: 305px;
clear: left;
position: relative;
}

/***********************************/
/******** Main Nav styling *********/
/***********************************/

#headerNav ul {
width: 582px;
list-style: none;
padding: 0px;
margin: 0px;
position: relative;
}

#headerNav ul li {
display: inline;
height: 31px;
font: 250% Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -2px;
overflow: hidden;
padding: 0px;
margin: 0px;
position: relative;
}

#headerNav ul li#blogTab a {
background: url(../images/blog.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#aboutTab a {
background: url(../images/about.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#freelanceTab a {
background: url(../images/freelance.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#personalTab a {
background: url(../images/personal.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#canvasesTab a {
background: url(../images/canvases.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#shopTab a {
background: url(../images/shop.png) top left no-repeat;
width: 97px;
float: left;
}

#headerNav ul li#blogTab a:hover, #headerNav ul li#blogTab a:active, #headerNav ul li#blogTab a.selected, #headerNav ul li#aboutTab a:hover, #headerNav ul li#aboutTab a:active, #headerNav ul li#aboutTab a.selected, #headerNav ul li#freelanceTab a:hover, #headerNav ul li#freelanceTab a:active, #headerNav ul li#freelanceTab a.selected, #headerNav ul li#personalTab a:hover, #headerNav ul li#personalTab a:active, #headerNav ul li#personalTab a.selected, #headerNav ul li#canvasesTab a:hover, #headerNav ul li#canvasesTab a:active, #headerNav ul li#canvasesTab a.selected, #headerNav ul li#shopTab a:hover, #headerNav ul li#shopTab a:active, #headerNav ul li#shopTab a.selected {
background-position: 0px -31px;
}

#headerNav ul li a {
text-decoration: none;
}

#headerNav ul li a b {
visibility: hidden;
}

/***************************/
/***** RSS nav styling *****/
/***************************/

#rssNav {
width: 173px;
height: 22px;
margin: 9px 0 0 5px;
float: left;
}

#rssNav a {
background: url(../images/rsslogo.png) 0 10px no-repeat;
text-decoration: none;
font-size: 115%;
padding-top: 12px;
}

#rssNav a:link, #rssNav a:visited {
color: #ffffff;
}

#rssNav a:hover, #rssNav a:active {
color: #00a9f5;
}

#rssNav a b {
margin-left: 22px;
font-weight: normal;
text-decoration: underline;
}

/***************************/
/***** Sidebar styling *****/
/***************************/

#archivesWrap a, #categoriesWrap a {
font-size: 125%;
padding: 0 0 8px 0;
color: #ff5f0b;
text-decoration: none;
}

#archivesWrap a:hover, #categoriesWrap a:hover {
text-decoration: underline;
}

#featWorkWrap a img {
border: 5px solid #666666;
margin: 3px 0 2px 0;
}

#featWorkWrap a:hover img {
border-color: #ff5f0b;
}

/*******************************/
/***** search form styling *****/
/*******************************/

#searchinput {
border: 1px solid #666666;
background-color: #ffffff;
font: 125% Verdana, Arial, sans-serif;
color: #666666;
padding-left: 3px;
padding-right: 4px;
width: 135px;
}

#searchsubmit {
border: 1px solid #666666;
background: url(../images/searchsubmitbg.gif) top left no-repeat #ffffff;
font: 125% Verdana, Arial, sans-serif;
color: #666666;
margin-left: 5px;
}


/**************************/
/***** Footer styling *****/
/**************************/

#recentPostsWrap {
width: 241px;
height: 275px;
margin: 0 19px 0 20px;
float: left;
position: relative;
}

#recentCommentsWrap {
width: 261px;
height: 275px;
margin-right: 19px;
float: left;
position: relative;
}

#contactWrap {
width: 240px;
height: 275px;
margin-right: 20px;
float: left;
position: relative;
}

#recentPostsWrap h1, #recentCommentsWrap h1, #contactWrap h1 {
font-size: 200%;
}

#recentPostsWrap p, #recentCommentsWrap p, #contactWrap p {
font-size: 115%;
color: #999999;
}

#recentPostsWrap ul, #recentCommentsWrap ul {
padding-left: 12px;
}

#footerNav {
width: 800px;
height: 17px;
position: relative;
margin-left: 10px;
text-align: center;
clear: left;
}

#footerNav p {
font-size: 100%;
color: #999999;
}

/*******************************/
/***** Footer Form styling *****/
/*******************************/

label {
font: 100% Verdana, Arial, sans-serif;
color: #999999;
width: 50px !important;
float: left;
}

#nameinput, #emailinput, #textareainput {
border: 1px solid #999999;
background-color: #444444;
font: 100% Verdana, Arial, sans-serif;
color: #999999;
padding-left: 3px;
float: right;
}

#contactsubmit {border: 1px solid #999999;background: url(../images/contactsubmitbg.gif) top left no-repeat #444444;font: 95% Verdana, Arial, sans-serif;color: #999999;padding-left: 0px;padding-right: 0px;width: 42px;letter-spacing: -1px;float: right;}
#contactWrap input {float:right; width:180px; } 
#contactWrap input#contactsubmit{width:auto;}
#contactWrap textarea {float:right; width:184px; } 


/*blog css */
.blogdate{ text-align:right; font-size:10px; float:right; background:#e1e1e1;}
.blog-post{margin:15px 0 15px 0; padding-bottom:15px; border-bottom:2px solid #00a9f5; float:left; clear:both; width:100%; }
.blog-post-sub{margin:15px; }
.blog-post-main {margin:20px 0 20px 0; padding-bottom:20px; border-bottom:4px solid #ff5f0b;font-size: 125%;}
.blog-post .image {float:left; margin-right:15px; }

.blog-post .image a:link img,
.blog-post .image a:visited img {border: 5px solid #666666;}
.blog-post .image a:hover img,
.blog-post .image a:active img {border-color: #ff5f0b;}

.form-input{float:left; width:410px; border:1px solid #666666; margin-bottom:15px; margin-left:20px; background-color: #fff;/*background: url('../admin/icons/bginput.gif') repeat-x top left;*/}
.form label {float:left; width:160px; font-weight:bold; }
.form br {float:left;clear:both; }
.form-submit{float:right;width:120px; background: #ff5f0b; border:1px solid #ff5f0b; color:#fff; }
.form{float:left;clear:both; margin-bottom:25px;}

/*checkout page - full width */


.success {border:2px solid #3ea008; padding:15px; margin:20px 0;}
.success strong { color:#3ea008;}
.error{border:2px solid #FF3300; padding:15px; margin:20px 0;}
.error strong { color:#FF3300}

.canvasesPost p a img {margin-right: 15px;}
.canvasesPost p a:link img,
.canvasesPost p a:visited img {border: 5px solid #666666;}
.canvasesPost p a:hover img,
.canvasesPost p a:active img {border-color: #ff5f0b;}

.blog-img-thumb {/*float:left; margin:0 15px 15px 0;*/}

.canvasesPost{margin-bottom:20px;/*bottom*/ clear:both; width:500px;overflow:auto;}
.canvasesPost img{ float:left; margin-bottom: 20px; }
.canvasesText { float:left; width: 285px;}