/*
Theme Name:     Movie Meets Music
Theme URL:      http://www.movie-meets-music.com
Description:    WP-Theme für movie-meets-music.com
Version:        1.0
Author:         im:cube7 | Sebastian Schwarz
Author URL:     http://www.imcube7.de/

Grey dark:		#333333;
Rosa:			#CC9999;
Wine:			#803437;
Color:          

*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h5, h5, h6 { font-weight:bold } 

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; padding:  0 15px 0 0; }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*   *** GLOBAL ***   */

body { background: url(mmm/_design/bg_body.jpg) top left; font-size: 15px; font-family: "Trebuchet MS", "Helvetica", "Arial", sans-serif; color: #333333; }
#wrap { width: 840px; margin: 0 auto; }
a { text-decoration: none; color: #803437; }
:focus { outline: none; border: 0; }

.editlink { font-size: 0.8em; margin: 10px 0; }

/*   *** HEADER ***   */
#header {  background: url(mmm/_design/bg_header.jpg) no-repeat top left; padding:0; margin: 0; }
#header_logo { height: 80px;}
#header_flash { 
}
#header_menu {
}



/*   *** HEADER NAVIGATION 1***   */


/*#nav1 { height: 50px; margin: 113px 0 0 0; overflow: hidden; }*/
/*#nav1 ul { list-style: none; }
#nav1 ul li { float: left; font-variant: small-caps; font-weight: bold; letter-spacing: 1px; font-size: 1.1em; line-height: 50px; }
#nav1 ul li a { color: #FFFFFF; text-decoration: none; display: block; padding: 0 80px 0 20px; }
#nav1 ul li a:hover { background: url(mmm/_design/nav_arrow.png) no-repeat 6px 21px; color: #CC9999; }
*/
/*.current_page_item { background: url(mmm/_design/nav_arrow2.png) no-repeat 6px 21px; }*/

/*   *** CONTENT ***   */

#content { background: #FFFFFF url(mmm/_design/bg_content_schatten.png) top left; padding: 20px; overflow: hidden;background-repeat:no-repeat;
 }
#content h2 { color: #803437; text-transform: uppercase; margin: 0 0 20px 0; }
#content p { margin: 0 0 1em 0; font-family: "Georgia", "Times New Roman", serif; text-align: justify; line-height: 20px; }

#content #left { width: 540px; float: left; margin: 20px 0 0 0; }
#content #left .zitat { text-align: center; color: #803437; font-size: 1.1em; font-weight: bold; padding: 10px 0 0 0; }

#content #right { width: 240px; float: right; margin: 20px 0 0 0; }
#content #right img { margin: 40px 0 0 0; }
#content #right #side_adresse { height: 130px; background: url(mmm/_design/side_adresse.png) no-repeat top right; margin: 40px 0 20px 0; }

#content #full { margin: 20px 0 0 0; }

#content table {

  border-collapse: collapse;
  border:none;
}

#content td, th {
  padding: 0.5em;
  border: none;
}


/*   *** FOOTER ***   */

#footer { height: 120px; background: url(mmm/_design/bg_footer.jpg) no-repeat top left; clear: both; }
#footer ul { width: 200px; float: right; padding: 0 20px 0 20px; }
#footer ul li { text-align: right; font-variant: small-caps; letter-spacing: 1px; line-height: 20px; }
#footer ul li a { display: block; padding: 0 12px 0 0; background: url(mmm/_design/nav_arrow3l.png) no-repeat right 6px; }
#footer ul li a:hover { color: #CC9999; background: url(mmm/_design/nav_arrow2l.png) no-repeat right 6px; }


/*   *** FLASH ***   */
#flash_scroller { margin: 0; padding: 0;}