body {
font-size : 62.5%;
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
color : #444;
background-color : #eee;
text-align : center;
margin : 20px 0 30px;
}
#page {
background : #fff;
text-align : left;
margin : 0 auto;
padding : 10px;
position : relative;
width : 760px;
}
body.flex #page {
width : 80%;
min-width : 760px;
max-width : 1000px;
}
#header {
padding : 0;
margin : 0;
position : relative;
height : 200px;
background : #38c;
}
.primary {
width : 65%;
min-width : 500px;
float : left;
padding : 20px 2% 10px;
margin : 0;
}
.secondary {
font : 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding : 10px 0;
margin : 0 0 20px 71%;
width : 26%;
color : #666;
}
#footer {
margin : 10px auto 0;
}
ul.menu {
margin : 0;
padding : 0;
position : absolute;
bottom : 0;
left : 20px;
width : 90%;
}
ul.menu li {
display : inline;
margin : 0;
}
ul.menu, ul.menu li a {
padding : 5px 15px 6px;
}
ul.menu li a {
font : 1em Verdana, Helvetica, Arial, Sans-Serif;
color : white;
margin : 0;
}
ul.menu li a:hover {
background : #333;
color : #eee !important;
text-decoration : none;
}
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
color : #333 !important;
background : white;
text-decoration : none;
}
.admintab {
position : absolute;
right : 20px;
}
.sb_pagemenu ul {
margin-left : 10px;
}
.sb_pagemenu ul ul {
margin-top : 2px;
}
.sb_pagemenu ul ul .page_item {
margin-left : 10px;
padding : 0;
}
h1, h2, h3, h4 {
font-family : 'Trebuchet MS', Verdana, Sans-Serif;
}
h1 {
font-size : 3em;
letter-spacing : -1px;
padding-top : 75px;
margin : 0 0 0 40px;
font-weight : bold;
width : 100%;
}
h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
text-decoration : none;
color : white;
}
#header .description {
font-size : 1em;
margin : 0 0 0 40px;
}
.primary h2 {
font-size : 2.4em;
font-weight : bold;
margin : 0 0 10px;
padding : 0;
letter-spacing : -1px;
text-align : center;
display : inline;
}
.secondary h2 {
font-size : 1.5em;
font-weight : normal;
padding : 0;
display : inline;
}
.primary h3, .primary h4 {
font-size : 2em;
font-weight : normal;
letter-spacing : -1px;
display : inline;
}
.primary .aside h3 {
font-size : 1.4em;
font-weight : normal;
}
.itemhead {
margin-top : 10px;
}
.itemtext h3 {
font-size : 1.7em;
display : block;
padding : 15px 0 0;
}
.itemtext h4 {
font-size : 1.5em;
display : block;
padding : 15px 0 0;
}
.secondary > div {
margin : 20px 0 0;
padding : 0;
}
.primary .metalink a, .primary .metalink a:visited, .secondary .metalink a, .secondary .metalink a:visited, .secondary span a, .secondary span a:visited {
color : #999;
font-weight : normal;
}
.primary .item .itemhead .metalink, .comments .primary .metalink {
font-size : 1.8em;
letter-spacing : -1px;
text-transform : lowercase;
margin-left : 15px;
}
.primary .aside .itemhead .metalink {
font-size : 1.4em;
}
.comments .primary .metalink {
margin : 0 15px 0 0;
float : none;
}
.secondary div > .metalink {
text-align : right;
}
.primary .aside {
padding : 8px;
margin : 0 4%;
}
.secondary .aside {
margin : 0;
padding : 0 0 10px;
word-spacing : -1px;
}
.secondary .aside .metalink {
padding-left : 0;
}
.secondary span a {
margin-left : 10px;
}
.metalink a span {
display : none;
}
.metalink a:hover > span {
display : inline;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited {
color : #444;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
text-decoration : none;
}
.metadata {
display : block;
}
.primary .item {
margin : 0;
padding : 5px 0 15px;
}
.primary .item .itemtext {
font : 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align : justify;
}
.primary .item .itemtext p, .primary .item .itemtext ul, .primary .item .itemtext ol, .primary .item .itemtext div, .primary .item .itemtext blockquote {
margin : 13px 0;
}
.primary .aside .itemtext p, .primary .aside .itemtext ul, .primary .aside .itemtext ol, .primary .aside .itemtext div, .primary .aside .itemtext blockquote {
margin : 5px 0;
}
.comments .commentlist {
margin : 0;
padding : 20px 0 0;
width : 100%;
}
.comments .commentlist li {
margin : 10px 0;
padding : 10px 10px 5px;
list-style : none;
}
.comments .commentlist li img {
padding : 0;
border : none;
}
.comments .commentlist li img.gravatar {
float : right;
margin : -5px 0 0;
}
.comments .commentlist li .commentauthor {
font-size : 1.5em;
font-weight : bold;
letter-spacing : -1px;
}
.comments .commentlist li .counter {
font : normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color : #999;
float : left;
width : 35px;
}
.comments .commentlist li.authorcomment {
background : #f6f7f8;
}
.comments .pinglist {
font-size : 1.2em;
padding : 0;
margin : 0;
}
.comments .pinglist li {
margin-left : 40px;
padding : 7px 0;
list-style : none;
}
.comments .pinglist li .commentauthor {
font-weight : bold;
display : block;
}
.comments .pinglist li small {
font : 0.8em Arial, Sans-Serif;
display : block;
}
.comments .pinglist li .counter {
display : none;
}
.comments .pinglist li span.favatar img {
margin-left : -25px;
border : none;
padding : 0;
float : left;
}
.comments form {
clear : both;
padding : 1px 0 30px;
margin : 0;
}
input[type="text"], textarea {
font : 1em Verdana, Arial, Helvetica, Sans-Serif;
border : 1px solid #ccc;
padding : 3px;
color : #777;
}
input[type="text"]:focus, textarea:focus {
background : #fff;
color : #333;
border-color : #666;
}
.comments form input[type="text"] {
width : 45%;
margin : 5px 5px 1px 0;
}
.comments form textarea {
height : 250px;
width : 100%;
padding : 2px;
}
.comments form #submit {
margin : 0;
float : right;
}
#footer p {
text-align : center;
}
#footer a {
color : #888;
border-bottom : 1px solid #ccc;
font-weight : bold;
}
#footer a:hover {
border : none;
text-decoration : none;
color : black;
}
a:hover, a:visited:hover {
text-decoration : underline;
}
h2 a:hover, h2 span a:hover {
color : #27d !important;
}
a {
color : #27d;
text-decoration : none;
}
.itemtext a:visited {
color : #b41;
}
.clear {
clear : both;
margin : 0;
padding : 0;
}
.primary img {
margin-left : -5px;
padding : 4px;
border : 1px solid #ccc;
max-width : 100%;
}
.center {
text-align : center;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
img.center {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
img.noborder {
border : none;
}
.favorite img {
padding : 0;
border : none;
}
.tags {
padding : 1px 10px;
background : #f3f3f3;
border : 1px solid #ddd;
}
small {
font-size : 0.9em;
line-height : 1.5em;
}
small, strike {
color : #777;
}
code {
font : 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr {
font-size : 0.9em;
letter-spacing : 0.07em;
border-bottom : 1px dashed #999;
cursor : help;
}
blockquote {
margin : 20px 0;
padding : 0 20px 0 50px;
border : none;
}
hr {
display : none;
}
.navigation {
text-align : center;
margin : 10px 0;
padding : 0;
width : 100%;
}
.navigation p {
margin : 0;
padding : 0;
}
.navigation a {
color : #999;
}
img.wp-smiley {
border : none;
padding : 0 0 0 5px;
}
.alert {
background : #fff6bf;
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
text-align : center;
margin : 10px auto;
padding : 5px 20px;
}
.itemtext ol, .itemtext ul {
padding : 0 0 0 35px;
margin : 0;
}
.itemtext ol li, .itemtext ul li {
margin : 0 0 3px;
padding : 0;
}
.secondary ul, .secondary ol, .secondary > div > div {
margin : 5px 0 0;
padding-left : 0;
}
.secondary ol {
margin-left : 15px;
}
.secondary ul li, .secondary ol li {
margin : 0;
padding : 1px 0;
}
.secondary ul li {
list-style-type : none;
list-style-image : none;
}
ol li {
list-style : decimal;
}
.sb_flickr img {
border : 0;
padding : 5px;
}
#poststuff fieldset {
border : none;
}
#poststuff #title, #poststuff #excerpt, #poststuff #tags {
width : 470px;
}
#poststuff #title {
font-size : 2em;
}
#af-ela {
margin-left : 10px;
}
#af-ela ul {
padding : 0;
}
#af-ela ul li {
list-style-type : none;
list-style-image : none;
text-align : left;
padding : 1px 8px;
}
#af-ela-menu {
border-bottom : 1px solid #ccc;
margin-bottom : 0;
}
#af-ela-menu li {
display : inline;
padding : 2px 10px !important;
border : 1px solid #ccc;
border-bottom : none;
margin-bottom : 0;
}
#af-ela-menu li.selected {
background : #fff6bf;
}
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
background : #f3f3f3;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
padding-top : 0;
padding-bottom : 0;
}
#af-ela-year {
float : left;
width : 20%;
margin : 0;
padding : 0;
}
#af-ela-year li {
position : relative;
font-weight : bold;
}
#af-ela-month, #af-ela-category {
float : left;
width : 20%;
margin : 0;
border-left : 1px solid #ccc;
font-weight : bold;
}
#af-ela-category {
width : 40%;
}
#af-ela-month li {
position : relative;
}
#af-ela-post {
float : left;
width : 59%;
margin : 0;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
}
#af-ela-post li {
position : relative;
font-weight : bold;
}
#af-ela ul li span {
position : absolute;
right : 8px;
font-weight : normal;
color : #aaa;
}
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
background : #fff6bf;
border-top : 1px solid #ffd324;
border-bottom : 1px solid #ffd324;
padding-top : 0;
padding-bottom : 0;
}
.archives span {
color : #bbb;
}
span.localtags {
display : none;
font-size : 0.8em;
line-height : 1.5em;
color : #ddd;
}