/*   
Theme Name: beax
Theme URI: http://felixbeck.de/weblog/2006/12/wordpress-theme-beax/ 
Description: Blue and orange. And simple.
Author: Felix "Baex" Beck
Author URI: http://felixbeck.de/
Version: 1.0
.
This theme is released und a Creative Commons license. Please read the Readme file.
.
*/

/* Some basic set up first. */

* {
margin : 0;
padding : 0;
font-size : 100%;
}
html {
height : 100%;
}
body {
min-height : 101%;
font-size : 100.01%;
position : relative;
color : #000;
background : #fff;
text-align : left;
}
fieldset, img {
border : 0;
}
select, input, textarea {
font-size : 99%;
}
hr {
background-color : #ff0000;
color : #ff0000;
border : #ff0000;
height : 1px;
margin : 5px 0 10px 0;
}
.blocklinks {
float : left;
width : 320px;
}
.blockrechts {
width : 240px;
float : right;
}
.blockclear {
clear : left;
}
.allclear {
clear : both;
}
body {
text-align : center;
background : #f3f3f3;
font-family : Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-size : 67.77%;
}
#wrapper {
width : 700px;
margin : 0 auto 0 auto;
}
#header {
width : 700px;
height : 90px;
background : #11162a url(./images/header1.gif);
}
#header img {
margin : 0 0;
padding : 0;
border : 0;
}
#navbar {
background : #f90 url(./images/navbg.gif) repeat-x bottom;
text-align : center;
}
#navbar ul {
padding : 0.3em 0;
margin : 0;
list-style-type : none;
background : #f90 url(./images/navbg.gif) repeat-x bottom;
color : #100;
width : 98%;
text-align : center;
font-size : 1.2em;
}
#navbar li {
display : inline;
}
#navbar a {
text-decoration : none;
background : #f90 url(./images/navbg.gif) repeat-x bottom;
color : #100;
letter-spacing : 0.5px;
padding : 0.3em 1.3em;
margin : 0 0.2em;
}
#navbar a:hover, #navbar .current_page_item a {
color : #fff;
background : #068;
}
#adminbar {
background : #f90 url(./images/navbg.gif) repeat-x bottom;
text-align : center;
}
#adminbar ul {
padding : 0.3em 0;
margin : 0;
list-style-type : none;
background : #f90 url(./images/navbg.gif) repeat-x bottom;
color : #100;
width : 98%;
text-align : center;
font-size : 1.2em;
}
#adminbar li {
display : inline;
}
#adminbar a {
text-decoration : none;
background : #f90 url(./images/navbg.gif) repeat-x bottom;
color : #100;
letter-spacing : 0.5px;
padding : 0.3em 1.3em;
margin : 0 0.2em;
}
#adminbar a:hover, #navbar .current_page_item a {
color : #fff;
background : #069;
}
a#feedbutton {
background : #f90 url(./images/navbg.gif) repeat-x bottom;
color : #100;
padding : 0.2em 1.3em 0.2em 0.2em;
margin : 0 0.2em;
letter-spacing : 0;
float : right;
}
a#feedbutton:hover {
color : #fff;
background : #f90 url(./images/navbg.gif) repeat-x bottom;
padding : 0.3em 1.2em 0.1em 0.3em;
margin : 0 0.2em;
}
#whitespace {
background : #fff url(./images/undernav.gif) repeat-x top;
text-align : left;
clear : both;
padding : 40px 10px 10px 50px;
border-left : 1px solid #cfd4d9;
border-right : 1px solid #cfd4d9;
}
#leafthrough {
text-align : center;
}
#leafthrough a {
text-decoration : none;
color : #498b44;
}
#leafthrough a:hover {
text-decoration : none;
color : #5ca953;
}
#leafthroughleft a {
padding-left : 20px;
margin-right : 10px;
background : #fff url(./images/arrow_left.gif) no-repeat left;
}
#leafthroughright a {
padding-right : 20px;
margin-left : 10px;
background : #fff url(./images/arrow_right.gif) no-repeat right;
}
#footer {
background : #131b9a url(./images/footer.gif) no-repeat top;
padding : 30px 0 20px 0;
text-align : center;
font-size : 1em;
color : #fff;
}
#footer a {
color : #fff;
border-bottom : 1px solid #f90;
text-decoration : none;
}
#footer a:hover {
color : #f95;
}
.pagefooter {
background : #131b9a url(./images/pagefooter.gif) no-repeat top;
border-top : 5px solid #f90;
}
#bottomcontainer {
padding : 20px 10px;
}
#bottomright a:hover {
text-decoration : none;
}
#bottomright img {
padding : 3px;
margin : 15px 5px 5px 5px;
border : 3px solid #ea8800;
}
#bottom h3 {
color : #fff;
font-size : 1.3em;
text-transform : lowercase;
margin : 0;
padding : 0;
text-align : center;
}
#bottom h3 span {
color : #369;
font-size : 2em;
padding-left : 0;
}
.bottomlist {
margin : 0 0 20px 0;
padding : 0;
list-style : none;
border-top : 1px solid #f90;
text-transform : lowercase;
text-align : center;
}
.bottomlist a {
display : block;
width : 80%;
text-decoration : none;
border-bottom : 1px solid #f90;
background : #f90;
color : #fff;
font-size : 0.9em;
letter-spacing : 1px;
margin : 0 auto;
padding : 2px 4px;
}
.bottomlist a:hover {
background : #369;
width : 90%;
color : #fff;
}
#bottom {
background : #f90 url(./images/bottomtop.gif) repeat-x top;
}
#bottomspaceholder {
height : 30px;
width : 698px;
border-left : 1px solid #cfd4d9;
border-right : 1px solid #cfd4d9;
}
.dateandtime {
padding-left : 10px;
font-size : 0.85em;
color : #666;
text-transform : none;
}
.entrytext {
line-height : 1.4em;
text-align : justify;
padding : 10px 40px 0 0;
}
.entrytext p {
padding-bottom : 0.5em;
}
.minimeta {
padding : 10px;
background : #fff url(./images/minimetabg.gif) repeat-x bottom;
margin : 0 120px 60px 80px;
width : 380px;
font-size : 0.85em;
text-align : center;
border-bottom : 1px solid #f90;
}
.minimeta a {
text-decoration : none;
color : #0a67a0;
}
.minimeta a:hover {
color : #36f;
}
.meta {
padding : 10px;
background : #fff url(./images/minimetabg.gif) repeat-x bottom;
margin : 20px 115px 40px 75px;
font-size : 0.85em;
text-align : left;
border : 1px solid #f90;
line-height : 1.5em;
}
.meta a {
text-decoration : none;
color : #0a67a0;
}
.meta a:hover {
color : #36f;
}
.permalink {
padding-left : 20px;
background : transparent url(./images/permalink.gif) no-repeat left;
}
.category {
padding-left : 20px;
margin-left : 20px;
background : transparent url(./images/category.gif) no-repeat left;
}
.commentslink {
padding-left : 20px;
margin-left : 20px;
background : transparent url(./images/comments.gif) no-repeat left;
}
.time {
padding-left : 25px;
margin-left : 20px;
background : transparent url(./images/time.gif) no-repeat left;
}
.rss4comments {
padding-left : 25px;
margin-left : 20px;
background : transparent url(./images/rss4comments.gif) no-repeat left;
}
.author {
padding-left : 25px;
margin-left : 20px;
background : transparent url(./images/author.gif) no-repeat left;
}
.commentsinmeta {
padding-left : 25px;
margin-left : 20px;
background : transparent url(./images/comments.gif) no-repeat left;
}
.categoryinmeta {
padding-left : 25px;
margin-left : 20px;
background : transparent url(./images/category.gif) no-repeat left;
}
h1 {
color : #fff;
font-size : 2.2em;
text-align : left;
padding : 16px 0 0 40px;
letter-spacing : 1px;
}
h1 span {
font-size : 1.4em;
color : #f90;
}
h2 {
color : #369;
font-size : 1.95em;
font-weight : bold;
}
h2 a {
color : #369;
text-decoration : none;
}
h2 a:hover {
color : #36c;
text-decoration : none;
}
h3 {
color : #666;
font-size : 1.6em;
padding : 10px 0 0 0;
font-weight : bold;
}
h3 a {
color : #666;
text-decoration : none;
}
h3 a:hover {
color : #777;
text-decoration : none;
}
h4 {
color : #369;
font-size : 1.4em;
padding : 0 0 0 0;
font-weight : bold;
}
h4 a {
color : #369;
text-decoration : none;
}
h4 a:hover {
color : #36c;
text-decoration : none;
}
a {
color : #069;
text-decoration : underline;
}
a:hover {
color : #069;
text-decoration : none;
}
p img {
margin : 10px 3px;
padding : 1px;
border : 0;
}
p a img {
margin : 10px 3px;
padding : 1px;
border : 0;
}
p a img:hover {
margin : 10px 3px;
padding : 1px;
}
img.left {
float : left;
}
img.right {
float : right;
}
img.wp-smiley {
margin : 0;
padding : 0;
border : 0;
background : #fff;
}
blockquote {
margin : 5px 20px;
border-left : 4px solid #d0d5da;
padding : 5px 20px 5px 10px;
color : #333;
letter-spacing : 0;
line-height : 1.2em;
background : #f3f3f3;
}
h3 span {
font-size : 0.6em;
padding-left : 20px;
font-weight : normal;
text-transform : none;
}
h3 span a {
color : #069;
text-decoration : none;
}
h3 span a:hover {
text-decoration : underline;
}
#commentlist {
margin : 15px 110px 50px 30px;
list-style : none;
font-size : 0.9em;
text-align : justify;
background : #fff;
}
#commentlist li {
margin : 10px 0;
padding : 15px 20px 20px 20px;
border-bottom : 1px solid #f90;
}
#commentlist cite {
font-weight : bold;
font-style : normal;
font-size : 1.4em;
letter-spacing : -1px;
text-transform : lowercase;
}
#commentlist .commentmeta {
font-size : 0.8em;
padding-bottom : 5px;
}
#commentlist cite a {
text-decoration : none;
}
#commentlist cite a:hover {
text-decoration : none;
color : #f90;
}
#commentlist cite span {
font-size : 0.5em;
letter-spacing : 0;
font-weight : normal;
padding-left : 10px;
text-transform : none;
}
#commentlist cite span a {
color : #aaa;
}
#commentlist cite span a em {
display : none;
font-style : normal;
}
#commentlist cite span a:hover {
color : #f90;
}
#commentlist cite span a:hover em {
display : inline;
}
#respond {
margin-bottom : 15px;
}
#commentform p {
line-height : 1.2em;
margin : 5px 0;
}
#commentform input {
border : 3px solid #d0d5da;
background : #f3f3f3;
padding : 2px;
margin : 2px;
letter-spacing : 1px;
font-weight : bold;
color : #666;
}
#commentform input:focus {
border : 3px solid #f90;
color : #444;
}
#commentform input#submit:hover {
cursor : pointer;
border : 3px solid #f90;
color : #444;
}
#commentform label {
font-size : 0.9em;
color : #444;
}
#commentform textarea {
border : 3px solid #d0d5da;
background : #f3f3f3;
padding : 2px;
margin : 2px;
letter-spacing : 1px;
color : #666;
font-family : Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
font-weight : bold;
line-height : 1.3em;
width : 500px;
height : 180px;
}
#commentform textarea:focus {
border : 3px solid #f90;
color : #444;
}
.monthsarchive {
list-style : none;
margin : 10px 0 10px 20px;
padding : 0;
}
.monthsarchive a {
display : block;
padding : 4px 6px;
list-style : none;
width : 200px;
color : #444;
text-decoration : none;
letter-spacing : 1px;
font-size : 0.9em;
}
.monthsarchive a:hover {
background : #cfd4d9;
color : #100;
}
.latest20 {
list-style : none;
margin : 10px 80px 10px 20px;
padding : 0;
}
.latest20 li {
padding : 0;
}
.latest20 a {
color : #444;
text-decoration : none;
padding : 4px 6px;
letter-spacing : 1px;
font-size : 0.9em;
display : block;
width : 70%;
}
.latest20 a:hover {
background : #cfd4d9;
color : #100;
}
.latest20 span {
display : inline;
color : #999;
font-size : 0.8em;
padding-right : 10px;
}
.latest20 a:hover span {
color : #444;
}
.format_text img.left, img.alignleft {
float : left;
margin : 0 0.5em 0.5em 0;
}
.format_text img.right, img.alignright {
margin : 10px 0;
padding : 1px;
float : right;
border : 0 none;
text-decoration : none;
}
.format_text img.center, img.aligncenter {
display : block;
margin : 0 auto 1.53846em auto;
float : none;
clear : both;
}
.map24input {
background-color : #ffffff;
width : 232px;
color : #0d3d6a;
font-family : Arial, Verdana, Helvetica;
font-size : 11px;
font-weight : normal;
border : 1px solid #bebebe;
}
.map24list {
background-color : #ffffff;
border-style : groove;
font-family : Arial, Arial, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
}
.map24text {
font-family : Arial;
font-size : 11px;
color : #333333;
}
.map24margin {
margin-left : 10px;
}
.map24padding {
padding-left : 10px;
}
.map24title {
font-family : Arial;
font-size : 11px;
color : #333333;
padding-left : 10px;
padding-top : 31px;
font-weight : bold;
}
.map24cell {
padding-left : 10px;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
background-color : #ffffff;
}
.blockborder {
border-bottom-width : 1px;
border-bottom-style : solid;
border-top-width : 1px;
border-top-style : solid;
border-left-width : 1px;
border-left-style : solid;
border-right-width : 1px;
border-right-style : solid;
border-color : #dee9ff;
}
font.form_bold {
font-family : verdana;
font-style : normal;
font-weight : normal;
font-size : 10px;
text-decoration : none;
color : #555555;
}
font.form_error {
font-family : verdana;
font-style : normal;
font-weight : bold;
font-size : 10px;
text-decoration : none;
color : #3366ff;
}
font.form {
font-family : verdana;
font-style : normal;
font-size : 10px;
text-decoration : none;
color : #555555;
}
INPUT {
border-top-color : #555555;
border-left-color : #555555;
border-right-color : #555555;
border-bottom-color : #555555;
border-top-width : 1px;
border-left-width : 1px;
font-size : 10px;
border-bottom-width : 1px;
font-family : verdana;
border-right-width : 1px;
}
BUTTON {
border-top-color : #555555;
border-left-color : #555555;
border-right-color : #555555;
border-bottom-color : #555555;
border-top-width : 1px;
border-left-width : 1px;
font-size : 10px;
border-bottom-width : 1px;
font-family : verdana;
border-right-width : 1px;
}
SELECT {
border-top-color : #555555;
border-left-color : #555555;
border-right-color : #555555;
border-bottom-color : #555555;
border-top-width : 1px;
border-left-width : 1px;
font-size : 10px;
border-bottom-width : 1px;
font-family : verdana;
border-right-width : 1px;
}
OPTION {
border-top-color : #555555;
border-left-color : #555555;
border-right-color : #555555;
border-bottom-color : #555555;
border-top-width : 1px;
border-left-width : 1px;
font-size : 10px;
border-bottom-width : 1px;
font-family : verdana;
border-right-width : 1px;
}
.gallery {
margin : auto;
overflow : hidden;
width : 100%;
}
.gallery .gallery-item {
float : left;
margin-top : 10px;
margin-left : 7px;
text-align : center;
}
.gallery img {
border : 2px solid #cfcfcf;
}
.gallery .gallery-caption {
margin-left : 0;
}
.gallery br {
clear : both;
}
.col-2 {
width : 50%;
}
.col-3 {
width : 33.333%;
}
.col-4 {
width : 25%;
}
.col-5 {
width : 20%;
}
.col-6 {
width : 16.666%;
}
.col-7 {
width : 14.285%;
}
.col-8 {
width : 12.5%;
}
.col-9 {
width : 11.111%;
}