/*
Site URI: http://www.bohemianalps.com/
Design: Jason Simanek   http://www.bohemianalps.com/
*/

/* ---------------------------------------------------------------------------- */
/* Color Palette for BohemianAlps.com */
/* ---------------------------------------------------------------------------- */
/*
grey light              #f9f9f9
grey                        #d4d4d4
grey dark               #797979
grey black1         #585858
grey black2         #433c3c
blue light              #DDEDF3
blue                        #7491aa
blue dark               #36546E
brown light         #c88d57
brown                   #a96a35
brown dark          #8f4e17
red                     #E40000
yellow                  #ffffc5
*/
/* ---------------------------------------------------------------------------- */
/* Primary Elements */
/* ---------------------------------------------------------------------------- */
body {
    font-family:Georgia, serif, sans-serif;
    background:url('../images/balps_bkgd-MediumWood.png') #C88D57;
    background-attachment:fixed;
    color:#000;
    text-align:center;
    margin:0;
    padding:0;
}
.Masthead {
    width:780px;
    margin:0 auto;
    padding:0;
}
#Sitefooter {
    width:780px;
    margin:0 auto 1.5em auto;
    padding:0;
}
#pageTop {
    width:780px;
    height:39px;
    margin:0 auto;
    padding:0;
    background:url('../images/balps_pageTop.png') no-repeat top;
}
#pageMiddle {
    width:780px;
    margin:0 auto;
    padding:2em 0 2.5em 0;
    background:url('../images/balps_pageMiddle.png') repeat-y top;
}
#pageContents {
    width:580px;
    margin:0 auto;
    padding:0 10px 0 0;
}
#pageContents hr {
    height:2px;
    margin:0 0 2em 0;
    padding:0 0 2em 0;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#D4D4D4;
    clear:both;
}
#pageBottom {
    width:780px;
    height:36px;
    margin:0 auto;
    padding:0;
    background:url('../images/balps_pageBottom.png') no-repeat top;
}
#BelowThePaper {
    width:738px;
    margin:0 auto;
    padding:0;
}
.whiteframe {
    margin:0 9px 1em 0;
    padding:10px;
    border:solid 2px white;
}
.wfinfo {
    width:405px;
    padding:25px 18px 18px 18px;
    float:right;
    background-color:white;
}

/* ------------------------------------------------------------------------------ */
/* General Text Styles */
/* ------------------------------------------------------------------------------ */
h1#Logo {
    font:normal 40px/30px Georgia, serif;
    color:white;
    text-align:left;
    margin:0 0 0 20px;
    padding:.7em 0 0 0;
}
h1 {
    font:normal 32px/120% Georgia, serif;
    text-align:center;
    padding:.5em 0 .2em 0;
    color:#585858;
}
#BelowThePaper h1 {
    color:white;
    text-align:center;
}
h2 {
    font:normal 22px/120% Georgia, serif;
    text-align:left;
    color:#585858;
}
p {
    font:normal 14px/140% Georgia, serif;
    text-align:left;
    color:#433c3c;
    margin-bottom:.9em;
}
blockquote {  }
blockquote.MyName { font:normal 2em/1.2em serif; text-align:center; padding-bottom:.5em; }
em { font-style:italic; }
ul {
    list-style:square inside;
    font:normal 14px/140% Georgia, serif;
    text-align:left;
    color:#433c3c;
    margin:0 0 .9em 2em;
}
#portfolioWebDD dl dd hr.NotShown, #portfolioPrintDD dl dd hr.NotShown, #portfolioIllustDD dl dd hr.NotShown, hr#NotShownSingle {
    height:0; margin:0; padding:0; border-color:white;
}
/* p.firstpara:first-line { font-variant:small-caps; } */
p a { text-decoration:none; color:#E40000; }
p a:hover { text-decoration:underline; |}
h1::-moz-selection, h2::-moz-selection, p::-moz-selection{
    background:#E0F3FF;
    color:#433c3c;
}
h1::selection, h2::selection, p::selection {
    background:#E0F3FF;
    color:#433c3c;
}
.offsiteLink { font:normal 11px/12px Helvetica, sans-serif; color:gray; }
div.specialnote {
    margin:2em 0;
    padding:1em 2em;
    background-color:#DDEDF3;
    border:solid 1px #7491aa;
}
div.specialnote h2 { color:#7491AA; margin-bottom:.2em; }
div.specialnote p { font-family:serif; font-size:110%; }

/* ------------------------------------------------------------------------------ */
/* Masthead Styles */
/* ------------------------------------------------------------------------------ */
.Masthead ol {
    width:500px;
    float:right;
    margin:-42px 30px 0 0;
}
.Masthead ol li {
    margin:0;
    padding:0 0 1em 0;
    float:right;
}
.Masthead ol li a {
    display:block;
    font-size:14px;
    text-decoration:none;
    text-align:center;
    margin:0 0 0 0;
    padding-top:26px;
    padding-bottom:5px;
    color:white;
    opacity:.6;
}
.Masthead ol li a:hover {
    font-size:18px;
    padding-top:22px;
    padding-bottom:4px;
    background:none;
    text-decoration:underline;
    opacity:1;
}
#HomeLink, #AboutLink { width:60px; }
#BlogLink { width:70px; }
#ContactLink { width:70px; }
#PortfolioLink { width:80px; }
#FreeTimeLink { width:92px; }
.Masthead ol li.ThisPage a {
    font-size:18px;
    padding-top:22px;
    padding-bottom:4px;
    background:none;
    opacity:1;
}

/* ------------------------------------------------------------------------------ */
/* Column Styles */
/* ------------------------------------------------------------------------------ */
.columns3 { margin-top:1.5em; }
.columns3 div {
    width:183px;
    height:150px;
    margin:0 4px 8px 4px;
    padding:26px 0 15px 0;
    float:left;
    background-color:#f9f9f9;
    border:dotted 1px #D4D4D4;
}
.columns3 div:hover { background-color:white; }
.columns3 div p { font:normal 11px/14px Helvetica, sans-serif; text-align:center; padding:5px 16px; }
.columns3 div p a { font:normal 14px/14px Helvetica, sans-serif; display:block; margin-bottom:3px; }
.columnsHome div { height:180px; }
.columnsHome div p a { font:normal 18px/110% Georgia, serif; }
.columnsFreeTime div { height:200px; }
.columnsFreeTime div ol { display:none; }

/* ------------------------------------------------------------------------------ */
/* Description List Styles */
/* ------------------------------------------------------------------------------ */
dl {  }
dl dt {
    font:normal 22px/24px Georgia, serif;
    color:#585858;
    text-align:left;
    margin-bottom:.2em;
}
dl dd img { margin:-24px 0 15px 40px; float:right; }
dl dd p { font:normal 14px/140% Georgia, serif; }
#ToolList dt { font:bold 14px/16px Helvetica, sans-serif; color:#C88D57; text-align:left; }
p.slidesLabel { margin-bottom:.3em; }
ol.slides {
    font:normal 14px/16px Helvetica, sans-serif;
    color:#7491AA;
    clear:both;
    text-align:left;
    list-style:decimal inside;
    margin-bottom:2em;
}
ol.slides li { margin-bottom:.2em; }
ol.slides li a { text-decoration:none; }
ol.slides li a:hover { text-decoration:underline; }

/* ------------------------------------------------------------------------------ */
/* Portfolio Styles */
/* ------------------------------------------------------------------------------ */
#portfolioNav { list-style:none; text-align:center; width:450px; margin:0 auto; }
#portfolioNav li { width:140px; margin:0 5px -1px 5px; float:left; }
#portfolioNav li a {
    display:block;
    font-size:1.3em;
    text-decoration:none;
    padding:6px 0;
    color:#7491aa;
    background-color:;
    border-top:solid 1px white;
}
#portfolioNav li a:hover { border:solid 1px #7491aa; }
#portfolioList {
    margin:0 0 1.2em 0;
    padding:0 0 .3em 0;
    border:solid 1px #7491aa;
    background-color:#f9f9f9;
    clear:both;
}
#portfolioList dt {
    display:block;
    font-size:32px;
    text-align:center;
    color:#f9f9f9;
    padding:10px 0;
    background-color:#7491aa;
}
#portfolioList dd dl { padding:20px 20px 0 20px; }
#portfolioList dd dl dt {
    display:block;
    font-size:18px;
    font-family:sans-serif;
    font-variant:normal;
    text-align:left;
    color:#7491aa;
    margin:0;
    padding:0;
    background-color:#f9f9f9;
}
#portfolioList dd dl dd img { margin-top:-20px; }
#portfolioList dd dl dd hr { border-color:#DDEDF3; }
#portfolioList dd dl dd hr#invisible { border-color:#f9f9f9; }

/* ------------------------------------------------------------------------------ */
/* Contact Styles */
/* ------------------------------------------------------------------------------ */
#contactForm p {
    font:normal 12px/120% Helvetica, sans-serif;
    color:#7491aa;
    width:275px;
    text-align:right;
    margin:20px auto 0 auto;
    padding:10px 20px 20px 20px;
    background-color:#DDEDF3;
    border:solid 1px #7491aa;
}
#contactForm p input.Writing {
    font:normal 12px/120% Helvetica, sans-serif;
    width:200px;
    padding:2px 4px;
    margin:10px 0 0 10px;
    background-color:#f9f9f9;
    border:dotted 1px #7491aa;
}
#contactForm p textarea {
    font:normal 12px/120% Helvetica, sans-serif;
    width:200px;
    height:100px;
    padding:2px 4px;
    margin:10px 0 0 10px;
    background-color:#f9f9f9;
    border:dotted 1px #7491aa;
}
#contactForm p #contactSend { display:block; width:100px; cursor:pointer; margin:15px auto 0 auto; }

/* ------------------------------------------------------------------------------ */
/* Sitefooter Styles */
/* ------------------------------------------------------------------------------ */
#Sitefooter p {
    font:normal 11px/120% Helvetica, sans-serif;
    color:white;
    text-align:right;
    margin:0 30px 0 0;
}
#Sitefooter p a { color:white; }