/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox/
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
   font-family: 'mattze';
     src: url('fonts/kreon.eot');
     src: url('fonts/kreon.eot#') format('embedded-opentype'),
          url('fonts/kreon.woff') format('woff'),
          url('fonts/kreon.ttf') format('truetype');
}
@font-face {
   font-family: 'mad';
     src: url('fonts/droidsans.eot');
     src: url('fonts/droidsans.eot#') format('embedded-opentype'),
          url('fonts/droidsans.woff') format('woff'),
          url('fonts/droidsans.ttf') format('truetype');
}


/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border:0;
    font-size:100%;
    font:inherit;
    margin:0;
    padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
}

body {
    background-attachment:fixed, fixed;
    background-image:url(gfx/bg-stopper.png), url(gfx/bg-gradient.png);
    background-position:center center, center center;
    background-repeat:repeat, repeat-x;
    color:#404040;
    font-family:'mad',sans-serif;
    margin:0;
    padding:0;
    width:100%;
}

ol,ul {
    list-style:none;
}

blockquote,q {
    quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img {
    border:0;
}

a {
    color:#c57c1f;
    font-weight:300;
    text-decoration:none;
}

a.red {
    color:#c00000;
    font-weight:300;
    text-decoration:none;
}

#container {
    background:url(gfx/bg-simon.png) no-repeat scroll center top transparent;
    margin:0;
    text-align:center;
    width:100%;
}

#page {
    background:url(gfx/bg-header-title.png) no-repeat scroll 101% top transparent;
    margin:0 auto;
    padding:0;
    text-align:left;
    width:980px;
}

#header {
    height:143px;
    margin:0;
    width:100%;
}

#header a {
    display:block;
    height:140px;
    text-indent:-9999px;
}

#navigation {
    /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #31588f, #224377);
    /* IE 10 */
 background: -ms-linear-gradient(top, #31588f, #224377);
    /* Opera 11.10+ */
 background: -o-linear-gradient(top, #31588f, #224377);
    /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31588f), to(#224377));
    /* Safari 5.1, Chrome 10+ */
 background: -webkit-linear-gradient(top, #31588f, #224377);
    /* fallback */
 background-color: #224377;
    border-radius:7px;
    height:50px;
    text-align:center;
    width:100%;
}

 #links {
    font-family:'mattze', serif;
    font-size:15px;
    font-weight:bold;
    margin-left:100px;
    padding-top:16px;
}

 #links a {
    background:url(gfx/menu-separator.png) no-repeat right 3px transparent;
    color:#ffffff;
    display:block;
    float:left;
    padding: 0 1.1em 0 0.7em;
    text-decoration:none;
}

#links a.language,
#links #menu-item-65 a {
    background:none;
}

a.none,
a.none:focus,
a.none:hover,
a.none:active {
   color:#3b3b3b;
}

#links a:focus,#links a:hover,#links a:active {
    color:#e2eddd;
    text-decoration:none;
}

#content {
    background:#fff;
    border-radius:7px;
    margin:25px 0;
}

img.language {
   margin-left: -165px;
   margin-top: -3px;
}

.home {
    text-align:center;
}

h1 {
    border-bottom:1px solid #eaeaea;
    color:#3b3b3b;
    font-family:'mattze', serif;
    font-size:1.9em;
    padding:25px 0;
}

h1.page-title {
    font-size:1.1em;
    padding:15px 0px 15px 15px;
}

h2, h3 {
    color:#404040;
    font-family:'mattze',serif;
    font-size:1.3em;
    line-height:1.4em;
    padding:15px 0;
}

p {
    color:#404040;
    font-family:'mad',sans-serif;
    font-size:.99em;
    line-height:1.4em;
    padding:5px 45px;
}

cite {
  font-style:italic;
  display:block;
  color:#404040;
  font-family:'mad',sans-serif;
  font-size:.89em;
  line-height:1.4em;
  padding:5px 25px;
}

.vidspics {
    padding:20px 0;
}

