/*
THEME NAME: Typograph
THEME URI: http://blog.pinkandyellow.com/free-wordpress-themes/typograph/
DESCRIPTION: Standards compliant theme with threaded comments, a MooTools powered tabbed sidebar box and an ad under the first post on the index page. This theme has no images and is purely based on CSS elements and typography. Ideal for future customization. Typograph was styled "from the ground up" on a highly customized version of the Sandbox theme.
VERSION: 0.8.6
AUTHOR: Morten Rand-Hendriksen of Pink & Yellow Media
AUTHOR URI: http://www.pinkandyellow.com
TAGS: black, white, light, three-columns, fixed-width, theme-options, right-sidebar, threaded-comments
*/
@import url(css/reset-fonts-grids.css);
@import url(css/base-min.css);
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2011 10:32:07 PM America/New_York */
@font-face {
font-family: 'PerspectiveSansRegular';
src: url('fonts/persans-webfont.eot');
src: url('fonts/persans-webfont.eot?iefix') format('eot'),
url('fonts/persans-webfont.woff') format('woff'),
url('fonts/persans-webfont.ttf') format('truetype'),
url('fonts/persans-webfont.svg#webfontZvYKLeck') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerspectiveSansItalic';
src: url('persansi-webfont.eot');
src: url('persansi-webfont.eot?iefix') format('eot'),
url('persansi-webfont.woff') format('woff'),
url('persansi-webfont.ttf') format('truetype'),
url('persansi-webfont.svg#webfontv4W9DoZK') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerspectiveSansBold';
src: url('persansb-webfont.eot');
src: url('persansb-webfont.eot?iefix') format('eot'),
url('persansb-webfont.woff') format('woff'),
url('persansb-webfont.ttf') format('truetype'),
url('persansb-webfont.svg#webfontWBABdmNS') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerspectiveSansBoldItalic';
src: url('persanbi-webfont.eot');
src: url('persanbi-webfont.eot?iefix') format('eot'),
url('persanbi-webfont.woff') format('woff'),
url('persanbi-webfont.ttf') format('truetype'),
url('persanbi-webfont.svg#webfontC5bQGWrk') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerspectiveSansBlackRegular';
src: url('persanbk-webfont.eot');
src: url('persanbk-webfont.eot?iefix') format('eot'),
url('persanbk-webfont.woff') format('woff'),
url('persanbk-webfont.ttf') format('truetype'),
url('persanbk-webfont.svg#webfonteKBcnP45') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PerspectiveSansBlackItalic';
src: url('persabki-webfont.eot');
src: url('persabki-webfont.eot?iefix') format('eot'),
url('persabki-webfont.woff') format('woff'),
url('persabki-webfont.ttf') format('truetype'),
url('persabki-webfont.svg#webfontFOK3m9Ft') format('svg');
font-weight: normal;
font-style: normal;
}
/* ********************************* */
/* ERIC MEYER'S CSS RESET - RELOADED */
/* ********************************* */
/*
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:32.25em;*width:11.9em;}
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: black;
}
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: center;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* ************* */
/* END CSS RESET */
/* ************* */
/* *************** */
/* LAYOUT ELEMENTS */
/* --------------- */
body {
text-align: left;
}
#outerWrap {
background-color: #000000;
}
#wrapper {
width: 1035px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
}
#container {
float: left;
width: 1035px;
border-right: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
background-color: #ffffff
}
#content {
width: 655px;
float: left;
position: relative;
padding-right: 14px;
}
.sidebar {
float: left;
overflow: hidden;
width: 180px;
margin-top: 100px;
margin-right: 100px;
}
#footer {
clear: left;
width: 100%;
}
/* ------------------- */
/* END LAYOUT ELEMENTS */
/* ******************* */
/* *************** */
/* GLOBAL ELEMENTS */
/* --------------- */
.clear {
clear:both;
}
.alignleft {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}
.aligncenter {
margin-left:auto;
margin-right:auto;
}
.alignright {
float: right;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
}
img.alignleft {
padding: 5px;
border: 1px solid #C0C0C0;
margin-right: 10px;
margin-bottom: 5px;
}
img.aligncenter {
margin: 5px auto 5px auto;
display: block;
padding: 5px;
border: 1px solid #C0C0C0;
}
img.alignright {
padding: 5px;
border: 1px solid #C0C0C0;
margin-left: 10px;
margin-bottom: 5px;
}
.wp-caption {
border: 1px solid #EEEEEE;
text-align: center;
background-color: #ffffff;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding-top: 8px;
padding-right: 4px;
padding-left: 4px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#content p.wp-caption-text {
font-size: 0.7em;
padding-top: 3px;
padding-right: 6px;
padding-left: 6px;
color: #999999;
}
a {
text-decoration: none;
color: #566db1;
}
a:hover {
text-decoration: none;
color: #71b44b;
}
a:visited {
color: #C42f21;
}
strong {
font-weight:bold;
}
em {
font-style: italic;
}
dt {
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-size: .5em;
}
dd {
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-size: .5em;
}
legend {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 0.8em;
color: #333333;
}
form {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 0.8em;
color: #333333;
}
/* ------------------- */
/* END Global Elements */
/* ******************* */
/* ****** */
/* HEADER */
/* ------ */
#header {
margin-bottom: -30px;
border-bottom-color: #CCCCCC;
width: 600px;
}
}
margin-left: 17px;
padding-top: 25px;
}
#content #header h1 a {
font-family: Arial, Helvetica, sans-serif;
margin-left: 100px;
font-size: 0px;
color: #ffffff;
}
#content #header h1 a:hover {
text-decoration: none;
color: #ffffff;
}
#content #header h2 {
h2.entry-title,#blog-title a,h2.page-title,h3.entry-title{
font-family: Arial, Helvetica, sans-serif;
}
border-style: none;
margin-top: 20px;
font-size: 2em;
color: #c1147f;
font-weight: lighter;
text-transform: uppercase;
margin-bottom: 30px;
}
/* ---------- */
/* END HEADER */
/* ********** */
/* ************ */
/* MAIN CONTENT */
/* ------------ */
#content h2 {
font-family: PerspectiveSansRegular;
font-size: 1.5em;
font-weight: normal;
text-transform: capitalize;
color: #4257A3;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
margin-bottom: 10px;
}
#content h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-transform: capitalize;
color: #ffffff;
margin-bottom: 5px;
padding: 5px 0px 5px 5px;
background: none repeat scroll 0 50% #d04420;
}
#content h4 {
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
color: #6d8552;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
margin-bottom: 10px;
}
#content h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-transform: capitalize;
color: #666666;
margin-bottom: 2px;
padding-top: 5px;
}
#content h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
text-transform: capitalize;
color: #666666;
margin-bottom: 5px;
padding-top: 5px;
}
#content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
margin-bottom: 10px;
text-align: justify;
line-height: 1.5em;
}
#content blockquote, #content pre {
padding: 10px 12px 3px 12px;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
background-color: #EEEEEE;
}
#content blockquote p {
font-style: italic;
}
#content blockquote a {
}
#content blockquote a:hover {
}
#content blockquote a:visited {
}
/* POST BODY LIST ITEMS - affects only actual post lists */
.entry-content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
text-transform: uppercase;
color: #666666;
padding-top: 0px;
padding-bottom: 0px;
margin-left: -2px;
padding-left: 2px;
margin-bottom: 10px;
}
.singlepost .entry-content ul, .post .entry-content ul {
padding-left: 20px;
margin-bottom: 15px;
}
.singlepost .entry-content ul li, .post .entry-content ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
padding-bottom: 5px;
list-style-type: disc;
line-height: 19px;
}
.singlepost .entry-content ul ul, .post .entry-content ul ul {
margin-top: 10px;
margin-bottom: 0px;
}
.singlepost .entry-content ul ul li, .post .entry-content ul ul li {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
padding-bottom: 5px;
list-style-type: square;
}
.entry-content ol {
margin-bottom: 15px;
list-style-type: decimal;
margin-left: 30px;
}
.entry-content ol li {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
padding-bottom: 5px;
}
/* END POST BODY */
/* ---------------- */
/* END MAIN CONTENT */
/* **************** */
/* **** */
/* POST */
/* ---- */
.post {
margin-left: 77px;
margin-bottom: 30px;
padding-bottom: 5px;
padding-left: 10px;
border-left-style: dashed;
border-left-width: 1px;
border-left-color: #CCCCCC;
}
.singlepost {
margin-left: 22px;
margin-bottom: 30px;
padding-bottom: 5px;
}
.post-date {
display: inline;
position: absolute;
left: 0px;
width: 63px;
padding-top: 5px;
padding-left: 8px;
}
.post-month {
font-size: 1em;
text-transform: uppercase;
color: #CCCCCC;
text-align: center;
display: block;
line-height: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.post-day {
font-size: 2em;
text-transform: uppercase;
color: #CCCCCC;
text-align: center;
display: block;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #EEEEEE;
padding-bottom: 5px;
}
.post-year {
font-size: 0.8em;
text-transform: uppercase;
color: #CCCCCC;
text-align: center;
display: block;
line-height: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
.comments-link {
font-size: 2em;
text-transform: uppercase;
color: #CCCCCC;
text-align: center;
display: block;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding-top: 3px;
}
.comments-link a {
color: #CCCCCC;
}
.comments-link a:hover {
color: #990000;
text-decoration: none;
}
.comments-heading {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #CCCCCC;
letter-spacing: -1px;
text-align: center;
display: block;
}
.comments-start-bracket {
font-family: "Times New Roman", Times, serif;
font-size: 1em;
color: #CCCCCC;
}
.comments-end-bracket {
font-family: "Times New Roman", Times, serif;
font-size: 2em;
color: #CCCCCC;
position: absolute;
right: 0px;
}
.cat-links {
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 0em;
color: #808080;
padding-left: 2px;
background-color: none;
width: 100%;
margin-left: -2px;
padding-top: 1px;
padding-bottom: 1px;
margin-top: 8px;
}
.cat-links a {
text-decoration: none;
color: #808080;
}
.cat-links a:hover {
color: #990000;
}
.author {
margin-top: -8px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 0.8em;
color: #666666;
border-top-style: none;
border-top-width: 1px;
border-top-color: #CCCCCC;
padding-top: 2px;
border-bottom-style: none;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
padding-bottom: 5px;
}
.post h2 a {
color: #666666;
text-decoration: none;
}
.post h2 a:hover {
color: #990000;
}
.tagbox {
border-bottom: 8px;
padding-bottom: 8px;
}
.tag-links {
}
.indexAd {
margin-top: 10px;
}
/* -------- */
/* END POST */
/* ******** */
/* ********* */
/* POST INFO */
/* --------- */
.postInfo {
border: 1px solid #CCCCCC;
background-color: #f9f9f9;
font-size: 0.7em;
margin-top: 20px;
margin-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
}
.postInfo a {
color: #808080;
}
.postInfo a:hover {
text-decoration: none;
color: #990000;
}
.postInfo ul {
margin: 8px auto 8px 10px;
padding: 0px;
}
.postInfo ul li {
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 2px;
}
.trackback {
background: 0
50%;
}
.feed {
background: 0
50%;
}
/***************** Tags below the link of the comments feed ********************/
.tags {
background: 0
50%;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #C0C0C0;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-transform: uppercase;
}
.previous-entries a {
}
.next-entries a {
}
/* comments area */
/* THREADED COMMENTS */
ul.commentlist {
list-style: none;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
font-family: Arial, Helvetica, sans-serif;
}
#content ul.commentlist p {
font-size: 12px;
margin-left: 52px;
}
ul.commentlist li { }
ul.commentlist li.alt { }
ul.commentlist li.bypostauthor {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ul.commentlist li.comment div.comment-author {}
ul.commentlist li.comment div.vcard {
font: normal 14px Arial, Helvetica, sans-serif;
}
ul.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ul.commentlist li.comment div.vcard cite.fn a.url {}
ul.commentlist li.comment div.vcard img.avatar {
border: 5px solid #ccc;
float: left;
margin-right: 10px;
}
ul.commentlist li.comment div.vcard img.avatar-32 {}
ul.commentlist li.comment div.vcard img.photo {}
ul.commentlist li.comment div.vcard span.says {}
ul.commentlist li.comment div.commentmetadata {}
ul.commentlist li.comment div.comment-meta {
font-size: 9px;
margin-bottom: 4px;
margin-left: 52px;
border-top-style: dotted;
border-top-width: 1px;
border-top-color: #CCCCCC;
padding-top: 2px;
}
#content ul.commentlist li.comment div.comment-meta a {
color: #999999;
}
ul.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ul.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ul.commentlist li.comment div.reply { font-size:11px; }
ul.commentlist li.comment div.reply a { font-weight:bold; }
ul.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ul.commentlist li.comment ul.children li {}
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ul.commentlist li.comment ul.children li.depth-5 {}
ul.commentlist li.comment ul.children li.odd {}
ul.commentlist li.even { background:#fff; }
ul.commentlist li.odd { background:#f6f6f6; }
ul.commentlist li.parent { border-left:5px solid #111; }
ul.commentlist li.thread-alt { }
ul.commentlist li.thread-even {}
ul.commentlist li.thread-odd {}
/* END THREADED COMMENTS */
#comments, #respond {
border-bottom: 1px dotted #8D8D8D;
padding: 10px 0 5px 0;
clear: both;
}
/* commentlist
.commentlist {
list-style: none;
margin: 10px 0px;
padding-left: 0px;
line-height: 130%;
}
.commentlist li{
margin-bottom: 6px;
padding: 10px;
}
.commentlist .alt {
background: #F9F9F9;
border: 1px solid #CCCCCC;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
font-weight: bold;
font-style: normal;
font-size: 100%;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
} */
.commentname {
color: #703419;
text-transform: capitalize;
margin-left: 50px;
}
.gravatar {
display: inline;
}
.gravatar img {
border: 1px solid #AAAAAA;
padding: 5px;
float: left;
height: 32px;
width: 32px;
display: block;
position: absolute;
}
.commentcount {
font: bold 2.2em Arial, Helvetica, sans-serif;
color: #DEDEDE;
float: right;
}
.commentext {
padding: 0px 0px 0px 50px;
}
/* comment form */
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 2px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background:#F9F9F9;
border: 1px dotted #8D8D8D;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 580px;
background: #F9F9F9;
border: 1px solid #8D8D8D;
padding: 2px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
border-left: 1px solid #CCCCCC;
border-right: 1px solid #999999;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #999999;
background: #F9F9F9;
font: bold 12px Arial, Helvetica, sans-serif;
color: #666666;
float: right;
width: 144px;
height: 28px;
cursor: pointer;
}
/* Quicktags */
#quicktags {
margin-top: 4px;
margin-bottom: 0px;
}
#quicktags input {
background: #f9f9f9;
border: 1px solid #aaaaaa;
font-size: .9em;
color: #666;
font-family: Arial, Helvetica, sans-serif;
width: auto;
margin: 1px 2px 0px 0px;
padding: 0px 1px 0px 1px;
}
#quicktags input:hover {
border: 1px solid #4E79A2;
}
/* ------------ */
/* END COMMENTS */
/* ************ */
/* ******* */
/* SIDEBAR */
/* ------- */
#sidebar {
float: right;
margin-top: 191px;
margin-right: 100px;
margin-bottom: 50px;
border: solid 1px color #000;
}
#sidebar h1 {
display: block;
text-align: center;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 2.8em;
font-weight: bold;
color: #DDDDDD;
padding-bottom: 5px;
letter-spacing: -3px;
border: 1px solid #FFFFFF
}
/* ******************* */
/* MOOTOOLS TABBED BOX */
/* ------------------- */
.tabbed_box {
padding: 8px;
border: 1px solid #EEEEEE;
width: 371px;
margin-right: 12px;
margin-left: 13px;
}
#tabMenu {
display: block;
height: 30px;
}
#tabMenu ul {
margin: 0px;
padding: 0px;
height: 30px;
}
#tabMenu ul li {
margin: 0px;
display: inline;
float: left;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-transform: uppercase;
height: 30px;
}
#tabMenu ul li a {
border-right: 1px solid #363834;
color: #808080;
display: block;
text-decoration: none;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.9em;
font-weight: bold;
height: 29px;
margin-right: 2px;
margin-top: 2px;
background-color: #CCCCCC;
border-right-color: #CCCCCC;
}
#tabMenu ul li a.active {
margin-top: 1px;
background-color: #EEEEEE;
color: #666666;
}
#tabMenu ul li a.active:hover {
}
#tabMenu ul li a:hover {
height: 29px;
margin-top: 1px;
color: #333333;
}
#tabContent {
margin: 0px;
padding: 10px;
position: relative;
float: left;
width: 350px;
background-color: #EEEEEE;
border-right-style: solid;
border-bottom-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
#tabContent .content {
display:none;
}
#tabContent .active {
display:block;
}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 {
display: none;
}
#sidebar #tabContent h1 {
font-size: 2.5em;
color: #666666;
}
#sidebar #tabContent h1 a {
color: #666666;
}
#sidebar #tabContent h1 a:hover {
color: #990000;
text-decoration: none;
}
#tabContent h4 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1em;
font-weight: bold;
color: #990000;
}
#tabContent p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: justify;
line-height: 1.2em;
color: #c1147f;
margin-top: 10px;
}
#tabContent a {
color: #990000;
}
#tabContent a:hover {
text-decoration: underline;
}
#tabContent ul {
margin: 0px;
padding: 10px 5px 0px 5px;
}
#tabContent ul li {
list-style: none;
border-bottom: 1px solid #d6dde0;
padding-bottom: 8px;
font-size: 1em;
border-bottom-color: #676767;
border-bottom-style: solid;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 8px;
}
#tabContent ul li a {
text-decoration: none;
color: #c1147f;
font-weight: bold;
}
#tabContent ul li a:hover {
text-decoration: none;
color: #566db1;
}
#tabContent ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
#tabContent ul li:last-child {
border-bottom:none;
padding-bottom: 0px;
}
#searchBox input#s {
border: 1px solid #666666;
width: 290px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.9em;
vertical-align: middle;
}
/* ******************* */
/* MOOTOOLS TABBED BOX */
/* ------------------- */
/* Two Column Sidebar */
#barLeft {
width: 220px;
float: left;
margin-left: 15px;
margin-top: 15px;
}
#barRight {
width: 225px;
float: right;
margin-right: 10px;
margin-top: 15px;
font-size: 0.8em;
}
#sidebar h3 {
font-size: 1.2em;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000000;
width: 100%;
padding-bottom: 4px;
margin-bottom: 4px;
padding-top: 8px;
}
.sidebar input#s {
width:7em;
}
#sidebar ul {
font-family: Arial, Helvetica, sans-serif;
}
#sidebar li {
list-style: none;
margin: 0 0 10px 0;
}
#sidebar li form {
margin:0.2em 0 0;
padding:0;
}
#sidebar ul ul {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
list-style-type: none;
}
#sidebar ul ul li {
padding: 7px 5px 7px 6px;
list-style: none;
margin-bottom: 0px;
font-size: 0.9em;
width: 175px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}
#sidebar ul ul li:hover {
background-color: #EEEEEE;
color: #666666;
}
#sidebar ul ul li p {
font-size: 0.8em;
color: #CCCCCC;
padding-top: 5px;
}
#sidebar ul ul li a {
color: #4257A3;
}
#sidebar ul ul li a:hover {
color: #71b44b;
text-decoration: none;
}
#sidebar ul ul li:last-child {
border-style: none;
}
#sidebar ul ul ul {
margin:0 0 0 0.5em;
}
#sidebar ul ul ul li {
}
#searchform input#s {
border: 1px solid #666666;
width: 183px;
height: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 0.9em;
vertical-align: middle;
}
.recentcomments a {
display:inline !important;
padding: 0 !important;
margin: 0 !important;
}
.recentcomments {
color:silver;
}
/* ----------- */
/* END SIDEBAR */
/* *********** */
/* ****** */
/* FOOTER */
/* ------ */
#footer {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #808080;
margin-right: 40px;
padding-bottom: 15px;
margin-top: 20px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #EEEEEE;
}
#footer p {
margin-right: 20px;
}
/* ---------- */
/* END FOOTER */
/* ********** */
# header #access{
h2.entry-title,#blog-title a,h2.page-title,h3.entry-title{
font-family: 'ITC Avant Garde Gothic Std','URW Gothic L','Century Gothic', 'Avant Garde', 'Trebuchet MS', sans-serif;
}
text-align:left;
}
#menu ul{
overflow:hidden;
text-align:left;
}
#menu li{
display:inline;
padding:10px;
border-left:1px solid #BBC1BC;
line-height:1.1;
}
#menu li:first-child{
border-left:none;
}
#menu li a{
color:#868F83;
text-decoration:none;
font-size:120.5%;
}
#menu li a:hover{
color:#555;
}
/************************************************
* Navbar *
************************************************/
#navbar {
background: #ffffff;
width: 700px;
height: 30px;
font-size:1.5em;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#navbarleft {
width: 980px;
float: left;
margin: -55px 10px 10px 5px;
padding: 0px;
border-bottom: 2px dotted #566db1;
}
#nav {
margin: 0px;
padding: 0px;
}
#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #000000;
display: block;
font-size: 17px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: none;
margin: 0px;
padding: 9px 11px 13px 8px;
}
#nav li a:hover, #nav li a:active {
background: #ffffff;
color: #71b44b;
margin: 0px;
padding: 9px 11px 13px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 150px;
color: #c1147f;
font-size: 12px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight: normal;
text-transform: none;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#nav li li a:hover, #nav li li a:active {
background: #566db1;
color: #FFFFFF;
padding: 7px 10px 7px 10px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#nav li li {
}
#nav li ul a {
width: 140px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
/************************************************
* SubNavbar *
************************************************/
/** #subnavbar {
background: #ffffff;
width: 960px;
height: 24px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 5px 0px 0px;
padding: 6px 13px 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background: #ffffff;
color: #000000;
display: block;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 6px 13px 6px 13px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #ffffff;
width: 150px;
float: none;
margin: 0px;
padding: 6px 10px 6px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #ffffff;
margin: 0px;
padding: 6px 10px 6px 10px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}
#subnav li ul a {
width: 150px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -25px 0 0 171px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover1 {
position: static;
} **/
.textwidget {
border: 0px solid #000000;
background-color: #FFFFff;
padding: 5px 10px 0px 10px;
margin-right: 0px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
margin-left: 100px;
font-size: 10px;
color: #000000;
}
#entry-content-long {
min-height: 1000px;
}
.ad {
text-align: left;
padding: 10px 10px 10px 10px;
width: 500px;
margin-bottom: 10px;
}
#content .normal a h3 {
font-size: 16px;
}