/* Stephen Bird Architect - November 2008 - v1
   on6162.co.nz web design */

/* BASE */

html { overflow-y:scroll; } /* scrollbar FF */
html, body, div, blockquote, img, label, p, h1, h2, h3, h4, ul, ol, li, form, a, fieldset, input { margin:0; padding:0; border:0; }

body { background-color:#fff; font:76%/1.5 arial, Helvetica Neue, helvetica, sans-serif; color:#333; text-align:center; min-width:900px; }

a { outline:none; }
ul, li { list-style:none; }
p { margin:.5em 0 1em; }

/* STRUCTURE */

.wrap {
 width:900px;
 margin:0 auto;
 text-align:left;
 font-size:1em;
 word-spacing:0.05em;
 letter-spacing:0;
 overflow:hidden;
 position:relative; 
 }/* pos rel for pos nav */

#header { height:150px;  }

.article { float:left; width:370px; padding-top:20px; }
#bdnews .article { width:500px; margin-right:50px; }

.aside { float:right; width:120px; margin-top:5px; }
#bdgallery .aside { width:456px; margin-right:18px; position:relative; display:inline; }
#bdnews .aside { width:260px; }

.band { background:#f4f4f4 url(../bg/bgband.png) 0 0 repeat-x; padding:40px 0 60px;  }

.contactdetails { float:right; margin-right:100px; font-size:1.2em; display:inline; }
.contactdetails { line-height:normal; }
.contactdetails ul { padding-left:5px; }
.contactdetails span { color:#e8511c; display:block; float:left; width:23px; }

#footer { background:url(../bg/bgfoot.png) 0 0 repeat-x; height:115px; padding:35px 0 0; font-size:0.9em; }
#footer li { display:inline; }
#footer li.slash { background:url(../img/slash.png) 0 4px no-repeat; padding-left:12px; margin-left:1px; }
.copyright { display:block; }

/* NAVIGATION */

#tumblr_controls { top:135px!important; }

.nav { float:right; }
.nav li { float:left; /*display:inline;*/ background:url(../img/plus.png) 7px 20px no-repeat;  }
.nav li.nobg { background:none; }

.nav a:link, .nav a:visited {
 font-family:"Arial Black", arial, helvetica, sans-serif;
 float:left;
 margin-left:20px;
 display:inline;
 padding:10px 5px 40px;
 text-align:center;
 text-decoration:none;
 font-size:1.2em;
 color:#333;
 }

.nav a:hover, #bdservices .nav a.servicesid, #bdgallery .nav a.galleryid, #bdlandscape .nav a.landscapeid, #bdnews .nav a.newsid, #bdcontact .nav a.contactid { background:url(../img/navid.png) center top no-repeat; color:#e8511c; }

/* LOGO */

.logo { background:url(../img/sbalogo.png) 0 0 no-repeat; height:103px; width:285px; text-indent:-9000px; float:left;  }
.logo a { height:103px; width:285px; display:block; }
.logo a:hover { background:none; }

/* MAIN IMAGE */

.mainimg { margin:28px 29px 0; float:left; /*height:272px;*/ }
.mainimg img { border:1px solid #fff; }

/* MISC */

.end { margin-bottom:1em; }
.block { background:url(../bg/bgblock.png) 0 0 repeat; }
.color2 { color:#9ea8ad; }
.big { font-size:2em; }
.small { font-size:.9em; }
.clear { clear:both; }

/* LINKS */

a, a:visited { color:#e8511c; }
a:hover  { color:#fff; background-color:#e8511c; text-decoration:none; }
a.login { text-decoration:none; }
/* HEADING */

.serviceshd, .landscapehd, .newshd, .contacthd, .newssmallhd, categoryhd, .archivehd, .welcomehd { background:url(../img/heading.png) 0 0 no-repeat; text-indent:-9000px; height:40px; width:300px; }
.landscapehd { background-position:0 -50px; }
.newshd { background-position:0 -100px; }
.contacthd { background-position:0 -150px; }
.newssmallhd { background-position:0 -200px; height:30px; width:70px; }
.categoryhd { background-position:0 -230px; height:30px; }
.archivehd { background-position:0 -260px; height:30px; }
.welcomehd { background-position:0 -290px; height:38px; width:370px; }

/* HEADINGS */

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:1.9em; padding-bottom:0.1em; }
h2 { font-size:1.6em;  }
h3 { font-size:1.4em; }
h4 { font-size:1em; font-weight:bold; }

/* LISTS */

.bullet li, .post li { background:url(../img/bulletwhite.png) no-repeat 0 0.5em; padding:0 0 5px 1.2em; } /* also for list item tumblr */

/* WEB CREDIT */

#credit { float:right; margin-top:-48px; }
#credit a:link, #credit a:visited { background:url(../img/checkorange.png) left 0.2em no-repeat; padding-left:1.5em; /*color:#e8511c; */text-decoration:none; }
#credit a:hover { color:#333; }
#credit img { margin-right:3px; }

/* INNERFADE */

ul#slide { height:272px; width:352px; overflow:hidden; }

/*ul#slide li img {	border: 1px solid #fff; }

.fade { margin-bottom: 2em; }
.fade p { margin-bottom: 2em; text-align: center; width: 100%; background: #fff; }*/

/* noscript-Hinweis */

div#att { background-color: #fffeb8; border-bottom: 1px solid; height: 2.5em; line-height: 2.5em; position: absolute; top:0; width: 100%; }
div#att p { background: transparent url(../images/att.png) no-repeat 0 46%; margin: 0; display: inline; padding: 6px 0 6px 26px; }

/* GALLERIA */

#gallerymain { width:370px; height:315px; margin-top:5px;}
#gallerymain img { border:1px solid #fff; }
.galleria { list-style:none; width:448px; height:272px; overflow:hidden; border:1px solid #fff;   }
.galleria li { display:block; float:left; border:1px solid #fff; border-width:0 1px 1px 0; width:auto; }
.galleria li a { display:none; }
/*.galleria li div { position:absolute; display:none; top:0; left:180px; }*/
.galleria li div img { cursor:pointer; }
.galleria li.active div img,.galleria li.active div { display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.galleria li .caption { display:block; padding-top:.5em; font-size:1.1em; }
* html .galleria li div span { width:400px; } /* MSIE bug */

.galleria li.noright { border-right:none; } /* for no borders thumbs - border gallery ul */
.galleria li.nobottom { border-bottom:none; }

/* JFLOW */

#myController { margin-left:195px; }
#myController span { background:url(../img/dots.png) 0 0 no-repeat; height:8px; width:8px; margin:3px; float:left; display:block; cursor:pointer; overflow:hidden; } /* overflow for ie6 */
#myController span:hover { background-position:0 -8px; }
#myController span.jFlowSelected { background-position:0 -16px; }

#jFlowSlide{ margin-top:20px; }

.jFlowPrev, .jFlowNext {
	background:url(../img/arrowleft.png) no-repeat 0 0;
	display:block;
	width:14px;
	height:46px;
	cursor:pointer;
  }

.jFlowPrev { position:absolute; top:136px; left:-20px; }
.jFlowNext { background-image:url(../img/arrowright.png); position:absolute; top:136px; right:-16px; }
.jFlowPrev:hover { background-position:0 -46px; }
.jFlowNext:hover { background-position:0 -46px; }

#mySlides { height:270px; width:370px; overflow:hidden; }

/* CONTACT FORM */

.contactform fieldset { float:left; clear:left; width:100%; margin:1em 0 0; border-style:none; }
.contactform fieldset ol { float:left; clear:left; padding:1em 0 0; list-style:none; }
.contactform fieldset li { float:left; clear:left; width:100%; padding-bottom:1em; }
.contactform label { position:relative; float:left; width:6em; margin-right:1em; }
.contactform label img { position:absolute; left:5.7em; top:0.5em; }  
.contactform .contactsubmit { float:none; width:auto; padding:0 0 2em 7em; }
.contactform input { width:20em; }
.contactform textarea { width:22em; height:5em; font-family:arial, helvetica, sans-serif; font-size:1em; overflow:auto; }
.contactsubmit input, #search input { width:auto; /*margin-right:10px;*/ background:#fff; cursor:pointer; font-size:1.2em; }

.contactsubmit input:hover, #search input.submit:hover { color:#fff; background-color:#e8511c; }
.contactform input, .contactform textarea, .contactsubmit input { border:1px #e8511c solid; padding:3px 0.2em 2px; }
#search input { border:1px #e8511c solid; padding:0.2em; }

/* TUMBLR */

/* FEED HOME PAGE */

.feedburn { margin-top:20px; }

.feedburnerFeedBlock ul { margin:0; padding:0; list-style-type:none; font-size:.9em; }
.feedburnerFeedBlock .headline { font-size:1em; }
.feedburnerFeedBlock .date { padding:0; margin:2px 0 0 0; color:#e8511c; }
.feedburnerFeedBlock ul li { padding:5px 0; border-bottom:1px solid #e8511c; line-height:normal; }
.feedburnerFeedBlock ul li span.headline a, .feedburnerFeedBlock ul li span.headline a:visited { color:#333; text-decoration:none; display:block; }
.feedburnerFeedBlock ul li span.headline a:hover { color:#fff; }
#creditfooter { display:none; }

/* FEED */

.feed { background:url(../img/rss_32x32.png) 0 5px no-repeat; padding-left:40px; margin:40px 0; }
.feed a { padding:1px 5px; }

div#searchresultcount { }

div.post { position:relative; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e8511c; } /* for positioning permalink ? */
div.post div.date { color:#66787f; font-size:1.2em; margin-bottom:5px; }

div.post img.permalink { /* get own permalink image > not really necessary */
  width:14px;
  height:13px;
  border-width:0px;
  background-color:#000;
  display:none;
  position:absolute;
  right:0px;
  top:0px;
  z-index:10;
  }
    
div.post:hover img.permalink { display:inline; }

div.post h2 a { text-decoration:none; }

/* PHOTO POST */

.post .photo img { border:1px solid #fff; }

/* REGULAR POST */

div.post div.regular blockquote { font-style:italic; padding-left:10px; border-left:solid 2px #333; }
            
/* QUOTE POST */

div.post div.quote div.quote_text { font-size:1.2em; font-weight:bold; color:#666; border-left:solid 3px #666; padding-left:10px; }

div.post div.quote div.quote_text span.short { font-size:1.2em; }
div.post div.quote div.quote_text span.medium { font-size:1.2em; }
div.post div.quote div.quote_text span.long { font-size:1.2em; }

div.post div.quote div.source { font-size:1.4em; font-weight:bold; color:#66787f; margin-top:5px; }
div.post div.quote div.source a { color:#66787f; }

/* LINK POST */

div.post div.link a.link { }
div.post div.link span.description { }

/* CONVERSATION POST */
            
div.post div.conversation ul { padding-left:1px; border-left:solid 2px #e8511c; }
div.post div.conversation ul li { padding:4px 10px; margin-bottom:1px; background:none; }
div.post div.conversation ul li span.label { font-weight:bold; }
div.post div.conversation ul li span.user_1 { color:#36c; }
div.post div.conversation ul li span.user_2 { color:#036; }
div.post div.conversation ul li span.user_3 { color:#03c; }

div.post div.conversation ul li.odd { background-color:#fff; }
div.post div.conversation ul li.even { background-color:#d3d3d3; }

/* VIDEO POST */

div.post div.video { width:400px; margin:auto; }

/* TAGS */

.post .tags { margin:10px 0; color:#66787f; font-size:.9em; overflow:hidden; }
.post .tags li { float:left; display:block; background:url(../img/square.png) right 5px no-repeat; padding:0 10px 0 0; margin:0 5px 0 0; }
.post .tags li.nobullet { background:none; padding:0; }
.post .tags a { text-decoration:none; }

/* PAGES */

div#pages { margin:40px 0px 20px 0px; text-align:center; }
div#pages a { text-decoration:none; }
div#pages div#credit { margin-top:15px; }
        
.query { font-weight:bold; font-size:1.4em }

.archive { font-size:1.4em; margin-top:20px; }