/*
Theme Name: Martijn Smeets Fotografie Theme 7.2
Theme URI: http://www.martijnsmeetsfotografie.nl
Author: Martijn Smeets
Author URI: http://www.martijnsmeetsfotografie.nl
Description: This WordPress theme was designed and built by Martijn Smeets and may not be used without his explicit permission.
*/


/*OVERRIDE STRUCTURE OF STYLES.CSS
-------------------------------------------------------- */	
#lineLeft        { left: -15px; width: 1px; }
#lineRight       { right: -16px; width: 1px; }
#lineTop         { top: -16px; height: 1px; }
#lineBottom      { bottom: -16px; height: 1px; }
#columnDivider   { width: 1px; }
#scrollbarTrack  { right:-19px; width: 7px; }
#scrollbarHandle { width: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 



/*TYPOGRAPHY - GLOBAL
-------------------------------------------------------- */
html { font-size:100.01%; }
body { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 0.703em; line-height: 1.5em; text-align: justify; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 0.035em; line-height: 1.2em; margin-bottom: 0.4em; }
h1 { font-size: 2.36em; }
h2 { font-size: 1.573em; font-variant: small-caps; }
h3 { font-size: 1.399em; }
h4 { font-size: 1.224em; }
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:1em; font-weight:bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

p { margin-bottom: 1.3em; }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a, a:hover, a:active, a:focus { text-decoration: underline;	outline: none; }
a:hover, .button:hover        { cursor: pointer; }

li ul, li ol { margin:0; }
ul, ol       { margin: 0 1.3em 1.3em 0; padding-left: 2em;}
ul           { list-style-type:square; }
ol           { list-style-type:decimal; }
dl           { margin-bottom: 1.3em; }
dl dt        { font-weight:bold; }
dd           { margin-left:1.5em; }

table           { margin-bottom: 1.3em; width:100%; }
th              { font-weight:bold;}
th, td, caption { padding:4px 10px 4px 5px;}
tfoot           { font-style:italic;}

blockquote          { position: relative; width: 250px; font-style: italic; margin: 1.9em auto 1.9em auto; }
blockquote p        { margin: 0; }
blockquote p:before { content: '\201C'; font-weight: bold; font-size: 36px; line-height: 1em; position: absolute; top: -5px; left: -31px;  }
blockquote p:after  { content: '\201D'; font-weight: bold; font-size: 36px; line-height: 1em; position: absolute; bottom: -25px; right: -22px;  }

strong        { font-weight:bold; }
em, dfn       { font-style:italic; }
dfn           { font-weight:bold; }
sup, sub      { line-height:0; }
abbr, acronym { border-bottom: 1px dotted; }
address       { margin:0 0 1.5em;font-style:italic;}
pre           { margin:1.5em 0; white-space:pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:1.3; }

fieldset { margin: 1em 0 1em 0; padding-top: 10px; }
legend   { font-size: 1.2em; font-variant: small-caps; }
label    { display: block; width: 379px; margin: 0 0 5px 0; }
input    { width: 180px; padding: 3px; margin: 0 5px 0 0; vertical-align: middle; position: relative; top: -1px; *overflow: hidden; }

input[type=text], input[type=password], input.text, input.title, input.button, textarea, select { border: 1px solid;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input.button:focus, textarea:focus, select:focus { outline: none; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:0.1em; }
input.button         { width: auto; margin: 0;}
input.title          { font-size:1.5em; }
input[type=checkbox] { margin: 5px 0 10px 0; }
textarea             { width:365px; height:100px; padding:5px; margin: 0 0 5px 0; }

.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid; }


/*HELPER CLASSES*/
.small       { font-size:0.8em; line-height:1.625em; margin-bottom:1.625em; }
.large       { font-size:1.2em; line-height:2.167em; margin-bottom:1.083em; }
.hide        { display:none; }
.first       { margin-left:0;padding-left:0;}
.last        { margin-right:0;padding-right:0;}
.top         { margin-top:0;padding-top:0;}
.bottom      { margin-bottom:0;padding-bottom:0;}
.left        { float: left;  }
.right       { float: right; }
img.left     { margin: 2px 5px 2px 0; }
img.right    { margin: 2px 0 2px 5px; }
.center      { text-align: center; }
.centerBlock { display: block; margin-left: auto; margin-right: auto; }
.clear       { clear: both; }