.visual {
    border-color:#ECECEC #D4D4D4 #D4D4D4 #ECECEC;
    border-style:solid;
    border-width:1px;
    box-shadow:1px 1px 1px #F0F0F0;
    margin:5px;
    padding:3px;
}

#section {
    background:none repeat scroll 0 0 #F9F9F9;
    border-bottom:1px solid #ECECEC;
    border-top:1px solid #ECECEC;
    clear:both;
    margin-top:20px;
    text-align:left;
}

#section #s1 {
    float:left;
    margin-left:15px;
    padding:10px;
    width:180px;
}

#section #s4 {
    margin-left:715px;
    padding:10px;
    width:210px;
}

#section h4 {
    color:#6a6a6a;
    font-family:'mattze',serif;
    font-size:.99em;
    margin:0;
    padding:0;
}

#section small {
    color:#4e6f97;
    font-size:.6em;
}

#section ul,#section p {
    color:#404040;
    font-family:'mad',sans-serif;
    font-size:.7em;
    line-height:1.3em;
    padding:5px;
}

#section ul {
    line-height:1.7em;
    list-style:disc inside none;
}

#section .social {
    display:block;
    float:none;
    height:38px;
    margin:10px;
    padding:0;
    text-decoration:none;
    text-indent:-9999px;
    width:38px;
}

#section .facebook {
    background:url(gfx/sprite-social.png) 0 0;
    float:left;
}

#section .twitter {
    background:url(gfx/sprite-social.png) 0 40px;
    float:left;
}

#section .youtube {
    background:url(gfx/sprite-social.png) 0 80px;
    clear:left;
    float:left;
}

#section .rss {
    background:url(gfx/sprite-social.png) 0 120px;
    float:left;
}

#footer {
    color:#AAA;
    font-size:.6em;
    font-weight:100;
    height:40px;
    margin:auto;
    padding-top:20px;
    text-align:center;
}

#footer a.impressum {
    color:#aaa;
    font-weight:100;
    text-decoration:none;
}

#footer a.impressum:focus,#footer a.impressum:hover,#footer a.impressum:active {
    text-decoration:underline;
}

#primary {
    width:725px;
}

div.widget-area {
    float:right;
    width:270px;
}

article {
    margin:10px;
    padding:10px;
}

article h1 {
    border:0;
    font-size:1.6em;
    margin:0;
    padding:10px 0;
}

article h1 a {
    color:#404040;
}

article .entry-meta {
    font-size:.65em;
    padding:5px 0 10px;
}

article .entry-content {
    background:none repeat scroll 0 0 #F9F9F9;
    border:1px solid #ECECEC;
    margin:0;
    padding:10px;
}

article .wp-caption {
    background:#fff;
    border-color:#ECECEC #D4D4D4 #D4D4D4 #ECECEC;
    border-style:solid;
    border-width:1px;
    box-shadow:1px 1px 1px #F0F0F0;
    padding:3px;
}

article .wp-caption-text {
    font-size:.65em;
}

aside {
    background:none repeat scroll 0 0 #F9F9F9;
    border:1px solid #ECECEC;
    margin:20px;
    padding:10px;
}

aside h1 {
    border:0;
    font-size:1.3em;
    margin:0;
    padding:0;
}

aside ul {
    font-size:.8em;
    line-height:1.6em;
    list-style:disc inside;
    padding:5px;
}

.entry-content {
    margin:20px;
    padding-top:20px;
}

.entry-content h1 {
    border-bottom:1px solid #EAEAEA;
    color:#3B3B3B;
    font-family:'mattze',serif;
    font-size:1.5em;
    margin:0 0 10px;
    padding:5px 0;
}

.entry-content img {
    margin:5px;
}

.entry-content p {
    margin:0;
    padding:5px 10px;
}

.entry-content .floatzone {
    margin-left:10px;
}

.entry-content .floatzone .alignleft {
    margin: 15px 15px 10px 0;
}

.entry-content ul {
    font-size:0.9em;
    line-height: 1.6em;
    list-style: disc inside none;
    margin-left: 20px;
    padding:5px;
}

.entry-content iframe {
  margin:auto;
  display:block;
}

