/*
Theme Name: Starkenburg
Theme URI: http://www.mediacollective.de
Description: A Blog for Schools and Educational Institutions, created by Starkenburg Gymnasium Students in Heppenheim, Germany
Version: 0.3
Tags: white, light, two-columns, fixed-width
Author:
Author URI: http://www.mediacollective.de
*/

/*************************************
Universal Settings
*************************************/
body {
background : #eeeeee url(images/bg-home.jpg) repeat-x center top;
color : #222;
font-family : Century Gothic, Verdana, "Arial", Helvetica, sans-serif;
font-size : 11px;
line-height : 150%;
margin : 0;
padding : 0;
text-align : left;
}
#wrap {
margin : 0 auto;
text-align : left;
width : 980px;
padding : 0;
}
#content {
background : url(images/content-bg.jpg) no-repeat left top;
font-size : 1.2em;
float : left;
padding-top : 5px;
padding-left : 40px;
padding-right : 30px;
width : 539px;
border-right : 1px solid #616262;
}
/*************************************
Typography & General Styles
*************************************/
@font-face {
  font-family: Century Gothic, 'AcidFont';
  font-style: normal;
  font-weight: normal;
  src: local('ourFont'), url('acid.otf') format('truetype');
}

@font-face {
  font-family: Century Gothic, 'AcidMedium';
  font-style: normal;
  font-weight: normal;
  src: local('ChalkFont'), url('acid_medium.otf') format('truetype');
}

@font-face {
  font-family: Century Gothic, 'AcidBold';
  font-style: normal;
  font-weight: normal;
  src: local('ChalkFont'), url('acid_bold.otf') format('truetype');
}

h1, h2, h3 a{
font-family : Century Gothic, AcidBold, Verdana, "Arial", Helvetica, sans-serif;
color: #666;
text-align : left;
margin: 5px 0;
}

h4, h5 a{
font-family : Century Gothic, AcidMedium, Verdana, "Arial", Helvetica, sans-serif;
color: #666;
text-align : left;
margin: 5px 0;
}