/*TYPOGRAPHY - CONTENT - FRONTPAGE
-------------------------------------------------------- */
.jdGallery h2 { margin: 7px 10px 7px 10px; font-size: 24px; color: #000; font-variant: normal; }
.jdGallery p  { margin: 0px 10px 7px 10px; font-size: 13px; letter-spacing: 0.3px; }
.jdGallery a  { text-decoration: none; }


/*TYPOGRAPHY - CONTENT - PAGES
-------------------------------------------------------- */
table.prices td { width: 100px; }
table.prices td.pricesLeft { width: 250px; }
table.prices tr.pricesTop { font-weight: bold; }


/*TYPOGRAPHY - CONTENT - BLOG
-------------------------------------------------------- */
#blogTagcloud a  { letter-spacing: 0.1em; line-height: 1.3em; text-decoration: none; vertical-align: middle; }
.blogThumbnail   { font-size: 1.136em; }
#blogNavigation  { font-size: 1.136em; }
#blogPost p.date { font-size: 0.9em; }
#blogComments p        { font-size: 0.9em; padding: 0 5px 0 5px; margin: 0; }
#blogComments p.date   { margin: 2px 0 2px 0; }
#blogComments p.author { font-size: 1.3em; font-variant: small-caps; margin: 0 0 0.5em 0; }


/*TYPOGRAPHY - CONTENT - SHOWCASES
-------------------------------------------------------- */
.showcaseThumbnail  { font-size: 1.136em; }
#showcasePost p.date { font-size: 0.95em; line-height: 2.981em; margin: 0; }
#slideshowClose { font-size: 1.573em; text-decoration: none; text-transform: uppercase; font-variant: small-caps; }
#imageCaption { font-size: 1.399em; }
#imageNumber  { font-size: 0.874em; }


/*TYPOGRAPHY - OUTSIDE CONTENT
-------------------------------------------------------- */
#mainMenu a { font-size: 12px; letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase; }
#mainMenu a:hover, #mainMenu a.selected { text-decoration: underline; }
#footer p { font-size: 0.8em; letter-spacing: 0.02em; margin: 1em 0; }




/*COLORS & COLOR-RELATED BACKGROUNDS
-------------------------------------------------------- */
html, body, #column1, #column2, #frontpageSlideshow { background-color: #222; }
.jdGallery .slideElement   { background-color: #222; }
.jdGallery .loadingElement { background-color: #222; }

#blogPost .metadata, #blogComments, #blogTagcloud, .comment, blockquote { border-color: #FFF; }
#lineLeft, #lineRight, #lineTop, #lineBottom, #columnDivider, #scrollbarHandle { background-color: #FFF; }

#blogComments .comment { background-color: #333; }
#blogComments .alt     { background-color: #444; }

#logoTop, #logoBottom { background-image: url(http://www.martijnsmeetsfotografie.nl/images/dark/logo.png); }
.noImage              { background-image: url(http://www.martijnsmeetsfotografie.nl/images/dark/blogImageBackground.png); }
#navigationLeftLink   { background-image: url(http://www.martijnsmeetsfotografie.nl/images/dark/navigationLeft.png); }
#navigationRightLink  { background-image: url(http://www.martijnsmeetsfotografie.nl/images/dark/navigationRight.png); }
.blogThumbnail div, .showcaseThumbnail div { background-image: url(http://www.martijnsmeetsfotografie.nl/images/dark/titleBackground.png); }
.jdGallery .loadingElement { background: #FFFFFF url('http://www.martijnsmeetsfotografie.nl/images/dark/loading-bar.gif') no-repeat center center; }

body, a      { color: #FFF; }
h1, h2, h3   { color: #FFF; }
a:hover      { color: #A40802; }
.jdGallery a { color: #000; }
blockquote   { color: #FFF; }
blockquote:before, blockquote:after { color: #FFF; }

thead th        { background:#C3D9FF;}
tr.even td      { background:#F0F0F0;}
caption         { background:#EEEEEE;}
abbr, acronym   { border-color: #888888; }
del             { color:#666666; }

/*FORMS*/
input[type=text], input[type=password], input.text, input.title, input.button, textarea, select { border-color: #888888; background-color: #FFFFFF; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input.button:focus, textarea:focus, select:focus { border-color: #A40802; }
.error     { background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4; }
.notice    { background:#FFF6BF;color:#514721;border-color:#FFD324; }
.success   { background:#E6EFC2;color:#264409;border-color:#C6D880; }
.error a   { color:#990000; }
.notice a  { color:#514721; }
.success a { color:#264409; }

/*HELPER CLASSES*/
.quiet     { color:#AAAAAA; }
.loud      { color:#FFFFFF; }
.highlight { background:#990000; }
.added     { background:#006600; color:#FFFFFF; }
.removed   { background:#990000; color:#FFFFFF; }




/*SHADOWS
-------------------------------------------------------- */

#lineLeft, #lineRight, #lineTop, #lineBottom, #scrollbarHandle, #columnDivider {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input.button:focus, textarea:focus, select:focus {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}


/*FRONTPAGE*/
.jdGallery img, .InfoTopLeft, .InfoBottomLeft, .InfoBottomRight, .InfoTopRight  {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}

/*CONTENT*/
.bigShadow, #column1.blogImage, #slideshow img {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
}

.avatar, .shadow, .showcaseThumbnail, .blogThumbnail, .thumbnail {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


#mainMenu { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
#footer   { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
#content  { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }