/*   
Theme Name: Rick Baitz
Theme URI: http://rickbaitz.com/
Description: Rick Baitz, composer
Version: 0.1
*/

body { font:84%/150% georgia, serif; margin:0; padding:0; background:#000051 url('images/body-bcg.png') no-repeat 50% 0; color:#8C9BD5; }
h1, h2, h3, h4, h5, h6, #nav-main, #nav-sub, #logo strong, .page-nav { font-family:verdana, sans-serif; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { line-height:1.25em; margin:1.5em 0 1em 0; color:#fff; }
h3, h4, h5, h6 {  }
h1 { font-size:1.75em; }
h2 { font-size:1.5em; }
p { margin:0 0 1.5em 0; }
a:link { color:#71A6FF; }
a:hover { color:#fff; text-decoration:none; }
a:visited { color:#A2BDDB; }
address { font-style:normal; }

#soul { width:58em; margin:0 auto; }

#logo strong, #nav-main, #nav-sub { text-transform:uppercase; } 
#logo { color:#A2BDDB; float:left; padding:1.55em 0 1em 0; }
#logo a { display:block; color:#000; text-decoration:none; text-indent:-100em; width:214px; height:35px; background:url('images/rick-baitz-logo.png') no-repeat 0 0; }
#logo strong { font-weight:normal; font-size:2.5em; line-height:1em; display:block; } 
#logo em { display:block; border-top:1px solid #386392; width:9.75em; line-height:1em; margin:1em 0 0 0.25em; } 
#logo span { position:relative; bottom:0.45em; left:110%; } 

#nav-main { float:right; width:66%; margin-right:-1em; }
#nav-main ul { margin:0; padding:0; float:left; position:relative; z-index:10; width:110%; }
#nav-main li { float:left; clear:right; display:block; margin:0; padding:0; }
#nav-main a { float:left; padding:1.5em 1.25em 1em; text-decoration:none; color:#A2BDDB; }
#nav-main a:hover { text-decoration:underline; color:#fff; background-color:transparent; }
#nav-main li.current_page_item, #nav-main li.current_page_ancestor, #nav-main li.current_page_parent { font-weight:bold; background-color:#068AE1; margin:0 0.5em 0.75em 0.5em; }
#nav-main li.current_page_item a, #nav-main li.current_page_ancestor a, #nav-main li.current_page_parent a { color:#fff; padding:1.5em 0.5em 0.25em 0.5em; }
#nav-main li.current_page_item a:hover { text-decoration:none; }

#music-player { float:right; margin-top:1.75em; font-style:italic; font-size:0.9em; color:#417DAF; }
#music-player object { vertical-align:bottom; margin-left:1em; }

#superbox-container #superbox .close { width:auto; float:right; position:relative; right:-4em; top:-2.5em; margin:0 0 -10em 0; }
#superbox-container #superbox .close a { cursor:pointer; text-indent:-50em; float:left; width:60px; height:60px; display:block; background: url('images/x.png') no-repeat; }
#superbox-innerbox dd { margin:0; padding:0; height:100%; }
#superbox #superbox-innerbox { width:95%; padding:0.5em 1em; color:#333; overflow-y:auto; position:relative; }
#superbox h2, #superbox h3, #superbox h4, #superbox h5, #superbox h6 { color:#333; }
#superbox .audioplayer_container { margin:1em 0; }
#superbox .portfolio-item-title { margin-top:0; }
#superbox a { color:#000051; }
#superbox a:hover { color:#000; background-color:#eee; } 

#intro-wrap { float:left; width:100%; clear:both; background-color:#068AE1; padding:0.5em 0 0.35em 0; }
#intro { background:#000 url('images/intro-bcg.png') repeat-x 0 0; display:block; float:left; width:103%; position:relative; left:-1em; }
#intro a { color:#eee; padding-bottom:0.1em; }
#intro a:hover { color:#fff; background:#000; text-decoration:none; }
#intro-in { position:relative; z-index:50; color:#ccc;  padding:1.25em 1em 0.5em 1.5em; padding-right:35%; min-height:5em;  }
#intro .widget-title { font-size:1.5em; margin:0 0 1.25em 0; color:#fff; }
#intro p {  width:90%; font-style:italic; }

.intro-bcg-next { background-image:url('images/intro/default.png'); }

.intro-bcg-next, .intro-bcg-prev { background-position: 100% 0; background-repeat:no-repeat; z-index:10; width:100%; height:100%; position:absolute; left:0; margin-bottom:-100%; min-height:4em; }

body.without-intro-bcg #intro {  }
body.without-intro-bcg #intro-in {  }

#content-wrap { float:left; width:100%; clear:both; }
#content-main { float:right; width:66.33%; }
#content-margin { float:left; width:28%; margin-top:6.5em; }

#content-wrap strong { }

#nav-sub { float:left; width:25%; margin-top:1.9em; padding-top:1em; }
#nav-sub ul { margin:0; padding:0 0 0 1em; float:left; width:100%; }
#nav-sub li { display:block; color:#386392; float:left; width:100%; clear:both; }
#nav-sub li.current_page_item { color:#fff; font-weight:bold; }
#nav-sub li.current_page_item li { font-weight:normal; }
#nav-sub li.current_page_item > a { color:#fff; }
#nav-sub li.parent-heading a { font-weight:bold; font-weight:normal; color:#068AE1; }
#nav-sub li.parent-heading { font-family:georgia, serif; font-style:italic; text-transform:none; font-size:1.15em; margin-bottom:1em; }
#nav-sub a { color:#A2BDDB; text-decoration:none; display:block; clear:both; padding:0.25em 0; }
#nav-sub a:hover { color:#fff; text-decoration:underline; background-color:transparent; }
#nav-sub li ul { padding-bottom:1em; padding-left:1.25em; }
#nav-sub li li { display:list-item; list-style:square; font-size:0.85em; }

#footer { margin:3em 0 3em; position:relative; left:-1em; float:left; width:100%;  }
#footer-in { border-top:1px solid #333374; padding:1.5em 0; margin:0 0 0 1em; width:100%; }
#footer p.wp-login { position:absolute; width:1em; left:0; float:left; display:none; }
.design-credits { float:right; margin:0; }
.design-credits img { float:right; border:none; margin:0; padding:0; }
.design-credits a { border:none; text-decoration:none; }
.design-credits a img { border:none; } 
.design-credits a:hover img { border-bottom:1px solid #013076; } 

.page-content { margin:2.5em 0; } 
h1.page-title { font-size:1.75em; margin:0 0 1em -2px; }
h2.post-title a { text-decoration:none; }
h2.post-title { font-size:2em; margin:1em 0; margin-left:-0.1em; }

.page-nav { float:left; width:100%; clear:both; margin:2em 0 0 0; padding:1em 0 1em 0; border-top:medium solid #333374; }
.page-nav li { display:block; margin:0; padding:0; text-transform:uppercase; width:47%; }
.page-nav li a { padding:0.15em 0.25em; }
.page-nav li a:hover { text-decoration:none; }
.page-nav li span { font-size:2em; padding:0.25em; top:-0.3em; margin-bottom:-1em; font-weight:normal; }
.page-nav li.next { float:right; text-align:right; }
.page-nav li.prev { float:left; }
.page-nav li.next span { position:relative; float:right; right:-1.25em; margin-left:-5em; text-align:right; } 
.page-nav li.prev span { position:relative; float:left; left:-1.25em; margin-right:-5em; } 
.page-nav a img { border:1px solid #ccc; padding:1px; }
.page-nav a:hover img { border-color:#333; }
.page-nav li strong { font-weight:normal; }

div.wp-caption { text-align:center; margin-top:0.5em; padding-top:0.5em; }
div.wp-caption img { float:none; margin:0; }
div.wp-caption .wp-caption-text { margin:0.5em 0; font-style:italic; color:#666; }
div.alignright { float:right; margin:0.5em 0 1em 1em; }
div.alignleft { float:left; margin:0.5em 1em 1em 0; }
div.aligncenter { float:none; margin:1em auto; text-align:center; width:100%!important; overflow:hidden; }
div.aligncenter img { float:none; margin:0 auto; }
img.alignleft { float:left; margin:0.5em 1.5em 0 0; }
img.alignright { float:right; margin:0.5em 0 0 1.5em; }
img.aligncenter { float:none; margin:0.5em 0 0; }


/* @home */

.home h1 { font-size:1.75em; margin-top:0; display:none; }
/*.home #intro-wrap, .home #nav-main .current_page_item { background-color:#f60; } */
.home .intro-bcg-next { background:url('images/intro/portfolio.png') no-repeat 100% 0; }

#portfolio-1 { float:left; width:30%; margin-right:5%; }
#portfolio-2 { float:left; width:30%; }
#portfolio-3 { float:right; width:30%; }

.home #content-main { width:100%; }
.home #content-main dl { border-top:medium solid #013076; }
.home #content-main dd { display:none; }
.home #content-main dt { display:block; margin:0; padding:0; border-bottom:1px dotted #013076; }
.home #content-main dt a { display:block; text-decoration:none; display:block; padding:0.5em 0; }
.home #content-main dt a:link { color:#A2BDDB; }
.home #content-main dt a:hover { color:#fff; background-color:transparent; text-decoration:underline;  }
.home #content-main dt a:visited { }
.home #content-main dt.with-audio a { padding-left:1.5em; background: url('images/with-audio.png') no-repeat 0 0.65em; }
.home #content-main dt.with-audio a:hover { background-image:url('images/with-audio-hover.png'); }
.home #content-main dt.with-video a { padding-left:1.5em; background: url('images/with-video.png') no-repeat 0 0.65em; }
.home #content-main dt.with-video a:hover { background-image:url('images/with-video-hover.png'); }
.portfolio-media { float:left; width:100%; background:#ccc; text-align:center; padding:1em 0; margin:0 2em 2em 0; }
.portfolio-media object { }
body.single .portfolio-media { background-color:transparent; padding:0; }

p.share { font-size:0.8em; padding-top:1em; margin-top:3em; border-top:1px solid #ddd; background:#fff; }

#notice .widget { margin:0 0 -0.5em 0; padding:0.5em 0; border-bottom:1px solid #013076; font-size:1.25em; }
#notice p { margin:0.5em 0; }

/* @Contact */

.contact-form { float:left; width:100%; clear:both; }
.contact-form p { float:left; width:100%; clear:both; margin:0.5em 0; }
.contact-form label { }
.contact-form p.contact-form-message { margin-top:0; }
.contact-form-message label { float:left; margin-bottom:0.5em; }
.contact-form-message textarea { width:96.75%; padding:0.5em 0.5em; }
.contact-form input#your-name, .contact-form input#your-email-phone { float:right; width:22em; }
.contact-form p.send-message { }
.contact-form p.send-message input { font-size:1.25em; padding:0 1em; }
.contact-form img.ajax-loader {  }

/* Credits */

#text-7 { width:80%; }

/* Page backgrounds */

body#page-id-teaching #intro-in, body.parent-pageid-87 .intro-bcg-next { }
body#page-id-bio #intro-in, body.parent-pageid-91 .intro-bcg-next { }
body#page-id-contact .intro-bcg-next { }

.acc { display:none; }