/***** START OF CSS 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after
{ content: ""; }
blockquote, q { quotes: "" ""; }
/***** END OF CSS RESET *****/
/***** CLEARFIX HACK *****/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/***** END CLEARFIX HACK *****/
/***** NEW CLEARFIX HACK *****/
/* float clearing for IE6 */
* html .clearfix { height: 1%; overflow: visible; }
/* float clearing for IE7 */
*+html .clearfix { min-height: 1%; }
/* float clearing for everyone else */
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/***** END NEW CLEARFIX HACK *****/
/***** PAGE STYLES *****/
* { margin: 0; padding: 0; }
html, body { font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; color: #444; margin: 0px; padding: 0; text-align: center; }
body { background: #FFF; }
html>body { font-size: 12px; }
li, dt, dd, p { /*font-size: 1.5em;*/ line-height: 1.5em; }
ul, ol, dl { margin-bottom: 1.8em; }
p { margin: 1.5em 0; font-size: 1em; }
#page { width: 940px; margin: 10px auto 0; text-align: left; border-top: 2px solid #A5BCF0; padding: 0; }
/***** GENERAL STYLES *****/
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
#sidebar h2, #wp-calendar caption, cite
{ text-decoration: none; }
a, a:link, a:visited { color: #5B81B8; text-decoration: none; background: transparent; font-weight: normal; }
a:active, a:hover { color: #000; text-decoration: underline; background-color: #FFFFE3 !important; }
/***** HEADER STYLES *****/
#header { margin: 0 10px; }
#title { width: 457px; height: 35px; line-height: 35px; margin: 0; float: left; margin-top: 30px; }
#title a { text-indent: -1000em; display: block; text-decoration: none; margin: 0; width: 457px; height: 35px; line-height: 35px; background: #FFF url(images/title1.jpg) 0 0 no-repeat; }
#logo { width: 135px; height: 80px; line-height: 80px; margin: 0; float: right; margin-top: 10px; }
#logo a { text-indent: -1000em; display: block; text-decoration: none; margin: 0; width: 135px; height: 80px; line-height: 80px; background: #FFF url(images/logo.jpg) 0 0 no-repeat; }
#subtitle { margin: 0; padding: 0; clear: left; width: 478px; height: 19px; line-height: 19px; font-size: 14px; margin: 5px 0; font-weight: normal; }
#subtitle span { margin: 0; padding: 0; display: block; position: absolute; width: 478px; height: 19px; background: #FFF url(images/subtitle1.jpg) 0 0 no-repeat; line-height: 19px; }
/***** TOP NAVIGATION STYLES *****/
#navcontainer { margin: 20px 0 0; border: 1px solid #A5BCF0; border-width: 1px 0; padding: 1px 0; font-family: arial, helvetica, sans-serif; text-align: right; }
#navcontainer #navlist { list-style: none; padding: 0; margin: 0; background: #5B81B8 url(images/nav_back.jpg) 0 0 repeat-x; width: 100%; }
#navcontainer #navlist li { height: 35px; text-align: left; float: left; margin: 0; border-right: 1px solid #FFF; padding: 0; background: #5B81B8 url(images/nav_back.jpg) 0 0 repeat-x; }
#navcontainer #navlist li a { display: block; padding: 8px 15px 16px 7px; color: #FFF; font-size: 11px; line-height: 1em; text-decoration: none; font-weight: bold; }
#navcontainer #navlist li.current_page_item a
{ background: #39473C url(images/nav_current.jpg) 0 0 repeat-x; color: #FFFFE3; }
#navcontainer #navlist li a:hover, #navcontainer #navlist li.current_page_item a:hover
{ color: #000; background: #FEDD98; text-decoration: none; }
/***** CONTENT STYLES *****/
#content_wrapper { margin: 10px 0; background: transparent url(images/faux_col.gif) 700px 0 repeat-y;}
#wrapper { margin: 0; padding: 0; width: 700px; float: left; }
#content { margin: 10px 20px 10px 10px; background: transparent; }
.post { margin: 0 0 20px 0; padding: 0 0 20px 0; background: transparent url(images/comment_divider.gif) 50% 100% no-repeat; }
.last_post { background-image: none; background-repeat: no-repeat; background-positon: 0 0; margin: 0; padding: 0; }
.postinfo, .commentmetadata { font-size: 9px; color: #555; line-height: 16px; margin: 10px 0 20px; border: 1px solid #EEE; background: #F5F5F5; padding: 3px 5px; clear: both; }
.postinfo a span { color: #555; }
.postinfo a:hover span { color: #000 !important; text-decoration: underline; background-color: #FFFFE3 !important; }
#content h2, #content h2 a { color: #000; font: 1.8em/1.2em Georgia, sans-serif; margin: 0; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }
#content h2 a { font-size: 1em; text-decoration: none; }
#content h2 a:hover { color: #000; background-color: transparent !important; }
#content h3, #content h3 a { color: #000; font: 1.3em/1.2em Georgia, sans-serif; margin: 0; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; clear: left; margin-top: 10px; }
#content h3 a { font-size: 1em; text-decoration: none; }
#content h3 a:hover { color: #000; background-color: transparent !important; }
/***** LIST STYLES *****/
#content ul, #content ol { margin: 0 0 1em 1em; padding: 0; }
#content li { list-style-position: inside; font-size: 11px; line-height: 1.5em; color: #4C4C4C; }
#content ul li { list-style-position: outside; list-style-type: none; padding: 2px 0 2px 1.5em; background: transparent url(fff/silk/gif/bullet_black.gif) -3px 50% no-repeat;}
#content ol li { list-style-type: decimal; }
/***** FAM FAM FAM ICONS *****/
.date, .author, .comment, .comments, .categories, .tags, .edit, p.edit a, .rss, .login
{ display: block; float: left; margin: 0; padding: 2px 8px 2px 18px; line-height: 16px; clear: none; }
.date { background: transparent url(fff/silk/gif/date.gif) 0 2px no-repeat; }
.author { background: transparent url(fff/silk/gif/user.gif) 0 2px no-repeat; }
.comment { background: transparent url(fff/silk/gif/comment.gif) 0 2px no-repeat; }
.comments { background: transparent url(fff/silk/gif/comments.gif) 0 2px no-repeat; }
.categories { background: transparent url(fff/silk/gif/tag_blue.gif) 0 2px no-repeat; }
.tags { background: transparent url(fff/silk/gif/tag_pink.gif) 0 2px no-repeat; }
.rss { background: transparent url(fff/silk/gif/feed.gif) 0 2px no-repeat; }
.login { background: transparent url(fff/silk/gif/key.gif) 0 2px no-repeat; }
.edit, p.edit a { background: transparent url(fff/silk/gif/pencil.gif) 0 2px no-repeat; }
p.edit { float: none; clear: both; margin-top: 10px; padding: 5px 0 0; border-top: 1px dotted #CCC; background: none; }
/***** BLOCKQUOTES *****/
blockquote { background: #F9F9F9 url(images/blockquote_l.gif) 0 0 no-repeat; padding: 10px 0 0 30px; margin: 10px; }
blockquote p { background: #F9F9F9 url(images/blockquote_r.gif) 100% 100% no-repeat; padding: 0 30px 10px 0; }
/***** POST NAVIGATION *****/
.navigation { margin-bottom: 10px; border-bottom: 1px dotted #CCC; height: 40px; }
.navigation .alignleft { float: left; }
.navigation .alignleft a { background: #FFF url(fff/silk/gif/arrow_left_grey.gif) 0 50% no-repeat; padding-left: 25px; }
.navigation .alignright { float: right; }
.navigation .alignright a { background: #FFF url(fff/silk/gif/arrow_right_grey.gif) 100% 50% no-repeat; padding-right: 25px; }
.navigation a { font: normal 1em/2em Georgia, "Times New Roman", times, serif; letter-spacing: 2px; text-transform: uppercase; color: #666; }
.navigation a:hover { text-decoration: underline; background-color: transparent !important; }
/***** TABLES *****/
#content table, #content th, #content td
{ border-collapse: collapse; margin: 0; padding: 0; border: 0; font-size: 11px; }
#content table { margin: 10px 0; }
#content th, #content td { padding: 10px 5px; vertical-align: top; margin: 0; border: 1px solid #CCC; border-width: 1px 0; line-height: 1.5em; }
#content th {font-weight: bold; background: #F5F5F5; }
#content table p { margin: 0; padding: 0; line-height: 1.5em; }
/***** IMAGES *****/
#content img { background: #EEE; padding: 5px; border: 1px solid #CCC; float: right; margin: 0 0 10px 10px; }
/***** SIDEBAR STYLES *****/
#sidebar { background: transparent; float: left; width: 240px; margin: 0; padding: 0; font-size: 10px; }
#sidebar ul { margin: 10px; }
#sidebar ul ul { margin: 0; }
#sidebar li.widget { border-top: 1px dotted #CCC; margin-top: 10px; padding-top: 5px; }
.widgettitle { font: normal 1.5em/2em Georgia, "Times New Roman", times, serif; letter-spacing: 3px; text-transform: uppercase; }
/***** SIDEBAR SEARCH FORM *****/
#sidebar li.widget_search { border: 0; margin: 0; padding: 0; }
#sidebar #search { margin: 0; padding: 0; width:100%; clear:both; text-align: left; }
#sidebar #search input#s { width: 200px; color: #333; padding: 0; margin: 0; border: 1px solid #CCC; height: 20px; line-height: 20px; padding-left: 10px; font-family: "Courier New", Courier, monospace; }
#sidebar #search label { visibility: hidden; width:0; }
#sidebar .sf_on { background: #FFF url(fff/silk/gif/search.gif) 4px 50% no-repeat; }
#sidebar .sf_off { background: #FFF; }
/***** CALENDAR *****/
#sidebar li.widget_calendar { margin: 0; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { text-decoration: none; display: block; }
#wp-calendar caption { height: 20px; font: bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; background: transparent url(fff/silk/gif/calendar.gif) 5px 0 no-repeat;}
#wp-calendar th { font-style: normal; text-transform: capitalize; font-size: 9px; text-align: center; font-weight: bold; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 200px; border-collapse: collapse; }
#wp-calendar td { padding: 5px 0; margin: 0; text-align: center; font-size: 9px; border: 1px solid #CCC; }
#wp-calendar td.pad { border: none; }
/***** COMMENTS LIST *****/
#content ol.commentlist li { list-style-position: outside; margin: 15px 4em 0; padding: 0 0 45px 0; background: transparent url(images/comment_divider.gif) 50% 100% no-repeat; font-size: 12px; }
#content ol.commentlist li.last_comment { padding-bottom: 10px; background-image: none; }
.commentlist .comment_author
{ font-size: 9px; display: block; margin: 0; padding: 2px 8px 2px 18px; line-height: 16px; clear: none; background: transparent url(fff/silk/gif/user_comment.gif) 0 0 no-repeat; }
.commentmetadata { font-size: 9px; }
.commentmetadata a { display: block; float: left; margin: 0; padding: 2px 8px 2px 18px; line-height: 16px; clear: none; background: transparent url(fff/silk/gif/pencil.gif) 0 2px no-repeat !important; }
.commentmetadata .comment_date
{ background-image: url(fff/silk/gif/date.gif) !important; }
/***** COMMENT FORM *****/
#content #respond { margin: 50px 0 20px; padding: 0; }
#content #commentform { padding: 0; }
#commentform p { padding: 0; margin: 5px 0; }
#commentform textarea { border: 1px solid #CCC; background: #F4F4F4 url(images/comment_back.gif) 95% 100% no-repeat; margin-bottom: 10px; width: 100%; }
code { font: normal 11px "Courier New", Courier, monospace; color: #666; }
#commentform #message { font-size: 11px; border: 1px solid #709ed5; padding: 10px 10px 10px 30px; margin: 10px 0; background: #e1efff url(fff/silk/gif/information.gif) 10px 50% no-repeat; }
/***** FOOTER STYLES *****/
#footer { clear: both; width: 100%; padding: 10px 0 20px; border-top: 2px solid #A5BCF0; background: #FFF url(images/tnsp-diagonals.jpg) 0 0 repeat; color: #000; }
#footer p { padding: 0 10px; margin: 0; line-height: 1em; font-size: 10px; }
#footer a, #footer a:hover { color: #000; font-weight: bold; background: transparent; }