/*   
Theme Name: Pixelapes Base Theme
Theme URI: http://www.pixelapes.com/pixelapes-theme/
Description: Our own theme adapted from SEO Sandbox Theme by Ian Purton
Author: Alex Leonard
Author URI: http://www.pixelapes.com
Version: 0.2
*/

/* HIDDEN ELEMENTS */

#hd h1 a span, #hd h2, #bd .meta-comment-title, p.linklove {
position: absolute;
top: -3000px;
left: -3000px;
margin: 0;}


/* STRUCTURE ALTERATIONS */

#yui-main .yui-b {
padding: 0 40px 0 10px; /* This is to prevent the content pressing right up against the screen when dropping to 800x600 - needs to be cross checked in IE due to box model possible issues. */
}

#bd {
margin-top: 60px;}

#ft {
/*background: url(images/ft-border.jpg) no-repeat left top;*/
border-top: 1px #888 solid;
margin: 40px 0 0 0;
padding: 5px 10px;
margin-right:17.9329em;
*margin-right:17.5147em;}

/* SITE STYLE ELEMENTS */

.clear {
clear:both;}

html {
background: #E5E3DC url(images/bkg.jpg) repeat-x top left;}
/*
body {
background: url(images/ft-bkg.png) repeat-x left bottom;
margin-bottom: -30px;}*/

#hd h1, #hd h1 a {
top: 0;
left: 0;
width:768px;
height:169px;
border: none;}

#hd h1 {
position: relative;
overflow:hidden;
background: #474236;
margin: 0;
}

#hd h1 a {
display:block;
position:absolute;
z-index:10;
background: url(images/banner.jpg) no-repeat top left;
text-decoration: none;
}

#hd h1 a span {
color: #fff;
font: normal 1.5em Arial, sans-serif;
padding: 40px;
}

.p-mission {
width: 670px;
height: 162px;
display: block;
margin-bottom: 20px;
background: url(images/pixelapes-mission.jpg) no-repeat top left;
}

.p-mission h1 {
border: none;
color: #938931;
text-align: right;
font-size: 1.7em;
padding: 40px 15px 0 0;}

/* NAVIGATION */

.pagenav ul {
margin-left: -10px;}

.pagenav li a {
vertical-align: -5px;}

.pagenav li {
float: left;
display: block;
height: 31px;
margin-top: 1px;
font: 1.4em Georgia, Times, serif;
}

.pagenav li a:link, .pagenav li a:visited {
color: #83B6C6;
text-decoration: none;
padding: 10px 20px;
}

.pagenav li a:hover, .pagenav li a:active {
color: #D8BF8B;
text-decoration: none;
padding: 10px 20px;
}

.current_page {
color: #fff;
background: url(images/nav_active_bkg.gif) no-repeat center bottom;
}


#hd .current_page a:link, #hd .current_page a:visited, #hd .current_page a:hover, #hd .current_page a:active {color: #fff;} 


/* LINKS */

a:link {color: #c60;} 

a:visited {color: #ac5600;}

a:hover {color: #B72C93;}

a:active {color: #B72C93;}


/* TYPOGRAPHY */

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

h1, h2, h3, h4, h5 h6 {
margin: 0 0 15px 0;
}

h1 {
color: #5C8C48;
font: 2em Georgia, Times, serif;
border-bottom: 1px solid #aaa;
clear: both;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
text-decoration: none; color: #5C8C48;}

.index h1{
border-bottom: 1px dashed #aaa;}

.index h1 a:hover {color: #B72C93;}

h1.hright {
text-align: right;}

h2, h3, legend {
font: normal 1.6em "Book Antiqua", Georgia, "Minion Web", "Minion Pro", Times, serif;
letter-spacing: -1px;
word-spacing: 2px;
}

h2, legend {
margin-top: 20px;
color: #4F86A8;
clear: both;
}

#yui-main h2, h3#comments, h3#respond, .story-content .cform {
padding-top: 40px;
background: url(images/content-separator.jpg) no-repeat left top;}

#yui-main h2.no-separator {
padding-top: 0; background: none;}

#bd .sidebar h2 {
background: none;
font-style: italic;
color: #5C8C48;
font-size: 1.7em;
margin: 0 0 15px 0;
}

h3 {
font-size: 1.5em;
color: #938931;
margin-top: 20px;
}

.related h3 {margin-top: 0;}

h4 {
color: #369;
font: 1.2em Georgia, "Times New Roman", Times, serif;
font-style: italic;
padding: 4px 0 4px 20px;
border: dotted #777;
border-width: 1px 0;
background: #fff;}

h5 {
font-weight: bold;
margin-bottom: 10px;}

p {
line-height: 1.4em;
margin: 0 0 10px 0;
font-size: 1.1em;
text-align: justify;}

em {
font-style: italic;}

b, strong {
font-weight: bold;}

u {text-decoration: underline;}

dl {
margin-left: 230px;
font-size: .9em;}

dt {
color: #666;
float: left;
width: 8em;
padding-top: 10px;
}

dd {
padding: 10px 0 10px 8em;
color: #369;
margin: -2px 0 0 0;
border-bottom: 1px dotted #999;}

dd.dd-not-last {
border: none;
padding-bottom: 0;}

blockquote {
margin: 15px 70px 15px 10px;
padding: 10px 0 0 40px;
color: #333;
font-style: italic;
font-size: 1em;
background: url(images/quotation.gif) no-repeat top left;}

blockquote p {line-height: 1.2em;}

/* POST AND PAGE ELEMENTS */

#hd .searchform {
margin: 1px 0 0 59.3846em;
*margin: 3px 0 0 57.9534em;
position: relative;
}

#hd .searchform input {
width: 70px;
border: 1px solid #fff;
background: #666;
color: #fff;
padding: 2px;
}

.searchform button {
width: 59px; height: 22px; border: none; background: none;
text-align: center;
}
#hd .searchform button img {
position: relative;
top: 4px;
*top: 0;}

.pa_highlight {
padding: 5px 30px 20px 30px;
margin: 10px 0 20px 0;
border: 1px solid #6c6d6d;
background: #D2D3BA url(images/pa_highlight_bkg.jpg) repeat-x left top;
}


.post-wrap {
margin: 0 0 25px 0;}

.story-content img, .archives img, .searchresults img, p img.float-right {
padding: 5px;
border: 1px solid #333;
background: #fff;
float: right;
margin: 0 0 20px 20px;}

.story-content img.no-float {
float: none;
margin: 10px auto;}

#bd .floatleft, .category-8 .story-content img, #bd .home-portfolio img {
float: left;
margin: 0 20px 20px 0;
clear: left;}

#bd .no-border {
padding: 0;
border: none;
background: none;
}

.post-update {
border: 1px solid #666;
padding: 10px;
margin: 10px 0;
background: #fff;}

.post-update p {
font-size: .85em;
line-height: 1.1em;}

.post-continue {
padding-left: 24px;
background: url(images/book-next.jpg) no-repeat left top;
}

.post-meta {clear: both;}

#bd .post-meta h2 {margin: 0 0 5px 0;}

.post-meta p, p.author-edit, p.index-meta  {
line-height: 1em;
margin: 0 0 5px 0;
font-size: .8em;
color: #666;
text-align: left;}

.meta-excerpt, .related {
background: #fff;
display: block;
padding: 20px;
border: dotted #777;
border-width: 1px 0;}

.post-meta .meta-excerpt p {
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #333;
font-style: italic;
padding: 0 0 5px 0;
line-height: 1.2em;}

.meta-meta {
border-bottom: 1px dotted #777;
background: #eee;
padding: 10px 20px;}

.meta-meta span {color: #369;}

#bd .meta-comment {
float: right;
width: 5.76923em;
*width: 5.63019em;
border: solid #333;
border-width: 1px 1px 0 1px;
background: #fff;
-moz-border-radius: 0 1em 0 0;
}

.meta-comment p {
font: 2.5em Georgia, "Times New Roman", Times, serif;
text-align: center;
margin: 0;
color: #333;}

#bd .meta-comment p span {
display: block;
font-size: .35em;
background: #369 url(images/comment-box-bkg.jpg) repeat-x top left;
color: #fff;
padding: .5em 0;
margin-top: 7px;
border: solid #333;
border-width: 1px 0;}

p.index-meta  {text-align: left;}

.post-date {
padding-left: 24px;
padding-top: 5px;
background: url(images/calendar.jpg) no-repeat left top;}

#ft-tools, #ft-misc, #ft-rss {
display: block;
float: left;
margin: 10px 25px 0 25px;}

#ft-tools li, #ft-misc li, #ft-rss li {
display: list-item;
list-style-type: square;
font-size: .9em;
color: #555;
padding: 0 0 6px 0;}

#ft-tools li p, #ft-misc li p, #ft-rss li p {
line-height: 1em;
padding: 0;
margin: 0;
*padding: 0 0 0 6px;}

ul#ft-tools li {list-style-image: url(images/spanner.jpg);}
ul#ft-misc li {list-style-image: url(images/star.jpg);}
ul#ft-rss li {list-style-image: url(images/rss.jpg);}

/* SEARCH PAGE */

.searchresults ol, .story-content ol {
margin: 0 0 0 25px;
padding: 0 0 15px 0;}

.searchresults ol li, .story-content ol li {
list-style-type: decimal;
}

#yui-main .story-content ol li, ,story-content ol li p {
font-size: .9em;
padding-bottom: 8px;}

