html, body {
margin: 0;
padding: 0;
text-align: center;
}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
body {
background-image:url(images/back.png);
background-repeat:repeat;
font: normal 14px Arial, sans-serif;
padding: 50px 0;
}
blockquote {
background: url(images/quote.png) no-repeat top left;
margin: 0 0 0 0;
padding:0px 0px 0px 60px;
}
a {
color: #696969;
text-decoration: none;
outline: none;
}
a:hover {
color: #4b4b4b;
text-decoration: none;
outline: none;
}
code { background: #fff;
border: 1px dashed #a5a799;
color: #333;
padding: 5px 10px;
margin: 10px 0;
text-align: left;
}
.left {float: left;white-space:nowrap;}
.right {float: right;white-space:nowrap;}
/*#####################*/
/*### Überschriften ###*/
/*#####################*/
h1, h1 a {
color: #959595;
font: 30px Georgia, 'Times New Roman', Times, serif;
font-weight: normal;
letter-spacing:-1px;
margin: 0;
padding: 10px 0 5px 0;
text-decoration: none;
display: block;
}
h2, h2 a {
color: #959595;
background: url(http://crow-monk.co.uk/web_development_glasgow_2.png) no-repeat;
font: 22px Georgia , 'Times New Roman', Times, serif;
font-weight: normal;
margin: 0;
padding: 0px 0px 0px 20px;
text-decoration: none;
display: block;
}
h3, h3 a {
color: #959595;
font: 24px Georgia, 'Times New Roman', Times, serif;
font-weight: normal;
margin: 0px 0 0px 0;
padding: 0;
}
h4 {
color: #A9A9A9;
font: 10px Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
margin: 0;
padding: 10px 0 10px 0;
}
img {
border: none;
}
form {
margin: 0;
padding: 0;
list-style-type: none;
}
p {
line-height: 1.6em;
text-align: left;
margin: 12px 0;
}
.entry {
line-height: 1.6em;
text-align: justify;
}
.entry ol, .entry ul {
margin: 0;
padding: 0;
list-style-position: inside;
}
small {
font-size: 11px;
line-height: 100%;
}
#page {
background: none;
margin: 0 auto;
padding: 0 120px;
text-align: center;
width: 860px;
border: 0px dashed #fff;
}
/*################*/
/*### Header ###*/
/*################*/
#header {
background: none;
height: 268px;
margin: 0 auto;
text-align: left;
padding: 0px 0 0 0;
overflow: hidden;
}
#headerbox {
background: url(images/header.png) no-repeat;
height: 295px;
}
#blogname {
padding: 145px 0 0 165px;
}
#blogname a {
color: #c4c5bd;
float: left;
font: 52px Georgia , 'Times New Roman', Times, serif;
font-weight: normal;
letter-spacing:-3px;
word-spacing:-6px;
margin:0;
padding: 0px 10px 0 0;
border-right: 1px solid #9b9b94; margin-right: 10px
}
#blogname a:hover {
color: #b6b7ae;
}
#blogname p {
font: 12px Arial, sans-serif;
padding: 16px 0 0 0;
color: #696969;
margin:0;
}
#aftername {
padding: 16px 0 0 165px;
}
#aftername p {
padding:0;
margin:0;
color: #696969;
font: 12px Arial, sans-serif;
font-weight: normal;
}
/*###################*/
/*### Oberes Menü ###*/
/*###################*/
#top {
background: #none;
height: 28px;
margin: 0 auto;
width:100%;
text-align: center;
overflow: hidden;
}
#topbar { height: 28px;
width: 770px;
margin: 0 auto;
padding: 0;
text-align: center;
}
ul.topmenu {
background: transparent;
float: left;
margin: 0 auto;
padding: 0 0 0 0;
list-style-type: none;
}
ul.topmenu li {
float: left;
}
ul.topmenu li a {
float: left;
display: block;
height: 28px;
padding: 9px 20px 0 0px;
color: #333;
text-decoration: none;
}
ul.topmenu li a:hover {
color: #4b4b4b;
text-decoration: none;
}
ul.topmenu li.current_page_item a {
float: left;
display: block;
height: 28x;
padding: 9px 20px 0 0px;
color: #4b4b4b;
}
ul.topmenu li.current_page_item a:hover {
float: left;
display: block;
height: 28px;
padding: 9px 20px 0 0px;
color: #4b4b4b;
}
/*########################*/
/*### Menü Kategorien ###*/
/*########################*/
#catmenu {
margin: 0;
padding: 5px 10px 5px 10px;
width: 750px;
height: 24px;
text-align: left;
background: #fff /*#EAF3FA*/;
}
ul.cat_menu {
margin: 0;
padding: 0;
}
.cat_menu li {
float: left;
margin: 0;
padding: 0;
color: #333;
font: 11px Arial, sans-serif;
list-style: none;
font-weight: normal;
}
.cat_menu .cat-text {
margin: 0;
padding: 5px 8px 5px 0;
color: #333;
font-weight: bold;
text-decoration: none;
display: block;
}
.cat-item {
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
display: block;
}
.cat-item a, .cat-item a:visited {
margin: 0 3px;
padding: 5px 8px;
color: #333;
text-decoration: none;
display: block;
}
.cat-item a:hover {
background-color: #fff;
color: #4b4b4b;
padding:5px 8px;
text-decoration: none;
}
.current-cat, .current-cat a, .current-cat a:visited {
background-color: #fff;
color: #4b4b4b;
text-decoration: none;
}
.shadow {
background: url(images/shadow.gif) no-repeat top right;
width: 770px;
height: 30px;
padding: 0;
margin: 0;
}
/*################*/
/*### Content ###*/
/*################*/
#content {
background: transparent;
border: none;
color: #696969;
float: left;
margin: 0;
text-align: left;
width: 630px;
display: inline;
}
#content a:hover {
color: #4b4b4b;
text-decoration: none;
}
#content img {
margin: 0 0 5px 0px;
padding: 0;
}
#content img.cmt-gravatar {
background: #fff url(images/cmt_shadow.gif);
border:0px dashed #a5a799;
padding:3px 4px 4px 4px;
margin: 5px 0 0 5px;
}
#content h1 a:hover {
color: #9a9c8f;
background: transparent;
text-decoration: none;
}
#content h2 a:hover {
color: #9a9c8f;
background: transparent;
text-decoration: none;
}
#content h3 a {
text-decoration: none;
}
#content h3 a:hover {
color: #9a9c8f;
background: transparent;
text-decoration: none;
}
/*###########################*/
/*#### KOMMENTARFORMULAR #### */
/*############################*/
#comment {
background: #fff;
border: 1px dashed #a5a799;
color: #696969;
vertical-align: middle;
width: 498px;
}
.commentlink a {
color: #4b4b4b;
font-size: 12px;
}
.commentlist {
color: #696969;
list-style: none;
padding: 0;
}
ol {margin:0;padding:0;}
ol.commentlist li { margin:0; padding: 5px 0; border-bottom: 1px dashed #a5a799;}
ol.commentlist li.author {background: #fff; margin:0; padding:5px 0;}
.pingslist li {list-style:none; margin: 0; padding:0; border-bottom: 1px dashed #a5a799;}
#email, #author {
background: #fff;
border: 1px dashed #a5a799;
color: #696969;
padding-left: 5px;
vertical-align: middle;
}
#url {
background: #fff;
border: 1px dashed #a5a799;
color: #696969;
padding-left: 5px;
vertical-align: middle;
}
#submit {
background: transparent;
border: 0px dashed #a5a799;
color: #696969;
margin: 0;
padding: 1px;
}
textarea {
overflow:auto;
}
.comment_credentials {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 50px;}
.comment_text { float:right;margin:0;padding: 5px 10px 0 0;width:425px;}
.comment_text p {margin: 0 0 12px 0;}
.comment_text a {
color: #4b4b4b;
font-weight:bold;
text-decoration: none;
}
.comment_text_tb { float:right;margin:0;padding:5px 10px 0 0;width:425px;}
.comment_text_tb p {margin: 5px 0;}
.comment_text_tb a {color: #696969;font-weight:normal;}
.commentheader {
background: inherit;
font-size: 14px;
font-weight: lighter;
text-align: left;
color: #888;
padding: 5px 0;
margin: 0;
line-height: 1.5em;
border-bottom: 1px dashed #a5a799;
}
.commentmeta {}
.commentmeta a {color: #696969;}
.commentmeta a:hover {color: #4b4b4b;}
/*################*/
/*#### Footer ####*/
/*################*/
#footer {
background: transparent;
border-top: 0px dashed #a5a799;
color: #696969;
margin: 0;
padding: 0px 0 40px 0;
text-align: center;
clear:both;
}
#footer a {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #4b4b4b;
text-decoration: none;
}
/*################*/
/*### Suchfeld ###*/
/*################*/
.s {
background: #faf9d8;
border: 0px dashed #a5a799;
color: #696969;
font: 12px Arial, sans-serif;
height: 15px;
padding: 10px;
vertical-align: middle;
width: 220px;
}
/*################*/
/*#### SIDEBAR ###*/
/*################*/
#sidebar {
width: 200px;
text-align: left;
float: right;
margin: 0;
padding: 0px 0 0px 0;
}
#sidebar a img {
margin: 0;
padding: 0;
}
.sidelist {
background: none;
border: none;
margin: 0 0 0 0;
padding: 5px;
}
.boxfooter {
background: url(images/boxfooter.gif) no-repeat top center;
width: 250px;
height: 10px;
padding: 10px;
margin: 0 0 10px 0;
clear: both;
}
.sidelist2 {
margin: 0 0 0 0;
}
#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#sidebar li {
background:none;
color: #696969;
border-bottom: 1px dashed #a5a799;
margin: 0;
padding: 10px;
}
#sidebar li.linkcat {
background:#fff;
border-bottom: 5px dashed #a5a799;
margin: 0;
padding: 0;
}
#sidebar li a {
color: #959595;
}
#sidebar li a:hover {
color: #4b4b4b;
text-decoration: none;
}
#sidebar h2 {
background: inherit;
color: #959595;
font: 12px Arial, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0;
}
#wrapper {
float: left;
margin: 0;
padding: 0;
}
.alignleft_navi {
float: left;
background: transparent;
padding: 0;
width: 250px;
margin: 0;
text-align: left;
}
.alignright_navi {
float: right;
background: transparent;
width: 250px;
padding: 0;
margin: 0;
text-align: right;
overflow:hidden;
}
.alignleft {
float: left;
text-align: left;
width: 250px;
}
.alignright {
float: right;
margin-top: -1px;
text-align: right;
width: 250px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.meta {
background: transparent;
font: 11px Arial, sans-serif;
color: #777;
line-height: 1em;
margin: 0;
padding:0 0 3px 0;
text-align: left;
}
.meta a {background: transparent; color: #777; text-decoration: none;}
.meta a:hover {background: transparent; color: #4b4b4b;}
.clear {clear:both;}
.posttags {
font-size: 10px;
clear: both;
}
.postfooter {
background: url(images/postfooter.gif) no-repeat top left;
width: 500px;
padding: 0;
margin: 0 0 10px 0;
text-align: center;
}
.postfooter {
background: url(images/postfooter.gif) no-repeat top left;
padding: 0;
margin: 10px 0 10px 0;
clear: both;
}
.postfooter2 {
background: url(images/postfooter.gif) no-repeat top left;
width: 510px;
padding: 0;
margin: 20px 0 20px 0;
}
.postfooter3 {
background: url(images/postfooter.gif) no-repeat top left;
width: 510px;
padding: 0;
margin: 20px 0 20px 0;
}
.postfooter_single {
background: url(images/postfooter.gif) no-repeat top left;
width: 500px;
padding: 0;
margin: 0 0 20px 0;
text-align: center;
}
.entry ul.postnavi {
list-style: none;
margin: 0;
padding: 0;
}
.more-link { font-style: italic; padding: 20px 0;}
.wp-caption-text {
font-size: 11px;
margin: 0 0 5px 0;
padding: 0 5px 5px 5px;
}
.wp-caption {
border: 1px dashed #a5a799;
text-align: center;
background-color: #fff;
padding: 4px 0 0 0;
margin: 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;padding-left:0;background-color:none;border-width:0px;border-style:solid;border-color:#898989;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
ul#css3menu1 ul{
display:none;margin-top:-12px;margin-left:26px;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #898989;-webkit-box-shadow:4px 4px 5px #898989;box-shadow:4px 4px 5px #898989;padding:8px 8px 8px 8px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-color:#silver;border-width:1px;background-color:#fdfdfd;background-image:url(images/back.png);width: 250px;}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li:hover{
position:relative;}
ul#css3menu1 ul ul{
position:absolute;left:100%;top:0;}
ul#css3menu1{
display:block;font-size:0;float:left;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font: 13px Arial, sans-serif; color:#575949;cursor:pointer;}
ul#css3menu1 ul li{
float:none;margin:0;}
ul#css3menu1 ul a{
text-align:left;padding:2px;background-color:fff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial, sans-serif;color:#575949;text-decoration:none;}
ul#css3menu1 li:hover>a{
background-color:none;background-image:url("http://crow-monk.co.uk/wp-content/uploads/2011/12/hover.png");font:13px Arial, sans-serif;color:#303030;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:2px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:5px;}
ul#css3menu1 a{
padding:8px;background-color:fff; background-repeat:repeat;background-position:0 0;border-width:0px 1px 0px 0px;border-style:dashed;border-color:silver;color:#575949;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:none;background-position:0 100px;border-style:dashed;border-color:none;color:fff;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
background-color:none;width: 240px;background-image:url("http://crow-monk.co.uk/wp-content/uploads/2011/12/hover_2.jpg");font:13px Arial, sans-serif;color:#303030;text-decoration:underline;}
ul#css3menu1 li.topfirst>a{
height:5px;line-height:5px;border-radius:0px 0 0 0px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
line-height:5px;}
ul#css3menu1 li.topmenu>a{
height:5px;line-height:5px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
line-height:5px;}
ul#css3menu1 li.toplast>a{
height:5px;line-height:5px;border-radius:0 0px 0px 0;-moz-border-radius:0 0px 0px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
line-height:5px;}