/* -------------------------------------------------------------- 
   
Styles for www.inproductionmusic.com
  
-------------------------------------------------------------- */

@import url("reset.css");

body { font-size:62.5%; /* Reset font size (0.625*16px=10px) */ text-align:center; font-family:Helvetica, Arial, sans-serif; font-weight:normal; }


/* Layout:762px, 10 Column, 18/12/6px baseline grid
-------------------------------------------------------------- */

#header { text-align:left; width:762px; height:5.4em; padding:1.8em 18px; margin:0 auto; }

#wrapper_banner { background:#000 url(../images/banner.jpg) no-repeat center top; border-bottom:solid 0.6em #ccc; border-top:solid 0.6em #ccc; }

#banner { text-align:left; width:762px; overflow:hidden; padding:0.6em 18px; margin:0 auto; }

#footer { text-align:left; overflow:hidden; width:762px; padding:0 18px 2.4em; margin:0 auto; }

#footer_break { height:1.7em; border-top:solid 0.1em #ccc; }

#twitter { float:right; width:276px; }

#tweet { background:url(../images/tweet.gif) no-repeat 0 0; display:inline; float:left; padding-top:6px; }

.hidden { display:none; }

/* Column layout */

#main_content_ms, #main_content_sm { text-align:left; width:762px; overflow:hidden; padding:0.6em 18px 1.2em; margin:0 auto; }

#main_content_ms { background:url(../images/break.gif) repeat-y 486px top;  }

#main_content_sm { background:url(../images/break.gif) repeat-y 312px top;  }

#main_content_ms #col_main { width:450px; float:left; }

#main_content_ms #col_side { width:276px; padding-left:18px; float:right; }

#main_content_sm #col_side { width:276px; padding-right:18px; float:left; }

#main_content_sm #col_main { width:450px; float:right; }


/* General headers, paragraphs and lists
-------------------------------------------------------------- */

p { font-size:1.2em; line-height:1.5em; margin:1em 0; }

p.lead { font-size:1.4em; line-height:1.7143em; color:#fff; width:450px; float:left; padding:0.8571em 0; margin:0; }

p.intro_para { font-weight:bold; color:#942a1a; }

p.main_link { width:294px; float:right; padding:1.2em 0; margin:0; }

p.sample_intro { margin-bottom:0; }

p.download { font-weight:bold; background:url(../images/download.gif) no-repeat 0 0; padding-left:24px; }

#footer p, #footer li { font-size:1.1em; line-height:1.6364em; color:#666; float:left; width:450px; margin-top:0; }

#footer #twitter p, #footer #twitter li { color:#942a1a; background:none #fff5d5; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:.2727em 6px .2727em 6px; display:inline; width:auto; margin:0; }

#footer #back_top { text-align:right; float:right; width:294px; margin:0; }

/* See links for h1 */

h2 { font-size:1.8em; line-height:1.3333em; color:#942a1a; margin:0.6667em 0; }

h3 { font-size:1.6em; line-height:1.125em; color:#666; margin:0.75em 0; }

h4 { font-size:1.4em; line-height:1.2857em; color:#942a1a; font-weight:bold; margin:0.8571em 0; }

h5 { font-size:1.2em; line-height:1.5em; font-weight:bold; margin:1em 0; }

h6 { font-size:1.1em; line-height:1.6364em; font-weight:bold; margin:0; }

#twitter h5 { margin:0; }

li { font-size:1.2em; line-height:1.5em; background:url(../images/bullet.gif) no-repeat 0 4px; padding-left:12px; margin-bottom:0.5em; }

dt { font-size:1.2em; line-height:1.5em; font-weight:bold; margin:1em 0; }

dd { font-size:1em; line-height:1.8em; margin:0 0 1.8em; }

strong { font-weight:bold; }

em { font-style:italic; }



/* Images
-------------------------------------------------------------- */

p img { padding-bottom:0.5em; }



/* Navigation
-------------------------------------------------------------- */

#nav { float:right; width:528px; text-align:right; margin-top:2.4em; }

#nav li { background:none; display:inline; border-right:solid 1px #ccc; padding:0.5em 1em 0.5em 1em; margin:0; }

#nav li.last { border:none; padding-right:0; }



/* Links
-------------------------------------------------------------- */

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

a:hover, a:active { color:#d6492a; text-decoration:none; border-bottom:solid 1px #d6492a; }

h1 a { font-size:1em; text-indent:-999px; background:url(../images/logo.gif) no-repeat left bottom; float:left; width:210px; height:5.4em; }

h1 a:hover { border:none; }

#banner a.main_link:link, #banner a.main_link:visited { color:#fff; border:solid 1px #d6492a; display:block; padding:0.9167em 18px; }

#banner a.main_link:hover, #banner a.main_link:active { color:#fff; background:#d6492a; }



/* Examples
-------------------------------------------------------------- */

dl.drawers { overflow:hidden; margin-bottom:1.2em; }

dt.handle { color:#fff; background:#ac341d url(../images/example-texture.gif) repeat-x center top; float:left; display:inline; width:426px; padding:0.3em 12px; margin:1em 0 0 0; }

dd.drawer { clear:left; width:450px; border-top:solid 0.6em #ccc; margin:0; }

dt.handle strong { float:left; }

dt.handle em { font-size:0.9167em; font-weight:normal; text-align:right; float:right; }

dd span { background-color:#fff5d5; }



/* Form
-------------------------------------------------------------- */

form div { float:left; width:450px; clear:both; height:3.6em; }

form div.enquiry { height:108px; }

form div.last { float:none; }

label { font-size:1.2em; float:left; width:120px; font-weight:bold; padding:0.25em 0; }

input { font-size:1.2em; float:right; border:solid 1px #ccc; width:304px; padding:0.1667em 0 0.1667em 6px; }

textarea { font: 1.2em/1.5em Helvetica, Arial, sans-serif; height:7.3333em; float:right; border:solid 1px #ccc; width:298px; padding:0 6px; }

input:focus, textarea:focus { background-color:#fff5d5; border-color:#aaa; }

select { font-size:1.2em; width:450px; }

form #submit { float:none; clear:both; color:#fff; width:auto; background:#41140e; border:none; padding:0.3em 6px; }

form #submit:hover { cursor:pointer; background:#942a1a; }