.searchresults #yui-main ol li {
margin-bottom: 20px;}

.s-date {
font: italic .7em Verdana, Arial, sans-serif;
color: #666;
}

ol.footnotes{font-size:0.8em; color:#666; padding: 10px 50px 20px 0;}

.footnote-link {padding-left: 2px;}

/* SITE MAP */

.ddsg-wrapper ul li {
margin: 0 0 6px 20px;
}

#bd .ddsg-wrapper ul li ul li {
padding: 5px 0 3px 0;
margin: 0;
list-style-image: none;
display: list-item;
position: relative;
top: 5px;
list-style-type: none;}

#bd .ddsg-wrapper ul.ddsg-pages li ul li {
display: list-item;
list-style-image: url(images/arrow-sub-point.jpg);
margin-left: 25px;}

/* COMMENTS */

#commentwrap {
padding-top: 20px;}

.comment-feed {
font-size: .85em;
background: url(images/rss-add.jpg) no-repeat left center;
padding-left: 22px;}

dl#commentlist {
padding: 0;
margin: 20px 0 15px 0;}

#commentlist dt {
padding-left: 2em;
clear: left;
width: 13em;
}

#commentlist dd {
color: #333;
padding: 10px 2em 45px 15em;
margin: 0 0 15px 0;
border: dotted #777;
border-width: 1px 0;
background: #fff;
}

#commentlist dd.alt {
}

.comment-date {
font-size: .8em;
position: relative;
top: 7px;
font-style: italic;}

#commentlist dd.authorpost {
color: #369;
background: #eee;
}

/* COMMENT FORM */

#commentwrap label {
position: absolute;
width: 10em;
text-align: right;}

#commentwrap .subscribe-to-comments label {position: relative;}

#commentwrap input, #commentwrap select, #commentwrap textarea {
margin: 0 0 0 12em;
}

#commentwrap textarea {
width: 30em;}

.cform .post-meta p {
text-align: left;
}

#commentPreview {
margin: 20px 0 20px 12em;
background: #fff;
padding: 10px;
border: solid #999;
border-width: 1px 0;
}

#commentPreview p {
font-size: .9em;
}

/* SIDEBAR AND WIDGETS */

.sidebar {
position: relative;
padding: 0;
}

.sb-item p {
font-size: .9em;
line-height: 1em;
text-align: left;}

.sidebar .sb-item, .linkcat {
padding: 0 0 15px 0;
background: url(images/sidebar-separate.jpg) no-repeat left bottom;
}

.sb-item ul, .linkcat ul {
margin: 5px 0 15px 25px;
}

.sb-item ul li, .story-content ul li {
list-style-type: square;
list-style-image: url(images/tag-green.gif);
padding: 0 0 10px 0;}

.story-content ul li, .story-content ol li {
margin: 0 0 6px 20px;
padding: 0 0 5px 5px;}

#bd .story-content ul.list-col {float: left; margin-right: 30px;}

.story-content ul.list-col li {}

.sb-item ul li ul li, .story-content ul li ul li {
list-style-type: square;
list-style-image: url(images/bullet-orange.jpg);
padding: 0 0 10px 0;}

.sb-item ul li p {
position: relative;
top: -5px;
*padding: 2px 0 0 4px;}

.sb-item a span {
position: absolute;
right: 3000px;
}

table.wptable {
border-collapse: collapse;
border: none;
margin: 0 0 30px 0;
}

/* header row*/
#bd .wptable th { 
font: 1.2em Georgia, Times, "Times New Roman", serif;
padding:	4px 5px;
border:		1px solid #353535;
background:	#5C8C48;
color: #fff;
}

/* normal row*/
#bd .wptable td, #bd .wptable tr {padding:3px 5px;
border: 1px solid #353535;}


.wptable tr {background: #f2f3da;}

/* alternative row */
.wptable tr.alt {background: #f4f4ec;}

/* CONTACT FORM */

.cform ol {
padding-top: 20px;
}

#bd .cform ol li {
list-style-type: none; 
position: relative;
}

.cform label {
position: absolute;
width: 100px; 
text-align: right;
padding-top: 3px;
}

.cform ol li input, .cform ol li textarea {
margin-left: 120px;
padding: 2px 5px;
width: 200px;
border: 1px #ad905b solid;
}

.cform ol li textarea {
width: 350px;
}

.reqtxt, .emailreqtxt {
padding-left: 10px;
font-size: 85%;
color: #a14409;}

.cf-sb input {
margin-left: 170px;
border: 1px #ad905b solid;
padding: 2px 0;
background: #484236;
color: #fff;
margin-top: -40px;}

.cf_info {
text-align: center;
font-size: 116%;
color: #df5917;
padding: 5px 0;
}