/*
Theme Name: MOVE 
Description: The theme for the Website of <a href="http://motionfruit.com/">Motionfruit</a>.
Version: 1
Author: Daniel Ehniss
Author URI: http://depone.danielehniss.de

Screendesign: Marc B&ouml;ttler http://motionfruit.com

*/

/* Grundstruktur */

body {
    background-color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 75.5%;
    }

#page {
    background: url(/wp-content/themes/move/img/bg_page.jpg) no-repeat;
    width: 1100px;
    margin: 0 auto;
    min-height: 1100px;
    }

/* Ende Grundstruktur */


/* Header mit Navi */

#header {
    width: 1100px;
    height: 345px;
    }

#navi {
    text-transform: uppercase;
    float: left;
    margin: 120px 0 0 226px;
    min-width: 150px;
    }

#navi ul.one {
    list-style: none;
    margin-bottom: 45px;
    }

#navi ul.two {
    list-style: none;
    margin-bottom: 0;
    }

#navi ul li {
    list-style: none;
    margin-bottom: 5px;
    }

#navi ul li.page_item a, #navi a.thickbox {
    color: #4d4d4d;
    }

#navi ul li.current_page_item a, #navi ul li.current_page_item a:hover {
    color: #e2088c;
    }

#navi ul li a:hover {
    color: #fff;
    }

#phone {
    width: 200px;
    height: 30px;
    float: right;
    z-index: 10;
    color: #4d4d4d;
    margin: 290px 59px 0 0;
    }

/* Ende Header mit Navi */

/* Inhaltsbereich */

#content {
    clear: left;
    width: 690px;
    margin: 0 0 0 240px;
    }

#dyn {
    background: url(/wp-content/themes/move/img/bg_dyn.jpg) repeat;
    width: 638px;
    padding: 0 25px;
    margin: 50px 0 0;
    }

.feed-icon {
    background: url(/wp-content/themes/move/img/rss_icon.jpg) no-repeat top;
    width: 26px;
    height: 26px;
    margin: 48px 0 -25px 26px;
    display: block;
    }

.feed-icon:hover {
    background-position: bottom;
    }
    
.navigation {
    min-height: 1px;
    }

.post {
    letter-spacing: 0.025em;
    padding-bottom: 60px;
    }

.hentry {
    border-bottom: 1px solid #4d4d4d;
    margin-bottom: 50px;
    }

a, a:visited {
    color: #e2088c;
    text-decoration: none;
    }

a:hover {
    color: #fff;
    }

/* Ende Inhaltsbereich */

/* †berschriften */

h2.pt {
    width: 270px;
    margin: 12px 0 0 25px;
    }

.post h3 {
    font-size: 1.4em;
    }

.post h3 a, .post h3 a:visited {
    color: #fff;
    }

.post h3 a:hover {
    color: #4d4d4d;
    }

h3.page {
    text-transform: uppercase;
    margin: 0;
    }

p.page {
    margin: 0;
    }

.project {
    clear: left;
    margin-bottom: 60px;
    height: 180px;
    }

h3.pro {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    }

h4 {
    text-transform: uppercase;
    font-weight: normal;
    }

.subtitle {
    font-weight: bold;
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    }

/* Ende †berschriften */

/* Listen */

.friends ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.friends ul li h2 {
    margin: 0 0 3px;
    text-transform: uppercase;
    color: #fff;
    }

.friends ul li {
    color: #4d4d4d;
    }

.friends ul li a {
    text-transform: uppercase;
    color: #fff;
    }

.friends ul li a:hover {
    color: #e2088c;
    }

li.linkcat {
    margin-bottom: 14px;
    }

/* Ende Listen */

/* Postmetadaten */
    
.pm1 {
    min-width: 238px;
    float: left;
    height: 40px;
    }
    
.postmetadata a, .postmetadata a:visited, .postmetadata, .postmeta_single, .postmeta_single a, .postmeta_single a:visited {
    color: #4d4d4d;
    }

.postmetadata a:hover, .postmeta_single a:hover {
    color: #fff;
    }    

.postmeta_single {
    clear: both;
    }

.spread_single {
    margin: 20px 0;
    height: 20px;
    }

.spread_single .sociable_tagline {
    display: none;
    }

.sociable {
    margin: 0 0 0 4px !important;
    float: left;
    }

.sociable_tagline:hover {
    color: #fff;
    }

/* Ende Postmetadaten */

/* Kommentarbereich und Kontaktformular */

ol.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    }

ol.commentlist li {
    padding: 0 0px;
    }

ol.commentlist .thread-odd {
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    padding: 20px 0px;
    margin: 20px 0;
    }

img.avatar {
    float: left;
    margin-right: 10px; 
    }
    
input#author, input#email, input#url, #author, #email, #url {
    background: none;
    padding: 3px;
    border: 1px solid #4d4d4d;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    color: #fff;
    width: 200px;
    } 

textarea#comment, #comment {
    background: none;
    width: 630px;
    padding: 3px;
    border: 1px solid #4d4d4d;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0em;
    color: #fff;
    }

.wpcf7-mail-sent-ok, .wpcf7-validation-errors {
border: 1px solid #e2088c !important;
}

.wpcf7-not-valid-tip {
    display: none !important;
    }

/* Ende Kommentarbereich und Kontaktformular */

/* Thickbox */

#TB_window, #TB_title {
    background-color: #000 !important;
    color: #4d4d4d !important;
    border: 1px solid #000 !important;
    }

.TB_overlayMacFFBGHack {
    background: url(/wp-content/themes/move/img/macFFBgHack.png) repeat !important;
    }

.TB_overlayBG {
	background-color:#000 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	filter:alpha(opacity=90) !important;
	-moz-opacity: 0.90 !important;
	opacity: 0.90 !important;
}

/* Ende Thickbox */

/* Bilder */

img {
    border: none;
    }

img.project {
    border: 1px solid #fff;
    margin: 0 10px 10px 0;
    }

img.project:hover {
    border: 1px solid #e2088c;
    }
    
/* Ende Bilder */

/* Footer */

#footer {
    background: url(/wp-content/themes/move/img/bg_footer.jpg) no-repeat left;
    width: 1100px;
    height: 100px;
    margin: -15px auto 50px;
    }    

#footer .copyright {
    color: #4d4d4d;
    margin: 0 0 0 265px;
    padding-top: 45px;
    text-transform: uppercase;
    width: 300px;
    height: 20px;
    }

#footer .copyright a {
    color: #4d4d4d;
    }

#footer .copyright a:hover {
    color: #fff;
    }

/* Ende Footer */

/* Klassen und Stile */

.grey {
    color: #4d4d4d;
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }

.hidden, hr, #Reel {
    display: none;
    }

/* Ende Klassen und Stile */