h5 {
font-weight: normal;
}
h1, h2, h3, h4, h5 a:hover {
color: #bd5400;
}
h1 {
font-size : 28px;
line-height : 30px;
font-weight: bold;
}
h2 {
font-size : 24px;
line-height : 26px;
}
h3 {
font-size : 14px;
line-height : 16px;
}
h4 {
font-size : 16px;
line-height : 16px;
color: #333;
}
h5 {
font-size : 16px;
line-height : 12px;
margin: 7px 3px;
text-align: left;
}
a {
text-decoration : none;
color: #f05c03;
}
a:hover {
text-decoration : none;
color: #880000;
}
a img {
border : none;
}
ul li {
list-style-type : none;
}
.thumbnail {
border : 1px solid #fff;
float : left;
margin : 0 15px 15px 0;
}
.meta-data {
font-size : 9px;
line-height : 15px;
color: #666;
position : relative;
float : left;
width : 100%;
padding : 0 0 0 1px;
margin: 5px 0;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear, .cleared {
clear : both;
}
.seperator {
margin: 20px 0;
border-bottom : 1px solid #626262;
}
/*************************************
Header & Logo
*************************************/
#header {
background : url(images/header-bg.jpg) no-repeat left top;
height : 150px;
padding : 0;
margin : 0;
}
.logo img {
float : left;
padding-top : 20px;
padding-left : 35px;
border : none;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
width : 580px;
height : 120px;
padding : 0;
margin : 10px 10px 0 0;
float : right;
display : block;
}
#top-nav-wrapper ul {
padding : 0;
margin: 5px 0;
width : 180px;
}
#top-nav-wrapper ul li {
border-bottom : 1px solid #555;
padding : 1px 5px;
}
.column-one {
width : 185px;
float : left;
padding : 5px;
}
.column-two {
width : 185px;
float : left;
padding : 5px;
}
.column-three {
width : 175px;
float : left;
padding : 5px;
}
/*************************************
Footer Navigation Columns
*************************************/
#foot-nav-wrapper {
width : 720px;
height : 140px;
padding : 0;
margin : 1px 10px 0 0;
float : right;
display : block;
}
#foot-nav-wrapper ul {
padding : 0;
margin: 5px 0;
width : 160px;
}
#foot-nav-wrapper ul li {
border-bottom : 1px solid #555;
padding : 1px 5px;
}
.column-four {
margin-left: 230px;
width : 320px;
float : left;
padding : 5px;
}
.column-five {
width : 150px;
float : left;
padding : 5px;
}
.column-six {
margin-left:30px;
width : 100px;
float : left;
padding : 5px;
}
/*************************************
Home Slider Styles
*************************************/
#main {
background : url(images/slider-bg.gif) no-repeat left top;
position : relative;
overflow : hidden;
height : 388px;
font-size: 12px;
}
#pages {
position : absolute;
height : 520px;
}
.page {
padding : 5px 0;
height : 480px;
width : 980px;
}
.scrollable {
position : relative;
overflow : hidden;
width : 900px;
height : 405px;
margin : 0 auto;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;
}
.item {
float : left;
cursor : pointer;
width : 900px;
height : 300px;
}
.item img {
border : 1px solid #616262;
}
#bottom {
position : relative;
overflow : hidden;
height : 140px;
margin-top : 1px;
padding : 0 10px;
}
#main_navi {
background : #eee;
width : 900px;
height : 66px;
padding : 0 !important ;
margin : 0 auto !important ;
border-top : 1px solid #ccc;
border-bottom : 1px solid #eee;
}
#main_navi li {
background-color : #ddd;
height : 65px;
padding : 0 0 1px 0;
width : 180px;
cursor : pointer;
list-style-type : none;
float : left;
}
#main_navi li:hover {
background-color : #ddd;
}
#main_navi li.active {
background-color : #ee0000;
}
#main_navi img {
float : left;
margin-right : 10px;
}
#main_navi strong {
display : block;
}
#main div.navi {
margin-left : 250px;
cursor : pointer;
}
.slidertext {
font-family : Century Gothic, AcidMedium, Verdana, "Arial", Helvetica, sans-serif;
color : #222;
font-family : Century Gothic, Verdana, "Arial", Helvetica, sans-serif;
font-size : 12px;
line-height : 16px;
}
/*************************************
Post Styles
*************************************/
.entry {
margin-bottom : 15px;
}
.entry img {
border: 0px solid #555;
}
.entrybody {
margin : 15px 0;
}
.entrymeta {
font-size : 11px;
padding : 5px 0 0 0;
}
a.zoom {
  display: block;
  overflow: hidden;
}

/*************************************
Images in Content added 20100928
*************************************/

#content img {
        margin: 0;
        height: auto;
        max-width: 640px;
        width: auto;
}
#content .attachment img {
        max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
        display: inline;
        float: left;
        margin-right: 24px;
        margin-top: 4px;
}
#content .alignright,
#content img.alignright {
        display: inline;
        float: right;
        margin-left: 24px;
        margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
        margin-bottom: 12px;
}
#content .wp-caption {
        background: #f1f1f1;
        line-height: 18px;
        margin-bottom: 20px;
        padding: 4px;
        text-align: center;
}
#content .wp-caption img {
        margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
        color: #888;
        font-size: 12px;
        margin: 5px;
}
#content .wp-smiley {
        margin: 0;
}
#content .gallery {
        margin: 0 auto 18px;
}
#content .gallery .gallery-item {
        float: left;
        margin-top: 0;
        text-align: center;
        width: 33%;
}
#content .gallery img {
        border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
        color: #888;
        font-size: 12px;
        margin: 0 0 12px;
}
#content .gallery dl {
        margin: 0;
}
#content .gallery img {
        border: 10px solid #f1f1f1;
}
#content .gallery br+br {
        display: none;
}
#content .attachment img { /* single attachment images should be centered */
        display: block;
        margin: 0 auto;
}

