/* basics */

body { font-family: Tahoma, sans-serif; font-weight: normal; background-color: #ffffff; padding: 0; margin: 0; font-size: 14px; }

a, img, a img { border: 0; outline: none; }
a, a:visited, a:active { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { font-weight: normal; text-shadow: 1px 1px white, -1px -1px #eee; }
h2 { font-weight: normal; }

.clear { clear: both; line-height: 0; }


/* layout */
div.main div.header {}
div.main div.header div.logo { float: left; margin-left: -4px; padding-top: 32px; }
div.main div.header div.feeds { float: right; text-align: right; padding-top: 42px; }

div.feeds a, div.feeds a:active, div.feeds a:visited { color: #a7a7a7; text-decoration: none; font-size: 80%; }
div.feeds a:hover { text-decoration: underline; }

div.footer {padding: 20px 0 20px 0; text-align: left; color: #a7a7a7; font-size: 70%; text-align: center;}
div.footer a, div.footer a:link, div.footer a:visited, div.footer a:hover { color: #a7a7a7;}


/* index */
div.main-index { width: 610px; margin: auto; }

div.main-index div.row-first {}
div.main-index div.row-first div.row-wrapper { float: left; margin-right: 10px; }

div.main-index div.row-second { margin-top: 5px; }
div.main-index div.row-second div { float: left; margin-right: 5px; }

div.main-index div.row-third { margin-top: 5px; }
div.main-index div.row-third div { float: left; margin-right: 5px; }

div.main-index div.index-row div.last { float: left; margin: 0;}
div.main-index div.row-split { height: 0px; line-height: 0; margin: 0; padding: 0; }


/* index:row wrappers */

div.main-index div.index-row div.row-wrapper { position: relative; overflow: hidden; }
div.main-index div.index-row div.row-wrapper a.post-link { text-decoration: none; display: block; height: 100%; width: 100%; }
div.main-index div.index-row div.row-wrapper div.bw { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
div.main-index div.index-row div.row-wrapper div.colour { width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; }
div.main-index div.index-row div.row-wrapper div.caption { position: absolute; top: 0; left: 0; width: 100%; }
div.main-index div.index-row div.row-wrapper div.caption p { position: relative; margin: 0; padding: 10px 20px; z-index: 100; }
div.main-index div.index-row div.row-wrapper div.caption div.background { position: absolute; top: 0; left: 0; background: #ffffff; opacity: 0.8; width: 100%; height: 100%; z-index: 0; }

div.main-index div.row-first div.row-wrapper { width: 300px; height: 300px; }
div.main-index div.row-first div.row-wrapper div.caption { top: 300px; font-size: 85%; }

div.main-index div.row-first div.last div.announces { position: absolute; top: 0; left: 0; z-index: 200; }
div.main-index div.row-first div.last div.announces a { width: 100px; height: 100px; display: block; float: left; }
div.main-index div.row-first div.last div.announces div.announce-splitter { height: 100px; width: 300px; float: left; }

div.main-index div.row-second div.row-wrapper div.caption { top: 200px; }
div.main-index div.row-second div.row-wrapper { height: 200px; width: 200px; }
div.main-index div.row-second div.wide { width: 405px; }

div.main-index div.row-third div.row-wrapper div.caption { top: 200px; }
div.main-index div.row-third div.row-wrapper { height: 200px; width: 200px; }

/* inner */
div.main-inner { width: 710px; margin: auto; }

div.shooting { margin-top: 10px; background-image: url('/images/markup/shooting.jpg'); height: 50px; padding: 42px 0 0 220px; color: #ffffff; }
div.shooting a { color: #ffffff; }

div.shooting-teaser { margin-top: 5px;}
div.shooting-teaser a { margin: 0; padding: 0; }
div#shooting-content { font-size: 12px; padding: 0; }

div#shooting-content form input.input { width: 438px; border: 1px solid #000000; height: 18px; }
div#shooting-content form select { width: 441px; border: 1px solid #000000; height: 18px; }
div#shooting-content form textarea { width: 438px; border: 1px solid #000000; height: 100px; }
div#shooting-content form dt { width: 100px; float: left; }
div#shooting-content form dd { margin-bottom: 20px; }
div#shooting-content form ul.errors { margin: 0.5em 0; padding: 0; }

div#shooting-content form ul.errors li { margin: 2px 0; padding: 4px; color: #ff0000; font-size: 0.8em; }


div.main-inner div.inner-left { width: 500px; margin-right: 10px; float: left; }
div.main-inner div.inner-right { width: 200px; float: left; padding-top: 28px;}

div.main-inner h1 { margin-bottom: 0; }
div.main-inner p.date { color: #a7a7a7; font-size: 75%; margin-top: 2px; }
div.main-inner div.body { font-size: 85%; margin-top: 20px; }

div.main-inner div.inner-right-box { margin: 0; padding: 0; margin-bottom: 5px; overflow: hidden; width: 200px; height: 200px; }

div.main-inner div.inner-right a.side-image { width: 200px; height: 200px; overflow: hidden; display: block; margin-bottom: 5px; }
div.main-inner div.inner-left p.period { text-align: center; font-size: 150%; margin-top: 20px; margin-bottom: 0; text-shadow: 1px 1px white, -1px -1px #eee; }
div.main-inner div.inner-left p.tags { color: #a7a7a7; margin-top: 0; }
div.main-inner div.inner-left p.tags a { font-size: 75%; color: #a7a7a7; }
div.main-inner div.inner-left div.next { width: 48%; float: right; text-align: left; font-size: 85%; }
div.main-inner div.inner-left div.previous { width: 48%; float: left; text-align: right; font-size: 85%; }

/* tags */
div.main-index a.tag-image { width: 100px; height: 100px; overflow: hidden; display: block; margin-bottom: 2px; margin-right: 1px; float: left; }

/* legal */
div.main-index div.legal p { font-size: 85%; }