#comments {
    margin:10px;
    padding:10px;
}

strong,article strong {
    font-weight:700;
}

a.no,a.no:focus,a.no:hover,a.no:active {
    text-decoration:none;
}

#section #s2,#section #s3 {
    float:left;
    margin-left:15px;
    padding:10px;
    width:210px;
}

#section .socialarea,aside .tagcloud {
    padding:5px;
}

article p,#comments p {
    border:0;
    margin:0;
    padding:0;
}

#comments h3, #comments h2 {
    background: none repeat scroll 0 0 #C0C0C0;
    color: #FFFFFF;
    font-size: 0.9em;
    margin: 0;
    padding: 8px;
}

#respond,#comments li {
    background: none repeat scroll 0 0 #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    margin: 15px 10px;
    padding: 10px;
}

#comments li footer img {
    display:none;
}

#comments li .comment-edit-link,#comments li time {
    font-size:0.55em;
}

#comments li#comments .form-allowed-tags {
    display:none;
}

#commentform .comment-notes {
    font-size:0.7em;
    padding:5px;
}

#comments .comment-author{
    border-bottom: 1px solid #c0c0c0;
    color:080B74;
    font-size:0.8em;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#comments .reply {
    float:right;
    font-size:0.7em;
}

#comments .commentmetadata {
    float:right;
    margin-top: -28px;
}

ol.commentlist .comment-content {
    font-size:0.85em;
}

#commentform p {
    padding:5px;
}

#commentform .comment-notes .required {
    display:none;
}

#commentform .required {
    float: right;
    margin-right: 397px;
}

#commentform label{
    display:block;
    font-size:0.8em;
}

#commentform p.form-submit {
    margin-right: 0px;
}

#commentform .logged-in-as {
    font-size:0.85em;
}

.contactForm {
    background: none repeat scroll 0 0 #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    font-size:0.8em;
    margin: 15px 10px;
    padding: 10px;
    width:500px;
}

.standard-button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -moz-linear-gradient(top, #d91515 0%, #6b0505);
    background: -webkit-gradient(linear, left top, left bottom, from(#d91515), to(#6b0505));
    border-radius: 5px;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 7px;
    text-decoration:none;
}

.standard-button a:hover {
    color: #ffffff;
}

.showoverview {
    height:300px;
    margin-bottom:60px;
    margin-left:30px;
    margin-top:20px;
    width:900px;
}

.show {
   /* -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: perspective; */
    display:block;
    float:left;
    margin-left:20px;
}

.show:hover {
    -webkit-perspective: 5000;
}

.show img {
  /*  -webkit-transform: rotateY(22deg) translateZ(1px) ;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: transform; */
    border:8px solid #fcfafa;
    box-shadow:0 4px 10px #888;
}

.show:hover img {
    /*-webkit-transform: rotateY(0deg) translateZ(1px) ;*/
}

.show .showdetails {
    /*-webkit-transform: rotateY(22deg) translateZ(3px);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-property: transform;*/
    background:#e6e6e6;
    border:8px solid #fcfafa;
    box-shadow:0 4px 10px #888;
    height:120px;
    margin:-150px 0 0 30px;
    padding:10px;
    position:absolute;
    text-align:center;
    width:170px;
}

.show:hover .showdetails{
  /*  -webkit-transform: rotateY(0deg) translateZ(3px); */
    box-shadow:0 5px 10px #888;
    margin:-100px 0 0 30px;
    text-align:center;
}

.show .showdetails h3 {
    color:#7a3f3a;
    font-variant: small-caps;
    padding-bottom:5px;
    text-align:center;
}

.show .showdetails p {
    font-size:0.8em;
}

.post-edit-link {
    display:none;
}

.page .wp-caption-text {
    font-size: 0.75em;
    margin-top:-5px;
    text-align: center;
}

.aligncenter {
    margin:auto;
}

.page-images-left {
    float:left;
    height:240px;
    margin-bottom: 20px;
    margin-right:10px;
    width:300px;
}

.alignleft {
    float:left;
    margin:10px;
}

.blue {
    color:#3090C7;
}