/*************************************
Sidebar Styles
*************************************/
#sidebar {
background : url(images/sidebar-bg.jpg) no-repeat right top;
font-size : 12px;
float : right;
padding-top : 5px;
padding-right : 40px;
padding-left : 30px;
width : 300px;
margin: 0;
}
#sidebar h5 {
font-family : Century Gothic, AcidMedium, Verdana, "Arial", Helvetica, sans-serif;
margin : 22px 0 12px 0;
color: #111;
border-bottom : 1px solid #404040;
font-size : 17px;
line-height: 16px;
font-weight: normal;
}
#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0;
font-size : 11px;
}
#sidebar ul li {
background : url(images/list-bg.png) no-repeat left;
border-bottom : 1px solid #404040;
margin-bottom : 0.3em;
padding : 3px 3px 3px 20px;
}
#sidebar ul li:hover {
background : url(images/list-bg-over.png) no-repeat left;
}
#ad-300 {
        width: 300px;
        float: left;
}
/*************************************
Comments Styles
*************************************/
.commentsblock {
width : 539px;
margin : 15px 0;
padding : 0;
}
.commentsblock textarea {
width : 539px;
background : #555;
}
.commentsblock input, .commentsblock textarea {
background : #555;
border : 1px solid #777;
}
.commentsblock textarea:focus {
background : #ddd;
border : 1px solid #555;
}
.commentsblock textarea:focus, .commentsblock input:focus {
background : #ddd;
border : 1px solid #555;
}
.commentauthor {
display : block;
font-size : 1.5em;
}
ol.commentlist {
color : #888;
font-size : 0.9em;
list-style-type : none;
margin : 0;
margin-top : 1.5em;
padding : 0;
}
.commentlist li {
margin-bottom : 0.5em;
padding : 0.5em 1em;
}
.alt {
background : #222;
border : 1px solid #333;
padding : 0.5em;
}
/*************************************
Portfolio Styles
*************************************/
#portfolio-container {
background : url(images/slider-bg.gif) no-repeat left top;
float : left;
padding-top : 40px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
height : 450px;
list-style-type : none;
clear : both;
text-align: center;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.portfolio-thumbnail {
background : #eeeeee;
border : 1px solid #555;
float : left;
width : 175px;
height: 140px;
margin : 10px;
overflow : hidden;
display : block;
position: relative;
}
.portfolio-thumbnail .zoom {
z-index: 900;
position: absolute;
}
.portfolio-thumbnail .zoom img {
max-height:100%;
}
.portfolio-thumbnail h5 {
z-index: 910;
position: absolute;
background: rgba(255,255,255,.5);
padding: 7px 3px 7px 3px;
margin:0;
width:100%;
}
.portfolio-thumbnail h5 a {color:black;}
#portfolio-title {
background : url(images/portfolio-header.gif) no-repeat left top;
width : 900px;
height: 50px;
padding : 35px 0 20px 100px;
margin: 0;
float : left;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #C55D2A;
}
#category-title {
width : 600px;
padding : 50px 0;
height : 100px;
float : right;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
}

