/*
THEME NAME: Simple
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Two-column with sidebar on left from the /examples/ folder */
@import url('css/reset.css');
/* ---------- @ HTML Elements -----------*/
body {
line-height: 1;
}
* {
margin: 0;
padding: 0;
}
img#wpstats{width:0px;height:0px;overflow:hidden}
body, html {
min-height:101%;
}
a img, fieldset {
border:none
}
*:focus {
outline:none
}
em { font-family: Georgia, "Times New Roman", Times, serif; }
abbr, acronym {
letter-spacing: .1em;
font-style: normal;
border-bottom: 1px dotted #535253;
cursor: help;
text-decoration: none;
}
:hover>abbr,
:hover>acronym {
color: #fff !important;
text-decoration: none;
border-bottom: none;
}
input {
color: #333;
font: 1.1em/1.45em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
ul, li { list-style: none; }
p {
margin: 13px 0 0;
}
.entry-title,.entry-meta {
clear:both;
}
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform em { font-style: italic; font-weight: bold; }
form#commentform span.required {
color:#CD591B;
font-weight: bold;
vertical-align: middle;
font-size: 18px;
}
form#commentform,form#commentform p {
padding:0;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
width:283px;
padding:5px 0 0 4px;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
.alignright,img.alignright {
float:right;
margin: 1em 0 0 1em;
}
.alignleft,img.alignleft {
float:left;
margin: 1em 1em 0 0;
}
.aligncenter,img.aligncenter {
display:block;
margin: 1em auto;
text-align:center;
}
div.gallery {
clear: both;
height: 180px;
margin: 1em 0;
width: 100%;
}
p.wp-caption-text {
font-style: italic;
}
div.gallery dl {
margin: 1em auto;
overflow: hidden;
text-align: center;
}
div.gallery dl.gallery-columns-1 {
width: 100%;
}
div.gallery dl.gallery-columns-2 {
width: 49%;
}
div.gallery dl.gallery-columns-3 {
width: 33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width: 19%;
}
div#nav-above {
margin-bottom: 1em;
}
div#nav-below {
margin-top: 1em;
margin-bottom: 1em;
}
div#nav-images {
height: 150px;
margin: 1em 0;
}
div.navigation {
}
div.navigation div.nav-next {
float: right;
text-align: right;
}
div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}
input#author,input#email,input#url,div.navigation div {
width:50%;
}
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
code {
font-family: Consolas, Monaco, "Courier New", Courier, monospace;
background-color: #F5F5F5;
border: 1px solid #DEDEDE;
padding: 11px 22px !important;
}
/* ==================================================================================================
=EXTENDING THE SANDBOX
==================================================================================================*/
body {
margin:0 auto;
font: 12px/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
color: #0f0f0f;
background: /*#F1EEDA*/ #1b1b1b url(images/wrap_bg.jpg) top center no-repeat;
}
.wrap { background: url(images/body_bg.jpg) repeat-x 0 0; }
a { color: #29A6DE; /* #1695A3; */ text-decoration: none; }
a:hover { color: #f7941d;}
/* -------------------------------------------------------------
HEADING ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-family: 'Lucida Grande','Lucida Sans Unicode',Arial;
}
h1 { font-size: 4em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.5em; margin-bottom: 0; }
h3 { font-size: 2em; line-height: 1.4em; margin-bottom: 0.5em; }
h4 { font-size: 1.35em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
/* -------------------------------------------------------------
GLOBAL CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.box,
.box2 {
background: #cec6b6;
margin: 0 0 15px 0px;
padding:18px;
}
.box2 { background: #cec6b6 url(images/box-bgr.png) repeat-x top; }
.box ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.box ul,
.box dt,
.box dt {
font-size: .96em;
line-height: 1.6;
font-family:Arial, Helvetica, sans-serif;
}
.box dt {
margin: 10px 0 10px 0;
padding: 3px 18px 10px 0;
}
.box a {
color: #222;
}
.box li.no-square,
.bullets li.no-square {
list-style-type: none !important;
background: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.box a.archives {
margin-left: 10px;
color: #111;
}
.box a.archives:hover {
text-decoration: underline
}
.fr {
float: right;
}
.fl {
float: left;
}
.drop {
float: left;
font: 2.7em Georgia, "Times New Roman", Times, serif;
line-height:110%;
margin: 2px 7px 0 0;
width:30px;
text-align:center;
color: #222;
}
ul.bullets li {
margin-bottom: 5px;
line-height: 1.7;
margin-left: 22px;
}
big {
float: right;
margin: 20px 38px 50px 0;
padding: 0;
color: #E26A00;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 60px;
letter-spacing: -7px;
clear: both;
}
.more {
font-size: 11px;
padding: 0;
}
.more a {
color: #000;
font-weight: bold;
background:url(images/icons/bla_bullet.png) .5em 50% no-repeat;
padding: 0px 0 0 24px;
}
.more a:hover {
text-decoration:none !important;
color:#eee;
background-color: #1695A3;
}
/* -------------------------------------------------------------
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a.skip-link {
position: absolute;
top: 0;
height: 6px;
left: 0;
width: 100%;
overflow: hidden;
display: block;
z-index:100;
text-decoration: none;
font-weight: bold;
}
a.skip-link:hover {
height: 25px;
padding: 5px 0 5px;
overflow: hidden;
border: 0px solid #fff;
background: #EB7F00;
z-index:150;
}
a.skip-link span {
width: 118px;
height: 30px;
display: block;
overflow: hidden;
margin: 0 auto;
display: none;
cursor: pointer;
color: #fff;
}
a.skip-link:hover span {
display: block;
}
#wrapper {
width: 960px;
margin: auto;
overflow: hidden;
}
#top {
clear: both;
height: 25px;
margin: 0 auto;
padding: 5px 0 0 0;
font-size: 11px;
font-family: Georgia, "Times New Roman", Times, serif
}
#nav1 {
font: bold .9em Trebuchet MS, Arial, sans-serif;
float:left;
letter-spacing:0.1em;
line-height: 1.4;
}
#nav1 li {
float:left;
margin-right: 14px;
background:none;
display: inline;
margin-left: 0px;
}
#nav1 a, #nav a:visited,
#nav1 li.current_page_item a, #nav1 li.current_page_item a:visited {
display: block;
padding: 3px 7px;
color: #aaa;
line-height: 1.4;
text-transform: uppercase;
font-weight:bold;
-moz-border-radius: 3px;
}
#nav1 a:focus, #nav1 a:active, #nav1 a:hover {
background-color: #666666;
outline: none;
color: #fff;
}
#nav1 li.current_page_item a, #nav1 li.current_page_item a:visited {
background-color: #1695A3;
outline: none;
color: #fff;
}
#header .spacer {
float: right;
font-size: 11px;
padding: 37px 0px 0 0;
text-align: right;
}
#header .spacer p {
clear: both;
}
/*- Subscribe -*/
.subscribe {
color: #aaa;
margin-right: 0;
}
.subscribe a { color: #f7941d; }
.subscribe a:hover { text-decoration:underline; }
#header {
height: 125px;
margin: 0 auto;
padding: 0;
width: 100%;
position: relative;
}
#container {
/* display:inline;
float:left;
margin-left:10px;
margin-right:10px;
overflow: hidden;*/
clear: both;
}
/* .page-template-sitemap-php #container {
padding: 0 27px 20px 27px;
overflow: hidden;
background: #fff;
}*/
#content {
margin-bottom: 2em; /* display:inline;float:left;margin-right:10px;*/
}
.left-content {
padding: 0; float:left;
}
#side {
margin-top: 38px;
/* float: right;
width: 360px;
display: inline;
margin: 0 -455px 0 0;
position: relative;
background:url(images/side_bg.jpg) no-repeat 100% 0;*/
}
/* -------------------------------------------------------------
HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header a#logo, #header h1#logo {
height: 124px;
overflow: hidden;
display: block;
margin: 0;
position: absolute;
top: 1px;
left: 25px;
padding-top: 15px;
background: url(images/logo_bg.png) no-repeat;
}
h1.logo a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background-color: #fff;
}
#header h1.logo a img {
text-indent: 0;
}
/* Date
- - - - - - - - - - - - - - - - - - - - */
#side #date {
padding: 0;
width: 260px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 33px;
color: #6CACAC;
text-transform: uppercase;
text-align: right;
letter-spacing: -2px;
margin: 5px 20px 20px 0;
padding: 6px 0 0 0;
line-height: 1em;
}
#side #date div {
font-size: 11px;
letter-spacing: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1em;
color: #ddd;
background-color: #000;
width: 38px;
text-align: center;
float: right;
padding: 4px 0;
margin: 0 0 0 6px;
border: 1px solid #000;
-moz-border-radius: 3px;
}
/* -------------------------------------------------------------
TOP MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#topmenu {
position:relative;
height: 33px;
margin: 0 0 9px 0;
margin: 0 auto;
}
#topmenu li {
border-left: 1px solid #4F483B;
float: left;
line-height: 33px;
}
#topmenu li a {
color: #333;
display: block;
margin: 0 1px 0 0;
padding: 0 15px;
font-weight: bold;
}
#topmenu li a:hover,#topmenu li.active a {
color: #fff;
text-decoration: none;
}
#nav2, #nav2 ul {
padding: 0;
float:left;
list-style: none;
}
#nav2 {
padding: 0;
padding-top: 4px;
}
#nav2 a {
display: block;
}
#nav2 li {
float: left;
line-height: 33px;
}
#nav2 li a:hover {
background: none;
}
#nav2 li ul {
position: absolute;
width: 15em;
left: -999em;
padding-top: 5px;
}
#nav2 li:hover ul {
left: auto;
z-index:1000;
}
#nav2 li ul li {
background: #fff url(images/nav_hover.jpg) repeat-x top;
border: 1px solid #4F483B;
border-width: 0 1px 1px 1px;
line-height:28px;
width:15em;
}
#nav2 li:hover, #nav2 li.hover {
position: static;
}
#nav2 li ul ul {
margin: -29px 0 0 15em;
padding-top: 1px;
}
#nav2 li:hover ul ul {
left: -999em;
}
#nav2 li:hover ul {
left: auto;
}
#nav2 li:hover ul ul,
#nav2 li:hover ul ul ul {
left: -999em;
}
#nav2 li:hover ul,
#nav2 li li:hover ul,
#nav2 li li li:hover ul {
left: auto;
}
#breadcrumbs {
margin: 1em 0 .5em .5em;
text-transform:uppercase;
font: .9em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
color: #fff;
display: block;
height: 24px;
padding: 7px 0 0 94px;
background: url(images/browse.png) 0 0 no-repeat;
}
#breadcrumbs a { color: #fff; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs strong { color: #fff; font-weight: bold; letter-spacing: 0.1em; }
#rss {
margin: 0;
padding: 0;
position: absolute;
top:-27px;
right: 0;
height: 70px;
width: 410px;
display: inline;
float:right;
}
/* -------------------------------------------------------------
LEFT-CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.left-content .box {
border: 1px solid #DCD5C6;
width: 545px;
background: #DCD5C6 url(images/boxes-bg.jpg) repeat-x;
}
#content .entry-title,
#content h2.page-title {
font: 40px Georgia, "Times New Roman", Times, serif;
line-height: 100%;
letter-spacing: -2px;
color: #111;
padding-bottom: 0.2em;
border-bottom: 1px solid #111;
width: 545px;
}
#content h2.page-title {
border-bottom: 4px double #111 !important;
}
#content .entry-title a,
#content h2.page-title a {
color: #111;
}
#content .entry-title a:hover {
text-decoration: underline;
}
#content h2.page-title {
margin-bottom: .2em;
}
div.post .entry-content a {
text-decoration:underline;
color:#000;
font-weight: bold;
}
div.post .entry-content a:hover {
text-decoration:none;
color:#eee;
background: #1695A3 url(images/header_v.png) repeat;
}
#postmeta {
margin: 2px 0 20px;
position: relative;
float: left;
clear: both;
height: 50px;
}
#postmeta ul {
border-top: 1px solid #111;
position: relative;
list-style: none;
width: 545px;
display: block;
}
#postmeta ul li {
position: relative;
top: 0;
float: left;
display: block;
padding: 8px 0 8px 10px;
margin-bottom: 26px;
height: 30px;
}
#postmeta ul .date {
width: 122px;
margin-right: 9px;
left: 0;
}
#postmeta ul .comments {
width: 122px;
margin-right: 9px;
border-left: 1px solid #111;
left: 0px;
}
#postmeta ul .comments span {
padding-left: 70px;
}
#postmeta ul .comments strong {
margin-bottom: -3px;
}
#postmeta ul .comments em {
padding-left: 22px;
font-size: 18px;
background: transparent url(images/comment-bg.png) 0 4px no-repeat;
}
#postmeta strong {
color: #666;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
margin-bottom: -1px;
}
#postmeta ul a:link strong,
#postmeta ul a:visited strong {
color: #666;
}
#postmeta ul em {
font-style: normal;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
font-weight: bold;
}
#postmeta span a:link,
#postmeta a:link em,
#postmeta span a:visited,
#postmeta a:visited em {
color: #333;
}
#postmeta ul span {
font-size: 16px;
font-weight: bold;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}
#postmeta ul .prev {
width: 115px;
margin-right: 0;
padding-top: 10px;
border-left: 1px solid #111;
text-transform: uppercase;
left: 0px;
}
#postmeta ul .next {
width: 115px;
padding-top: 10px;
padding-right: 10px;
margin-right: 0px;
text-align: right;
border-left: 1px solid #111;
text-transform: uppercase;
left: 0px;
}
#postmeta ul .next:hover,
#postmeta ul .prev:hover {
background: url(images/header_v.png) repeat;
}
#postmeta ul .next a span,
#postmeta ul .prev a span {
letter-spacing: 0.2em !important;
font-size: 18px;
font-weight: normal !important;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
}
.entry-thumb {
float:left;
margin: 10px 10px 0 0;
display: block;
border: 1px solid #5b5b5b;
padding: 0;
}
.entry-content img {
border: 1px solid #5b5b5b;
padding:0;
}
.entry-thumb img {
padding:0;
}
.entry-content .img {
background: transparent url(images/blank.jpg) repeat scroll 0% 0%;
width: 540px;
overflow: hidden;
border: 1px solid #5b5b5b;
padding:0;
}
.entry-content .img img {
padding:0;
border: 0;
}
.entry-content {
margin: 10px 0 0 0;
min-height: 4em;
height: auto !important;
height: 4em;
}
.left-content .entry-content h3 {
font: 35px Georgia, "Times New Roman", Times, serif;
line-height: 100%;
letter-spacing: -2px;
color: #111;
padding: 0.1em 0 0.2em 0.2em;
width: 540px;
background: url(images/header_v.png) repeat;
}
.left-content .entry-content ul {
margin: 0 0 30px 0;
padding: 0 10px;
list-style: none;
overflow: hidden;
}
.left-content .entry-content ul li {
float: left;
text-transform: uppercase;
letter-spacing: 1px;
padding: 10px 5px 10px 16px;
background: url(images/icons/bullet.png) 0 1em no-repeat;
}
.entry-content h2 {
margin: 20px 0 0;
font: 28px Helvetica, Arial, Calibri, sans-serif;
padding-bottom: 0;
background: url(images/header_v.png) left top repeat-x;
}
.entry-content p {
padding-right: 0px;
margin: 0 .2em 15px 0;
line-height: 1.6;
font-size: 1.2em !important;
font-size: 12px;
}
.left-content .entry-content p em {
font-style: italic;
font-size: 110%;
font-family: Georgia, "Times New Roman", serif;
}
.indexing {
padding: 0.1em 0 0.5em 0;
border-top: 4px double #111;
width: 545px;
clear: both;
display: block;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
}
.indexing a {
font-weight: bold !important;
text-transform:uppercase;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
}
.indexing a:hover {
text-decoration: underline;
}
#content .lead-feature h2.lead-feature-title {
display: block;
font-weight: normal;
font-size: 1.2em;
padding: .2em .2em .2em 0;
color: #222;
line-height: 1.4;
text-transform: uppercase;
}
#content .lead-feature .entry-thumb {
overflow: hidden;
float: none;
margin-bottom: 1.5em;
margin-right: 0px;
}
#content .lead-feature .postmetadata { margin-bottom: 1.5em; }
#content .lead-feature .entry-title { padding-bottom: 0; }
#ribbon {
width:138px;
height:138px;
float:right;
}
.featured-img {
background: transparent url(images/blank.jpg) repeat scroll 0% 0%;
max-width: 560px;
overflow: hidden;
border: 1px solid #5b5b5b;
}
#content .lead-feature .drop {
background: #1695A3;
color: #fff;
padding: 3px 4px;
width: 50px;
font: 3.8em Georgia, "Times New Roman", Times, serif;
line-height:100%;
margin:6px 8px 0 0;
text-align:center;
border: 1px solid #222;
}
span.continue-archives {
background: url(images/icons/arrow.gif) no-repeat right center !important;
display:block;
padding: 0px 15px 0px 0px;
margin-bottom:20px;
font-family:Georgia, "Times New Roman", Times, serif;
}
span.continue-archives-alt {
background: url(images/icons/arrow.gif) no-repeat right center;
padding: 0px 0 0px 15px;
margin-bottom:20px;
}
span.continue-archives a, span.continue-archives-alt a {
color:#1695A3;
font-weight:bold;
font-size:14px;
}
span.continue-archives a:hover {
text-decoration: underline;
}
/* -------------------------------------------------------------
SEARCH FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#searchBox {
height: 153px;
width: 400px;
position: absolute;
top: 21px;
right: 25px;
z-index:1000;
background:url(images/search-bg.png) no-repeat top left;
}
#searchBox #searchform input.button {
padding: 2px 2px;
background: none !important;
color: #FFF;
border: 0;
font: italic 15px Georgia;
font-weight: bold;
cursor: pointer;
width:59px;
height:59px;
border:none;
background:url(images/buttons/searchbtn.png) no-repeat top right;
position:absolute;
right:25px;
top:47px;
}
#searchBox #searchform #s {
width: 180px;
border: 0 /*1px solid #ddd*/ ;
font-weight: normal;
margin: 0.4em 0;
padding: 3px 5px;
padding-left: 18px;
font: normal 14px Georgia;
color: #bbb6ac;
position:absolute;
left:65px;
top:60px;
background:none;
line-height:28px;
display:block;
}
/* -------------------------------------------------------------
SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#side .box {
background: #ABA08A url(images/boxes-bg2.jpg) repeat-x;
border: 1px solid #ABA08A;
padding: 0;
}
#side .box a:hover { text-decoration: underline; }
#side h2 {
display: block;
color: #fff;
text-transform:uppercase;
font: 1.2em Georgia, "Times New Roman", Times, serif ;
letter-spacing:0.1em;
font-size: 12px;
line-height: 20px;
font-weight: normal;
margin: 0 0 5px 0;
padding: .2em 0;
}
#side h3 {
margin: 0.3em 0 0.4em 0;
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #202020;
}
#side h3 a {
color: #fff;
}
#side .box p {
padding: 0 0 10px;
}
#side .drop {
font: 2.6em Georgia, "Times New Roman", Times, serif;
line-height:1;
margin: 1px 4px 0 0;
width:25px;
text-transform: uppercase;
}
#primary {
margin-top: 20px;
}
#primary,
#secondary {
margin: 0;
overflow: hidden;
}
#secondary {
margin: 0;
}
#primary .wrap,
#secondary .wrap,
.left-content .lower .blue {
border: 1px solid #000;
background: #225378;
margin-right: 0;
padding:18px;
margin-bottom: 15px;
}
#primary .more-posts {
margin-bottom: 1.5em;
}
#primary .left,
#secondary .left {
float: left;
}
#primary .right,
#secondary .right {
float: right;
}
.bullets li {
list-style-type: none;
margin: 10px 0 10px 10px;
line-height: 1.5;
padding-left: 22px;
font-family:Arial, Helvetica, sans-serif;
background: url(images/icons/bla_bullet.png) left center no-repeat;
}
.blue .bullets {
margin:0;
padding:0;
list-style-type: none;
}
.blue .bullets li {
list-style-type: none;
margin: 0;
padding: 1px 0 0 20px;
background: url(images/icons/bl_bullet.png) 0 4px no-repeat;
font-size:110%;
line-height: 1.6;
color: #ccc;
}
.blue .bullets li a {
color: #29A6DE !important;
}
.blue .bullets li a:hover {
color: #E9E2D3 !important;
}
.bullets li a {
color: #222;
}
.bullets li a.archives {
color: #f7941d !important;
}
.bullets li a:hover {
text-decoration: underline;
}
#primary .left .box,
#primary .left .box ul,
#primary .left .box dl {
width: 122px;
}
#primary .left dl.box {
padding: 0 !important;
width: 158px;
}
#recent { }
.featured-links li {
margin: 0;
padding: 0;
}
.featured-links li div {
margin: 0;
padding: 10px;
font-size: 12px;
border-bottom: #00425F 1px solid;
line-height: 1.4;
}
.featured-links li div a {
font-size: 11px;
}
.featured-links li div h3 a {
font-size:0.95em;
font-weight: bold;
color: #000 !important;
}
.featured-links li div h3 a:hover {
text-decoration: underline;
}
.recent-com {
clear: both;
padding: 18px;
}
.recent-com .box dl {
padding: 10px 5px 0 5px;
margin: 10px 0;
line-height: 1.7;
display: block;
}
.recent-com .box dt {
margin-top: 1px;
width: 110px;
float: left;
clear: both;
padding-left: 10px;
}
.recent-com dt a {
font-weight: bold;
font-size: 14px;
padding-right: 0;
}
.recent-com dd {
background: url(images/icons/bg_recentcomment.png) 0.5em 0.3em no-repeat;
float: left;
line-height: 1.3;
font-size: .9em;
padding: 0 5px 2px;
padding-left: 20px;
width: 125px;
font-weight: bold;
float: right;
}
.recent-com dd a {
font-weight: normal !important;
}
ul.star li {
margin: 0.3em 0 0.4em 0;
background: url(images/icons/star.png) 0 .1em no-repeat;
padding-left: 20px;
}
.list1 li {
background: #aba08a;
border: 1px solid #444;
margin: 0 0 5px;
padding: 6px 10px;
}
.list1 li a {
padding-left: 22px;
font-family:Arial, Helvetica, sans-serif;
background: url(images/icons/bla_bullet.png) left center no-repeat;
color: #111;
}
.list1 li a:hover { text-decoration: underline; }
#pop-topics {
clear: both;
}
#pop-topics h3 { display: none; }
#pop-topics .st-tag-cloud {
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
font-size: .91em;
padding: 18px;
}
#pop-topics .st-tag-cloud a:hover {
color: #000 !important;
text-decoration: underline!important;
}
/* -------------------------------------------------------------
RIGHT CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -------------------------------------------------------------
FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
clear: both;
background: #000 url(images/footer.jpg) repeat-x;
position: relative;
min-height: 120px;
padding: 0.5em 0 2em;
color: #58554a;
border-top: 0.1em solid #29A7DF;
margin-top: 1.5em;
}
#footer a, #footer a:visited { color: #b3af9e; text-decoration: none; }
#footer a:hover {color: #f1eeda; text-decoration: underline; }
#footer .container {
font-size:.92em;
line-height:1.4;
padding: 1em 27px;
height: auto !important;
height: 76px;
min-height: 76px;
}
#footer .backtotop {
position:relative;
text-align:right;
padding-right:0px;
z-index:100;
margin-top:-25px;
line-height:1.3;
}
#footer .backtotop a {
padding: 4px 5px;
background-color: #1695A3;
color: #fff;
border-color: #111;
font: bold .9em Trebuchet MS, Arial, sans-serif;
text-transform: uppercase;
font-weight:bold;
-moz-border-radius: 3px;
}
#footer .backtotop a:hover {
background-color: #EB7F00;
color: #fff;
border-color: #EB6D07;
text-decoration:none;
}
/* -------------------------------------------------------------
ARCHIVES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.post-list {
width: 580px;
overflow: hidden;
position: relative;
z-index: 101;
margin: 0 0 -1px 0;
padding:0;
list-style: none;
}
.post-list li {
font-size:12px;
padding: 5px 0px;
margin: 0 !important;
}
.post-list li.clear:hover,
.post-list li.clear {
width: 100% !important;
overflow: hidden !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
border:none !important;
}
* html .post-list li.clear {
margin: -18px 0 0 !important;
}
.post-list li .entry-thumb {
float:left;
margin: 5px 12px 0 4px;
padding: 0;
display: block;
}
.post .postmetadata,
.post .indexing {
width: 100%;
overflow: hidden;
color: #111;
margin: 0;
font-size: .85em;
}
.postmetadata {
text-transform:uppercase;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
background: url(images/meta_v.png) left bottom repeat-x;
padding: 8px 0 20px 0;
border-top: 1px solid #111;
margin: 2px 0 0 0;
color: #111;
}
.postmetadata em {
text-transform:none;
font-family:Georgia, "Times New Roman", Times, serif;
}
.post-list h3 {
padding-bottom: 0;
padding-top: 2px;
font:2em Helvetica, Arial, sans-serif;
margin: 0px 10px 0 0;
line-height: 1em;
}
#content .post-list h3 a:link,
#content .post-list h3 a:visited {
color:#111;
text-decoration: none;
border: 0;
font-size: 0.9em;
background:none;
font-weight: bold;
padding-bottom: 0;
}
#content .post-list h3 a:visited:focus,
#content .post-list h3 a:focus {
color: #5c5c5c;
text-decoration: none;
}
#content .post-list h3 a:visited:active,
#content .post-list h3 a:active {
background-color: #E9E2D3;
color: #555;
text-decoration: none;
}
#content .post-list h3 a:active {
text-decoration: underline;
}
.post-list p {
margin:0 10px 0 0;
font-size:.95em;
color:#444;
line-height:1.45em;
}
.post-list .indexing {
clear: both;
display: block;
text-transform:uppercase;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
border-top: solid 1px #111;
border-bottom: solid 1px #111;
padding: 8px 0 5px 0;
margin: 10px 0 0 0;
}
.post-list .indexing a {
font-size: .95em;
color: #202020;
}
.post-list .indexing .comments-link {
float: right;
margin: -12px 10px 0 0;
font-size: .76em;
}
.archive-list { margin: 0; padding: 0; }
.archive-list li {
width:145px;
float:left;
height:55px;
font-size:1em;
margin: 0 6px 0 25px;
line-height:140%;
list-style-type: none;
}
.archive-list li a {
color: #000;
font:1em Georgia, "Times New Roman", Times, serif;
padding-left: 16px;
font-weight: bold;
background: url(images/icons/bullet.png) 0 .2em no-repeat;
}
.archive-list li a:hover { text-decoration: underline; }
.archive-list li .commentcount {
}
#main-archives .left-content h3 {
margin: 20px 0 20px;
font: 28px Helvetica, Arial, Calibri, sans-serif;
padding-bottom: 0;
background: url(images/header_v.png) left top repeat-x;
}
.indexing { display: block; }
#like_it_class {
background: #aba08a url(images/likeit-bg.jpg) no-repeat;
padding: 18px;
position:relative;
text-align: center;
margin: 0 0 20px;
}
#like_it_class h3 {
font: normal 2em Georgia, "Times New Roman", Times, serif;
color: #202020;
text-align: left;
margin-left: 57px;
}
#like_it_class ul {
width: 100%;
margin-bottom:15px;
position:relative;
font-size:12px;
line-height:19px;
color: #d9dde4;
margin-top: 72px;
font-family:Georgia, "Times New Roman", Times, serif;
}
li.social_delicious,
li.social_stumble,
li.social_digg,
li.social_technorati,
li.social_bookmark {
padding-left: 6px;
padding-right: 6px;
list-style: none;
display: inline;
margin: 0;
}
li.social_digg { padding-left: 0; }
/* here's the sitemap stuff: */
#dirshow {
left:1em;
position:absolute;
top:2em;
}
#dirshow a {
padding: 2px 3px;
text-decoration:none;
margin: 0;
color: #464646 !important;
background-color: #fff;
border-color: #225378;
font: italic 14px Georgia;
-moz-border-radius: 3px;
}
#dirshow a:hover {
border-color: #111;
color: #fff !important;
background: #EB7F00;
}
#sitemap {
font:normal 16px Arial,sans-serif;
overflow:hidden;
padding:1em 0;
width: 100%;
background: none;
}
#sitemap a {
color:#fff;
}
#sitemap a:hover {
color:#FFCFA0;
}
#sitemap ul {
list-style:none;
margin:0;
padding:0;
}
#sitemap li {
background-color:#225378;
margin:0 0 -0.01em;
min-height: 1em;
padding:.3em .4em;
position:relative;
width: 9.5em;
color:#fff;
}
#sitemap ul ul {
font-size:90%;
margin-top:-1.2em;
margin-bottom: -0.08em;
}
#sitemap ul ul li {
background:#1695A3;
border-left:0.5em solid #1B4361;
border-top:0.6em solid #161616 !important;
left: 11em;
}
#sitemap ul ul ul {
margin-top: -1.43em;
margin-bottom: -0.08em;
}
#sitemap ul ul ul li {
background:#9EDCDE;
border-color:#137E8A;
color:#1695A3;
margin-left: 0.01em;
}
#sitemap ul ul ul li a {
color:#1695A3;
font-weight: bold;
}
#sitemap ul ul ul li a:hover {
color:#fff;
font-weight: bold;
}
#sitemap ul ul ul ul {
margin-bottom: -0.18em;
}
#sitemap ul ul ul ul li {
background:#EB7F00;
border-color:#CF7000;
width:22em;
color:#FFCFA0;
}
#sitemap ul ul ul ul li a {
font-weight: bold;
color:#fff;
}
#sitemap ul ul ul ul li a:hover {
font-weight: bold;
color:#fff;
}
#sitemap ul ul ul ul ul li {
background:#666;
border-color:#900;
}
.lower .box { width: 240px !important;}
.lower .alpha, .lower .omega { width: 280px !important;}
.lower .omega {}
.left-content .lower .drop {
float: left;
font: 2.6em Georgia, "Times New Roman", Times, serif;
line-height: 21px;
margin: 6px 5px 0 0;
width: 20px;
text-align:center;
color: #222;
}
.lower .more { margin-left: 0;}
.lower h2 {
color: #202020;
margin: 0 0 5px 0;
padding: .2em 0;
font-size: 1.2em;
line-height: 1.3;
}
.lower h2 a, .lower h2 a:visited {
color: #202020;
text-transform:uppercase;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
}
.left-content .lower p {
line-height: 1.4em;
font-size: .89em;
margin: 0 0 .5em 0;
}
.lower h3.entry-title {
font-size: 1.7em !important;
font-weight: bold;
margin-bottom: 3px;
padding: 0px;
line-height: 16px;
letter-spacing: 1px !important;
width: 240px !important;
}
.lower .box img {
border: 1px solid #5b5b5b;
padding: 0;
margin-right: 10px;
}
.lower h4 {
line-height: 1;
margin: 0 0 0.5em 0;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.2em;
padding: 0 0 2px 0;
border-bottom: 4px double #00425F;
font-weight: normal;
color: #202020;
}
.lower h4 a {
color: #E9E2D3 !important;
}
/* -------------------------------------------------------------
COMMENT-FORM
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
form.comment-form {
width:100%;
margin: 10px 0;
padding:0 0 1px;
border: 3px solid #222;
border-width: 3px 0 3px 0;
}
form.comment-form fieldset {
padding: 0 22px 8px 19px;
border: 1px solid #222;
border-width: 0 1px 0 1px;
}
form.comment-form .form-label {
padding-right: 0px;
vertical-align: middle;
font: 1em 'Lucida Grande','Lucida Sans Unicode',Arial;
font-size: 1.1em;
text-transform:uppercase;
height: 22px;
line-height: 22px;
}
form.comment-form .allowed {
background: #ABA08A url(images/bg-line-h.gif) repeat-x 0 0;
width:100%;
margin: 17px 0 15px;
}
form.comment-form .allowed div {
background:url(images/bg-line-v.gif) repeat-y 0 0;
}
form.comment-form .allowed div div {
background:url(images/bg-line-h.gif) repeat-x 0 100%;
}
form.comment-form .allowed div div div {
padding: 10px 50px 10px 17px;
background:url(images/bg-line-v.gif) repeat-y 100% 0;
}
form.comment-form .allowed div div div div {
padding: 10px ;
background:none;
}
form.comment-form .allowed strong {
display:block;
padding: 0 0 5px;
font-weight: normal;
font: normal 14px Georgia;
}
form.comment-form input {
border: 0;
color: #000;
background: none;
font-weight: normal;
font: italic 15px Georgia;
margin: 0.4em 0;
padding: 4px 5px;
}
input#author,input#email,input#url,textarea#comment {
padding:0.2em;
width: 75%;
height:20px;
background: none;
}
form.comment-form textarea#comment {
height: 10em;
margin:0 0 0.5em;
overflow:auto;
width:95%;
border: 0;
background: none;
}
form.comment-form fieldset input.button {
margin: 0;
background-color:#225378;
color: #fff;
border-color: #111;
}
form.comment-form fieldset input.button:hover {
margin: 0;
background-color: #EB7F00;
color: #fff;
border-color: #EB6D07;
cursor:pointer;
}
form.comment-form fieldset,
form.comment-form,
form.comment-form fieldset input.button {
-moz-border-radius: 4px;
}
.form-field {
width:500px;
font-size:16px;
border-bottom: 1px dashed #666;
margin-bottom:10px;
}
.form-field input {
font-size:16px;
border:none;
background:none;
font-family:Georgia, "Times New Roman", Times, serif;
color:#e12b2d;
width:350px;
}
.form-field textarea {
font-size:14px;
border:none;
background:none;
font-family:Georgia, "Times New Roman", Times, serif;
width:500px;
border-top:1px solid #8f887d;
padding-top:5px;
padding-bottom:5px;
}
/* -------------------------------------------------------------
COMMENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#comments h3 {
font: 35px Georgia, "Times New Roman", Times, serif;
line-height: 100%;
letter-spacing: -2px;
color: #111;
padding: 0 0 0.2em 0.2em;
width: 540px;
background: url(images/header_v.png) repeat;
}
#comments h3.response {
padding: 15px 10px 34px 20px;
clear: both;
font-weight: normal;
color: #fff;
font: 28px Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
background: url(images/comment_header_bg.png) 0 0 no-repeat;
border-bottom: none;
}
div.comments ol {
clear: both;
margin:0;
width: 580px;
list-style-position: outside;
list-style: none;
font: 1.1em/2em Arial, Verdana, Arial, sans-serif;
padding-left: 0px;
}
div.comments ol li {
margin-left: 0;
margin-bottom: 1.5em;
width: 545px;
padding: 1px 0 13px 0;
line-height: 1.6em;
position:relative;
}
.comments ol li .count {
font: 20px Georgia, Helvetica, Arial;
position: absolute;
font-weight: normal;
width: 20px;
text-align: center;
left: 0;
margin: 1px 0 0;
color: #fff;
padding: 2px;
background: #666;
line-height: 1;
}
.comments ol li .count a {
color: #fff;
}
.comments ol li.alt .count {
background: #A79A87;
}
.comment-author {
font-size: 1.3em;
height: 30px;
line-height: 30px;
}
#comments .edit-link {
margin:0;
}
.comments ol .top {
padding: 3px 5px 3px 5px;
margin: 0;
border-bottom: 4px solid #666;
line-height: 30px;
}
.comments li .body { padding: 0 0 0px 40px; }
.comments ul .body {padding: 5px 23px 35px 54px;}
.comment .body p {
margin:10px 0 0;
}
.comments ol .top p {
padding: 3px 15px 3px 22px;
margin: 0px;
}
.comments .top {
height: 46px;
line-height: 30px;
}
.comments ol .top .avatar { position: absolute; top: 1px; right: 1px; padding-bottom: 5px;}
.fn {
font-size:22px;
font-family: Georgia;
margin-left: 5px;
}
.comment-author-artfullyme .count {
background: #225378 !important;
}
.comment-author-artfullyme {
color: #225378 !important;
}
/*///////////////////////////////////// experimenting ///////////////////////// */
.box .spacer.white {
background: #fff;
border: 1px solid #dedbd1;
clear: both;
margin: 0px;
}
.box .flickr_badge_image img {
float:left;
background: #ffffff;
border: 1px solid #dedbd1;
margin: 4px 9px 4px 0px;
padding: 7px;
}
.box .flickr_badge_image img:hover{
background: #ebe9e1;
border: 1px solid #dedbd1;
}
.container_12,
.container_16{
margin-left:auto;
margin-right:auto;
width:960px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
.grid_5 {
margin-left:10px;
margin-right:10px;
}
.container_12 .grid_6,.container_16 .grid_8 {width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
/* ==================================================================================================
=CLEAR FLOATS
==================================================================================================*/
.container:after,
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }
.gallery_demo:after,
#archive-list:after,
.entry-content blockquote:after,
.wrap:after,
.recent-com dl:after,
#wrapper:after,
#header-container:after,
#postmeta:after,
#like_it_class:after,
.flickr:after,
#subscribe li:after,
.lower:after,
form#contact_form:after,
#footer:after,
.clear:after, #content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clear { height: 1%; }
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width:0; height:0;
}
.clear { display: block; }
#quotes {
width: 206px;
height: 222px;
background:url(images/quotes-bg.png);
position: absolute;
top: 11px;
left: -175px;
z-index:1001;
color:#ccc;
font-size: .98em;
font-family:Arial, Helvetica, sans-serif;
}
#quotes .quotescollection_randomquote {
position:relative;
margin-left:30px;
line-height: 1.5;
margin-top:50px;
width:155px;
}
#quotes .quotescollection_nextquote a {
display:block;
height:20px;
line-height: 1.7;
background:url(images/buttons/next-quote.png) no-repeat top left;
margin-left: 30px;
margin-bottom: 5px;
padding-left: 20px;
}
#quotes .quotescollection_nextquote a:hover {
background:url(images/buttons/next-quote.png) no-repeat bottom left;
}
#quotes .quotescollection_randomquote cite {
display: none;
}
/*Contact Form*/
#home #contactform {
width:295px;
padding: 11px 0px 5px 0;
}
#home #contactform legend {
display:none
}
#home #contactform fieldset {
border: 1px solid #111;
border-width: 3px 1px 3px 1px;
-moz-border-radius: 4px;
padding: 10px;
}
#home #contactform h3 {
margin-bottom:9px;
color: #fff;
}
#home #contactform input#submit {
background-color: #EB7F00;
color: #fff;
border: 0;
font: italic 15px Georgia;
margin: 0.4em 0;
padding: 4px 5px;
border-color: #EB6D07;
cursor:pointer;
-moz-border-radius: 4px;
}
#home .form-field {
width:265px;
font-size:16px;
border-bottom: 1px dashed #00425F;
margin-bottom:10px;
}
#home .form-field input {
font-size:16px;
border:none;
background:none;
font-family:Georgia, "Times New Roman", Times, serif;
color:#29A6DE;
width:200px;
}
#home .form-field textarea {
font-size:14px;
border:none;
background:none;
font-family:Georgia, "Times New Roman", Times, serif;
border-top:1px solid #00425F;
padding-top:5px;
padding-bottom:5px;
color: #29A6DE;
height: 6em;
width:265px;
}
#success-message {
background:#111;
padding:32px;
font-size: 1em;
position:absolute;
top:100px;
z-index:9999;
width:320px;
margin-left:-180px;
left:50%;
border:7px solid #329A99;
color: #fff !important;
}
/* category specific single stuff */
.s-category-general blockquote {
margin: 0 10px;
padding: 0;
border: none;
background: transparent;
}
.s-category-general blockquote p {
margin: 0 10px 10px 10px;
font-style: normal;
position: relative;
}
.s-category-general #col1 blockquote {
padding-top: 15px;
padding-bottom: 15px;
width: 265px;
float: left;
color: #111;
}
.s-category-general #col1 blockquote p {
font-size: 20px;
line-height: 30px;
color: #000 !important;
border-left: 20px #225378 solid;
margin-left: -20px;
padding-left: 10px;
padding-right: 10px;
overflow: visible;
}
#col1 {
padding-left: 10px;
margin: 0;
margin-top: -1em;
display: block;
}
#col1 blockquote .open-quote {
text-indent: -999em !important;
background: #DCD5C6 url(images/open-quote.png) no-repeat top left;
width: 35px;
height: 31px;
float: left;
margin: -9px 5px 0 0;
display: block;
position: static;
}
#col1 blockquote .close-quote {
text-indent: -999em !important;
margin: 10px 0 0 5px;
background: #DCD5C6 url(images/close-quote.png) no-repeat top left;
width: 35px;
height: 31px;
}
#col1 img {
margin-top: 18px;
}
.entry-content blockquote {
color: #585550;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 20px;
width: 220px;
line-height: 18px;
letter-spacing: -1px;
float: right;
text-align: right;
padding: 0 4px 0 0;
margin: 0 0 0 10px;
}
.entry-content blockquote p {
line-height: 23px !important;
padding-top: .5em;
}
blockquote small {
font-size: 86%;
letter-spacing: 1px;
line-height: 21px !important;
color: #797671;
}
blockquote strong {
font-size: 105%;
color: #638093;
line-height: 25px !important;
}
blockquote .cite {
border-top: 1px solid #222;
margin-top: -18px;
margin-left: 0px;
padding-top: 5px;
font-size: .74em !important;
text-decoration: none !important;
}
blockquote .cite a {
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: normal;
text-decoration: none !important;
font-size: .74em !important;
}
blockquote.withquote {
background:url(images/quote.gif) top left no-repeat;
padding-left:20px;
text-align:justify;
}
p.withunquote {
background: url(images/unquote.gif) bottom right no-repeat;
padding-right:5px;
}
.s-category-general .left-content .entry-content h4 {
font: 28px Georgia, "Times New Roman", Times, serif;
line-height: 100%;
letter-spacing: -2px;
color: #DCD5C6;
padding: 0.1em 0 0.2em 0.5em;
margin-left: -20px;
margin-right: -20px;
background: #1b1b1b url(images/header_v.png) repeat;
}
.s-category-general .left-content .entry-content h3 {
margin-left: -20px;
margin-right: -20px;
width: auto !important;
padding: 0.2em 0 0.3em 0.5em;
}
#lead {
background:#329A99;
color:#f1f5f8;
float:left;
width:545px;
padding:18px;
margin: 0 0 10px 0;
}
#lead .left {
width:165px;
}
#lead .right {
width:368px;
}
#lead h3 {
font: 2.1em Georgia, "Times New Roman", Times, serif;
margin:0;
padding-right:17px;
line-height:100%;
font-weight:bold
}
#lead a, #lead a:visited {
color:#111;
}
#lead img {
border:1px solid #516f80;
padding:1px;
}
#lead .date {
color:#a7b5bd;
margin-bottom:-15px;
padding:4px 0;
}
#lead p {
margin:15px 0;
line-height:140%;
}
#fullstory {
width:103px;
height:20px;
background:url(images/fullstory.png);
display:block;
text-indent:-9999px;
}
#fullstory:hover {
background:url(images/fullstory.png) 0 -20px;
}
#lead img {
float:left;
margin:1px 16px 6px 0;
}
.bigger {
font-size:1.2em;
}
#lead .comments-link {
background:url(images/bubble.gif) no-repeat 1px;
padding-left:17px;
margin: 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:0.6em;
}
#wysiwyg {
padding:2px 0 20px 0;
background:none !important;
}
#wysiwyg a, #wysiwyg a:visited {
padding:3px;
margin-right:4px;
text-indent:-9999px;
display:block;
width:20px;
height:20px;
float:left;
border:1px solid #DCD5C6;
border-bottom:1px solid #8F836B;
border-right:1px solid #8F836B;
background-color:#DCD5C6
}
a#button-bold {
background:#CFC2A8 url(images/icons/bold.gif) no-repeat 8px;
}
a#button-italic {
background:#CFC2A8 url(images/icons/italic.gif) no-repeat 8px;
}
a#button-block {
background:#CFC2A8 url(images/icons/blockquote.gif) no-repeat 5px;
}
a#button-link {
background:#CFC2A8 url(images/icons/link.gif) no-repeat 5px;
}
a#button-acronym {
background:#CFC2A8 url(images/icons/acronym.gif) no-repeat 5px;
}
a#button-cite {
background:#CFC2A8 url(images/icons/cite.gif) no-repeat 5px;
}
a#button-abbr {
background:#CFC2A8 url(images/icons/abbr.gif) no-repeat 5px;
}
a#button-code {
background:#CFC2A8 url(images/icons/code.gif) no-repeat 5px;
}
#wysiwyg a:hover, #wysiwyg a:active {
background-color:#DCD5C6;
}
h3.sidesifr {
font: 400 1.7em georgia, serif;
color: #CCC;
padding: 0 0 5px 0;
margin: 0;
}
h3.firstletter {
display: block;
float: left;
font: 400 60px georgia, serif;
color: #F5377F;
padding: 0;
margin: 0;
}