@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Custom Bunte Ostereier
Theme URI: http://wordpress.gordonfrench.com/
Description: AdStyle is designed for adsense placement, has modern scroll work and broken boundries for added flair. Your adsense code needs to be added in the wp-admin panel. Current update fixes firefox issue.
Version: 1.3.4
Author: Gordon French
Author URI: http://gordonfrench.com/
Tags:light,right-sidebar,fixed-width,two-columns,orange
French v1.3.4
http://gordonfrench.com/
This theme was designed by Gordon French,
whose portfolio can be found at http://gordonfrench.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* COLORS
background color = fcc735
blue accent = aec2e1
body content BG = fdf0d7
dark orange = da944a
brown = 54340d
yellow = ffd781
highlight = fef9ed
*/
body { font: 100% Arial, Verdana, Helvetica, sans-serif; background:url(images/lowerBG.jpg) repeat-x #fcc735; background-position:bottom; background-attachment:fixed; margin: 0; padding: 0; color: #000000; }
/* url(images/upperBG.jpg) repeat-x #fcc735; */
#container { width: 954px; margin: 0 auto; position:relative; z-index: 5; }
/* background componets */
#topDecor{ position:fixed; top:0px; left:0px; background:url(images/topDecor.png) no-repeat; width:463px; height:542px; z-index: 1; }
#bottomDecor { position:fixed; bottom:0px; right:0px; background:url(images/baseDecor.png) no-repeat; height:414px; width:363px; z-index: 1; }
/* deaktiviert
#bottomGradient{ background:url(images/lowerBG.jpg) repeat-x; background-position:bottom; position:fixed; width:100%; height:665px; bottom:0px; }
*/
/* basics */
a { text-decoration:none }
.aligncenter { display:block; margin-left:auto; margin-right:auto }
.alignleft { float: left; width:100%; }
.alignright { float: right; width:100%; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clear { clear:both; }
.post { margin:0px; }
/* header */
#header { position:relative; background: url(images/header.png) no-repeat; height:230px; margin-left:10px; margin-top:70px; margin-bottom:8px; z-index:3; }
/* h1 header text */
#header h1 { position: relative; margin-bottom:-50px; z-index:20; left:10px; top:-10px; font-size:250%; z-index: 6; }
#header h1 a { color:#54340d }
#header h1 a:hover { color:#da944a }
/* Blog Description */
#description { position:relative; z-index:15; margin-bottom:-20px; top:35px; left:10px; z-index: 6; }
#rss { position:relative; top:-150; left:500px;}
/* logo */
#logo { position:relative; background:url(images/logoGeneric.png) no-repeat; height:155px; top:-50px; left:-30px; width:500px; z-index: 5; }
/* Search box in header */
#search { position:relative; height:25px; top:-100px; left:630px; z-index: 7; }
#search #searchform { background: none; }
#search #s { width: 200px; color: black; font-size: 11px; }
/* adsense in header */
#topAds { position:relative; width:728px; height:90px; margin:-60px 0 0 90px; }
/* nextgen flash slideshow */
#slideshow { position:relative; top:-127px; left: 20px; }
/* top nav */
#header ul { position:relative; padding-left:0px; list-style-type:none; float:left; width:97%; margin-top:-45px; z-index:10; margin-left:290px; }
#header ul li { display:inline; }
#header ul a, .home a { display:block; float:left; padding:0px 9px; font-size:100%; text-decoration:none; color:#54340d; width:auto; }
#header ul a:hover, .home a:hover { color:#aec2e1; }
.pagenav { position:relative; left:20px; top:50px; color:#fdf0d7; list-style-type:none; }
.home { position:relative; top:24px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }
/* Sidebar */
#sidebar {
position:relative; float:right; top:0px; width:285px; margin-top:-7px; /*padding: 0px 0px 10px 0px; margin-right:10px;*/
}
#sidebarContentTop { background: url(images/sidebarTop.png) no-repeat; height:33px; margin-bottom:-18px; }
#sidebarContent { background: url(images/sidebarBG.png) repeat-y; padding: 0px 22px 0px 20px; }
#sidebarContentBottom { background: url(images/sidebarBase.png) no-repeat; height:30px; }
/* sidebar heard title box */
#sidebarContent h2 { position:relative; top:-7px; background:url(images/sidebarTitleBox.png) no-repeat; height:44px; padding:15px 10px 10px 45px; width:298px; margin:2px 0px -30px -45px; font-size:110%; }
/* sidebar links */
#sidebarContent li { position:relative; z-index:10; }
#sidebarContent li a { color:#54340d; }
#sidebarContent li a:hover { color:#da944a; }
#sidebarContent ul { padding:10px 0 10px 10px; margin:0 0 0 0; list-style-type:none; }
#sidebarContent caption { padding-top:10px; }
/* main content */
#mainWrap { position:relative; top:0px; float:left; width:654px; }
#mainContentTop { position:relative; width:654px; background: url(images/contentTop.png) no-repeat; height:25px; margin-left:10px; margin-bottom:-18px; z-index:3; }
#mainContentBottom { background: url(images/contentBottom.png) no-repeat; width:654px; height:25px; margin:-18px 0px 5px 10px; }
#mainContent { margin: 0px; padding: 0px 50px 0px 40px; width:570px; background:url(images/contentBG.png) repeat-y; margin-left: 10px; }
#mainContent #text { position:relative; z-index:3; background-image:url(images/contentSwirl.png); background-repeat: repeat-y; background-position: top center; }
/* lifts text above the decor element */
/* links in post */
#mainContent #text p a { color:#da944a; }
#mainContent #text p a:hover { color:#aec2e1; }
/* Tags */
#tags a, #text a { color:#54340d; }
#tags a:hover, #text a:hover { color:#aec2e1; }
/* sets the tile box for h1 and h2 tags */
#mainContent h1 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:60px; padding:35px 10px 0px 70px; width:592px; margin:0px 0px -25px -80px; }
#mainContent h2 { position:relative; top:-10px; background:url(images/contentTitleBox.png) no-repeat; height:55px; padding:38px 10px 0px 70px; width:592px; margin:0px 0px -25px -80px; font-size:130% }
/* image on bottom of content box */
#mainContentDecor{ position:relative; bottom:343px; left:150px; width: 353px; height: 368px; margin-bottom: -368px; }
/* Post tile link color */
#mainContent h2 a { color:#54340d; }
#mainContent h2 a:hover { color:#da944a; }
/* time */
.time { text-align:right; margin-top:-10px; }
/* Div added for code styleing */
#code { background:url(images/codeBG.png) repeat; padding:10px; border:solid thin #000; }
/* Div for 404 Page tag cloud */
#tags-nofound { height: 600px; }
/* Footer */
#footer { position:relative; top:-10px; padding: 0 10px 0 70px; margin-top:0px; font-size:90%; }
#footer p { margin: 0; padding: 10px 0; color:#ffd781; }
#footer a { color:#fdf0d7; }
#footer a:hover { color:#aec2e1; }
#hidden { display:none; }
/* Safari Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#footer { top:-10px; }
.home { position:relative; top:23px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }
}
#recent-posts-2 ul { font-size: 95%; list-style-type:disc; }
ul.child-pages li,
ul.lcp_catlist li { margin-bottom: 5px; font-size: 1.1em; font-weight: bold; }
/*
* ADDONS **********************************************************************
* Addon for rich snippet inclusion
* Minor adjustments of styles
*
*/
div.vcard {
display: none !important;
}
div#tags {
margin-top: 2em;
}
a.more-link {
font-weight: bold;
}
div.previous_next {
margin: 1.2em 0em;
}
div.previous_next a {
font-weight: bold;
font-size: 1.15em;
}
img.ngg-singlepic,
a.highslide-image img {
background-color: #FFFFFF;
-webkit-box-shadow: 5px 5px 6px 2px #585858;
-khtml-box-shadow: 5px 5px 6px 2px #585858;
-moz-box-shadow: 5px 5px 6px 2px #585858;
box-shadow: 5px 5px 6px 2px #585858;
padding: 5px !important;
border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
display: inline-block;
float: left;
margin: 15px;
}
a.highslide-image {
border-style: none;
}
iframe.gde-frame {
background-color: #EBEBEB;
-webkit-box-shadow: 5px 5px 6px 2px #585858;
-khtml-box-shadow: 5px 5px 6px 2px #585858;
-moz-box-shadow: 5px 5px 6px 2px #585858;
box-shadow: 5px 5px 6px 2px #585858;
border: 1px solid #666;
}
div.pro-player-container {
background-color: #000000;
-webkit-box-shadow: 7px 5px 6px 2px #585858;
-khtml-box-shadow: 7px 5px 6px 2px #585858;
-moz-box-shadow: 7px 5px 6px 2px #585858;
box-shadow: 7px 5px 6px 2px #585858;
margin-bottom: 2em;
}
div.ngg-gallery-thumbnail a.highslide img {
background-color: #FFFFFF;
-webkit-box-shadow: 3px 3px 4px 1px #585858;
-khtml-box-shadow: 3px 3px 4px 1px #585858;
-moz-box-shadow: 3px 3px 4px 1px #585858;
box-shadow: 3px 3px 4px 1px #585858;
}
div.ngg-navigation {
clear: left;
}
div.ngg-navigation a,
div.ngg-navigation span {
background-color: #EBEBEB;
font-weight: bold;
}
#sidebarContent li.widget ul {
list-style-type: disc;
padding: 5px 0 20px 6px;
}
#sidebarContent li.widget ul.children {
padding: 0 0 5px 15px !important;
}
#jquery-archive-list-widget ul {
list-style-type: none !important;
padding: 0;
}
#jquery-archive-list-widget ul li ul li.jaw_years {
list-style-type: none;
padding: 0;
}
/*
* FIXES ***********************************************************************
*/