/*
Theme Name: twentysix Search
Description: General template for twentysix Search
Author: Jonathan Alderson (jonathan.alderson@twentysixsearch.com)
Author URI: http://www.twentysixsearch.com
Version: 1.0

Media(s): Screen, All
Created: 19 June 2009
===========================================
Last Update: 19 June 2009
Last Updated By: Jonathan Alderson 
*/


/* Global Reset
=================================== */
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 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, q:before, blockquote:after, q:after { content: '' }
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }
img { display: block }
html, body { height: 100% }
body { font-size: 62.5% }

/* Site Structure
=================================== */
body { text-align: center; background: #FFF url(img/bodyBG.jpg) repeat-x top left }
#wrapper { position: relative; background: url(img/contentBG.jpg) no-repeat 130px 0; font: 1.2em/1.6 Arial,sans-serif; color: #666; text-align: left; width: 920px; margin: 0 auto -76px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -76px;}
#logo { display: block; background: url(img/logoBG.gif) no-repeat; width: 186px; height: 75px; text-align: center; overflow: hidden }
#logo span { background: url(img/logo.gif) no-repeat 20px 0; display: block; height: 100% }
#container { float: left; position: relative; display: inline; width: 726px; padding-bottom: 22px }
div#content { background-image:none;float: left; position: relative; display: inline; width: 470px; text-align: justify;margin-top:10px; }

/* Navigation
=================================== */
#nav { margin: 0; list-style: none; text-transform: lowercase; position: absolute; top: 0; left: 170px }
#nav ul { }
#nav li { float: left; position: relative; display: inline; height: 75px; margin: 0 0 0 18px;*margin-top:37px; }
#nav li a { background-repeat: no-repeat; height: 75px; display: block; text-indent: -9999em; padding: 0 }
#nav li a:focus, #nav li a:hover { background-position: 0 -75px }

/* Posts & Pages 
=================================== */
.gravatar, .gravatarSmall { float: left; position: relative; display: inline; width: 102px; height: 102px; margin: 2px 18px 18px 0; width:100% }
.gravatarSmall{ width: 54px; height: 54px; margin-bottom: 8px }
.gravatar img, .gravatarSmall img, .comment-author img { padding: 2px; border: 1px #d00051 solid; background: #FFF } 
.gravatar .author, .gravatarSmall .author { position: absolute; bottom: -32px; left: 0; font-size: 90%; color: #666; width: 102px; text-align: center }
.gravatarSmall .author { width: 54px }
.gravatar .author a, .gravatarSmall .author a { display: block }
.entry-date { font-size: 90%; color: #666; font-style: italic }

#comments-list ol { list-style: none }
#comments-list li { background: #E8E8E8; margin: 10px 0 0 0; border: 1px #999 solid; padding: 8px }
#comments-list li.alt { background: #EDE2EC }
.comment-author .fn, .comment-author img, .comment-meta { float: left; position: relative; display: inline; margin: 0 6px 6px 0 }
.comment-meta { font-size: 90% }
.commentContent { clear: both; margin: 6px 0 0 0 }

.inlineImage { float: left; position: relative; display: inline; margin: 12PX 24px 24px 0 }
img.floatRight { float: right; position: relative; display: inline; margin: 0 0 12px 18px }

.sitemapList li a { background: none }

/* Sidebar
=================================== */
#aside { width: 162px; position: relative; display: inline; float: left; margin: 10px 32px 0 0; }
#aside ul { list-style: none }
#aside li { margin: 0 0 0 18px; padding: 6px 0; border-bottom: 1px #E0E0E0 solid; text-transform: capitalize }
#aside li a { display: block; background: url(img/sideNav.gif) no-repeat 0 6px; padding-left: 15px; text-decoration: none; color: #d00051 }
#aside li.page_item a:focus, #aside li.page_item a:hover { text-decoration: underline }
#aside li a:focus, #aside li a:hover { background-position: -240px 6px }
#aside li a strong { font-weight: normal; display: block; font-size: 90%; color: #666 }
#aside li a span { display: none }
#aside li a:focus em, #aside li a:hover em { text-decoration: underline }

#aside h3 { margin: 20px 0 0 18px }

#innerSide { float: right; position: relative; display: inline; width: 230px;margin-bottom:30px;margin-top:20px; } 
.ctaBox { margin-bottom: 10px; height: 170px; text-indent: -9999em }
.ctaBoxHover, .ctaBox:hover { cursor: pointer }
#ctaBlog { background: url(img/ctaBlog.jpg) no-repeat }
#ctaNews { background: url(img/ctaNews.jpg) no-repeat }
#ctaAudit { background: url(img/ctaAudit.gif) no-repeat }

#rss { display: block; background: url(img/rss.gif) no-repeat; width: 135px; height: 31px; text-indent: -9999em; margin-left: 18px }
#rss:focus, #rss:hover { background-position: 0 -31px }

/* Footer
=================================== */
#footer { font-size:1.2em; }

#footer a,#footer ul, #footer li	{margin:0px;padding:0px;}
#footer p { clear: both; margin:6px 0 0 190px; color: #666 }

/* Links
=================================== */
#container a, #aside a { overflow: hidden; color: #D00051; padding: 2px; }
.current_page_item, li.pageParent { font-weight: bold }
li.parent { font-weight: normal }
#aside li.parent a:focus, #aside li.pageParent a:focus, #aside li.parent a:hover, #aside li.pageParent a:hover { text-decoration: underline }
#wrapper h3 a { color: #d00051; padding: 0; text-decoration: none }
#wrapper h3 a:focus, #wrapper h3 a:hover { color: #000 }
#content h2 a, #content h3 a { padding: 2px }
#content h2 a:focus, #content h2 a:hover, #content h3 a:focus, #content h3 a:hover { color: #000 }

#container .sociable li { margin-bottom: 10px }
#container .sociable a { padding: 0 }
#container .sociable a:focus, #container .sociable a:hover { background-color: transparent }
#container .sociable li { float: left; display: inline; position: relative; margin-right: 6px }
.entry-meta { clear: left }

iframe { padding: 2px; margin-bottom: 8px; border: 1px #d00051 solid; background: #FFF }

/* Forms 
=================================== */
input, textarea, select { background: url(img/formBG.jpg) no-repeat top left; border: 1px #A6A6A6 solid; margin: 0; padding: 0; color: #808080; padding: 2px 4px }
textarea { font: 1em/1.4 Arial,sans-serif; overflow: auto }
select, input { position: relative; z-index: 1000 }
label { cursor: pointer }
option { padding: 0 2px }
#searchform { margin-top: 8px;width:162px; }
#searchform .text { position: relative; top: -6px; width: 92px; margin-left: 18px }
#searchSubmit { text-indent: -9999em; width: 20px; background: none; border: none }
#searchSubmit:hover { text-decoration:none; }

.innerForm ol { list-style: none; width: 460px }
.innerForm li, .adrElement { position: relative; margin: 0 12px 12px 0; padding: 26px 6px 6px; background: #FCFCFC; border: 1px #DEDADA solid; width: 188px; float: left }
.innerForm li:hover { background: #F3F1F1; border: 1px #C0C0C0 solid }
.innerForm li:hover input, .innerForm li:hover textarea { border: 1px #666 solid }
.innerForm li:hover label { color: #d00051 }
.innerForm label { position: absolute; top: 0; left: 0; padding: 4px 0 0 6px; width: 100%; height: 100%; font-size: 95%; font-weight: bold }
.innerForm input { width: 178px }
.innerForm .textareaInput { width: 402px }
.innerForm textarea { width: 392px; height: 160px; padding-top: 4px }
.innerForm .error { font-size: 90% }
.innerForm li.buttons { clear: left; padding-top: 6px; width: 110px }
.innerForm li.buttons button { width: 110px }

.adrElement { padding-top: 6px }
#content .adrElement h2, #content .adrElement h3 { border-top: none; padding-top: 0; margin-top: 2px }

div.form-submit { margin-top: 6px }

/* Typography
=================================== */
p, h1, h2, h3, h4, h5, h6, ol, ul, dl, table { margin: 10px 0 }
h1, h2, h3, h4, h5, h6 { color: #d00051; letter-spacing: -1px; word-spacing: 2px; font: 1.4em/1 Georgia,Times,serif; margin: 0 0 10px; clear: left }
#content h2, #content h3 { border-top: 1px #FFD2E4 solid; padding-top: 10px; margin: 22px 0 10px }
#content ul, #content ol { list-style: circle }
#content h3.noBorder { border-top: none; margin-top: 6px }
#content form ul, #content form ol { list-style: none }
h1 { font-size: 1.6em; margin-top: 0 }
li { margin: 0 0 6px 18px }
ul ul { margin-top: 2px }
.error { color: red }
h1.error { background: red; color: #FFF; font-size: 150%; padding: 6px }
strong { color: #333; padding: 0 1px }

/* Tools
=================================== */
.discreet, hr { position: absolute; top: -9999em; left: -9999em; display: none }
.clear { clear: both }
div.clear { font-size: 1px; height: 1px; overflow: hidden }

.four04 .sideSection, .search  .sideSection { visibility: hidden; height: 1px; overflow: hidden }

.widget IMG {display:inline;}
#rss_links H3 {background: url(/blog/wp-includes/images/rss.png) no-repeat; width: 135px; height: 21px; padding-left: 18px; padding-bottom:0px}
#rss_links UL {margin-top:0px}
.widget_search H3 {display:none;}
.widget_search INPUT.button, .blog-search INPUT.button {background: url('/images/search.gif') no-repeat 5px top; border:0px; text-indent:-9999px; width:30px; height:30px; font-size:1px; color:#EEE;}
#content .comments OL {list-style-type:none;}
.comment-author {float:left; display:inline;}