/*************************************
Services Page Navigation Tabs
*************************************/
#nav {
display : block;
height : 66px;
width : 900px;
margin : 0 auto;
}
#nav ul {
width : 900px;
padding : 0;
margin : 0 auto;
display : block;
}
#nav li {
border-right : 1px solid #222;
float : left;
list-style-type : none;
text-align : center;
}
#nav a {
display : block;
position : relative;
word-spacing : -2px;
font-size : 11px;
height : 66px;
text-decoration : none;
}
#nav a.current {
background : #333;
}
#nav img {
border : none;
display : block;
float : left;
}
#nav strong {
display : block;
font-size : 13px;
}
#panes {
background : url(images/slider-bg.gif) no-repeat left top;
width : 980px;
min-height : 450px;
padding-left : 40px;
padding-top : 25px;
position : relative;
font-size: 11px;
}
#panes div {
display : block;
position : absolute;
width : 900px;
}
#panes img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#panes textarea {
width : 798px;
height : 75px;
background : #555;
border : 1px solid #777;
}
#panes input {
background : #333;
border : 1px solid #777;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes input:focus {
background : #eee;
border : 1px solid #555;
}
#panes select {
background : #333;
color: #999;
border : 1px solid #777;
}
#panes select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
.more {
font-weight : bold;
}
.overlay {
display : none;
width : 900px;
padding : 20px;
}
/*************************************
Full Width Page Styles
*************************************/
#fullwidth-container {
background : url(images/slider-bg.gif) no-repeat left top;
float : left;
padding-top : 5px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
list-style-type : none;
clear : both;
}
#fullwidth-container img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#fullwidth-container textarea {
width : 798px;
height : 75px;
background : #555;
}
#fullwidth-container input {
background : #ffefcc;
border : 1px solid #000;
}
#fullwidth-container textarea {
background : #ffefcc;
border : 1px solid #000;
}
#fullwidth-container textarea:focus {
background : #fff6d9;
border : 1px solid #555;
}
#fullwidth-container textarea:focus {
background : #fff6d9;
border : 1px solid #555;
}
#fullwidth-container input:focus {
background : #fff6d9;
border : 1px solid #555;
}
#fullwidth-container select {
background : #333;
color: #999;
border : 1px solid #777;
}
#fullwidth-container select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
/*************************************
Footer
*************************************/
#footer {
background : #eee;
height : 35px;
clear : both;
font-size : 11px;
margin: 0px auto;
padding-top : 5px;
border-top : 1px solid #000;
text-align: left;
}
.notices {
width: 900px;
margin: 0 auto;
text-align: left;
}
.notices img{
float: right;
margin-top: 5px;
}
/*************************************
Twitter Feed on Homepage
*************************************/
#twitter-feed {
background : url(images/twitter-bg.png) no-repeat left top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
width : 550px;
float : left;
padding : 0 0 0 20px;
margin-top : 20px;
}
#twitter_div ul {
list-style-type : none;
}
#twitter_div li a {
text-decoration : none;
list-style-type : none;
}
#twitter_div li a:hover {
text-decoration : none;
}
/*************************************
Search Form, Search & Tags Page Title
*************************************/
#search-form {
margin-top : 20px;
padding-top : 14px;
float : right;
}
#search-form input {
width : 292px;
background : #fee9c3;
border : 1px solid #444;
color: #555;
padding : 3px;
}
#search-tags-title {
width : 510px;
background: #C55D2A;
margin: 0 0 10px 0;
padding : 0 15px;
line-height : 35px;
float : left;
text-align : left;
display : block;
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size : 25px;
font-weight: bold;
color: #fff;
text-transform : uppercase;
text-decoration: none;
}
/*************************************
PageNavi Container
*************************************/
#page-navigator {
float : right;
margin-top : 15px;
margin-bottom : 15px;
margin-right : 0px;
}
.navigation {
display : block;
text-align : center;
padding-top : 38px;
height : 50px;
padding-left : 6px;
margin : 0 auto;
}
/*************************************
WP Page Navi Styles
*************************************/
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
}
.wp-pagenavi a:visited {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #555;
background-color : #222;
}
.wp-pagenavi a:hover {
border : 1px solid #444;
color : #ccc;
background-color : #222;
}
.wp-pagenavi a:active {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
}
.wp-pagenavi span.pages {
padding : 2px 8px 2px 6px;
margin : 2px 2px 2px 2px;
border : 1px solid #626262;
background-color : #111;
}
.wp-pagenavi span.current {
padding : 2px 6px 2px 5px;
margin : 2px;
font-weight : bold;
border : 1px solid #626262;
background-color : #222;
}
.wp-pagenavi span.extend {
padding : 2px 6px 2px 5px;
margin : 2px;
border : 1px solid #626262;
background-color : #333;
}