/*

Theme Name: Double D
Description: Stripped down and ready to go-go.
Version: 1
Author: Gjermund Rein Gustavsen
Author URI: http://www.divensis.no
Tags: fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

*/

#maincol, #main, #main3, #header, #wrapper, #fullwrapper {
	border: 0px solid black;
}

body {
  font:62.5% Arial, Helvetica, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background: url(images/bg.jpg) left top repeat-x;
  overflow-y: scroll;
}

*:first-child+html body { overflow-y: visible; }

html {
  background: url(images/bg2.jpg) left top repeat;
}

p {
  font-size:1.5em;
  font-family: Georgia, serif; 
  line-height: 24px;
  margin: 2px 0 15px 0;
}

p a {
  text-decoration: underline;
}

p img {
  padding: 2px;
  border: 1px solid #dbdbdb;
  background-color: #FFF;
}


h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
}

h1 { font-size: 3.7em; }

h2 { /* Used on blog & work posts */
  font-size: 3.7em;
  font-weight: normal;
  margin-bottom: 11px;
} 

#body_blog h2.sIFR-replaced { margin-left: -7px }

h3 { font-size: 17px; }
h4 { font-size: 17px; }
h5 { font-size: 17px; }
h6 { font-size: 1.8em; font-weight: bold; font-style: normal; }

a { outline: 0; color: #000 }

.clearit {
  clear: both;
}
/*-----------------------------------------------------------------------------

  Fullwrapper (100% width), Wrapper (content width) &; Header

-----------------------------------------------------------------------------*/

div#fullwrapper {
 width: 100%;
 min-height: 500px;
 overflow: visible;
}

* html div#fullwrapper {
 height: 500px;
}


body#body_work div#fullwrapper,
body#body_films div#fullwrapper,
body#body_musicvideos div#fullwrapper,
body#body_commercials div#fullwrapper,
body#body_stills div#fullwrapper,
body#body_follow div#fullwrapper,
body#body_singular div#fullwrapper {

 background: url(images/topline.png) center 169px no-repeat;
}


div#wrapper {
 width: 980px;
 margin: 0 auto;
}

div#header {
  height: 161px;
}

div#header div#titlewrapper { /* Box wrapping title and subtitle */
  float: left;
  margin: 40px 0 0 10px;
  width: 300px;  
}
	
div#header p { margin:0; } /* Subtitle */

div#header a#helmetlogo { /* Blog Title (logo) */
  background: url(images/helmetlogo.jpg) left -2px no-repeat;
  margin: 52px 0 0 9px;
  height: 60px;
  width: 183px;
  float: left;
  text-align: center;
  text-indent: -9999px;
}

div#uppertitle {
  margin: 10px 0 0 0;
  padding: 0 auto 0 auto;
  font: italic 16px Georgia, serif;
  text-align: center;
}

/* Menu buttons header */

div#header div.menulist {
	font: bold 1.6em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 67px 0 0 0;
	width: 340px;
}

div#header div.menulist a {
  float: left;
  display: block;
  border: 0px solid black;
  height: 34px;
  text-align: center;
  text-indent: -9999px;
}

div#header div#menulist_left { float: left; padding-left: 40px; } /* Menu elements on the left side - Blog & Work */

a#menu_blog {
  background: url(images/menu_blog.png) left bottom no-repeat;
  margin-left: 36px;  
  width: 76px;
}

a#menu_work {  
  background: url(images/menu_work.png) left bottom no-repeat;
  margin-left: 74px;  
  width: 85px;
}

div#header div#menulist_right { 
width: 295px; 
float: right; 
padding-right: 48px;

} /* Menu elements on the right side - About & Follow */

a#menu_about {
  background: url(images/menu_about.png) left bottom no-repeat; 
  margin-left: 15px;  
  width: 100px;
}

a#menu_follow {  
  background: url(images/menu_follow.png) left bottom no-repeat;
  margin-left: 36px;  
  width: 113px;
}

#body_blog a#menu_blog,
#body_about a#menu_about,
#body_work a#menu_work,
#body_films a#menu_work,
#body_commercials a#menu_work,
#body_musicvideos a#menu_work,
#body_stills a#menu_work,
#body_follow a#menu_follow { background-position: left top; }


div#header a:hover { /* Menu button :hover */
  background-position: left top;
}

div#header ul li.current_page_item { /* Menu button: Current page */
  background-color: #FFF;	
}

div#header ul li.current_page_item a:hover { /* Menu button: Current page :hover */
  background-color: #FFF;	
  color: #000;
}

/*-----------------------------------------------------------------------------

  Main Content / Column 1

-----------------------------------------------------------------------------*/

div#content {
}

div#main { /* Primary column */
  float:left;
  padding:0;  
  width: 624px;
  margin: 25px 0 0 40px;
  padding: 5px 0 0 0px;
}

* html div#main { margin-left: 20px; }

#main2 { /* Primary column fullwidth */
  float:left;
  padding:0;  
  width: 900px;
  padding: 5px 0;
}

#body_about #main2 { /* Primary column on about page*/
  padding-left: 39px
}


div#main3 { /* Primary column fullwidth */
  float:left;
  padding:0;  
  width: 980px;
  padding: 25px 0 0 0;
  border: 0px solid black;
}

div#main3 #maincol {
  width: 625px;
  float: left;
}

#maincol {
	padding-top: 10px;
}

div#main h2.header a {
  text-decoration:none;
}

div#main h3 { /* Secondary headline above comments and comment form */
  margin: 15px 0 5px;
}

div#main h2 a {
 text-decoration: none;
}

.article {
  margin-bottom:5px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left: 5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.article_footer {
  text-align:right;
  margin:10px 0;
  background:#F1F1F1;
  padding:5px 10px;
  border: 1px solid #DADADA;
  border-width: 1px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #DADADA;
  margin-left:5px;
  padding-left:10px;
}

ul.article_footer li.first {
  border-left: 0;
}

/*-----------------------------------------------------------------------------

  Secondary Content / Column 2

-----------------------------------------------------------------------------*/

div#sidebar {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  width: 310px;
}

.categories {
  font-size: 15px;
}

#blogsidebar {
  float: right;	
  margin: 0; 
  width: 249px;
  padding-right: 40px;
}

#infocard { /* Address, email and shit */
  width: 249px;
  height: 209px;
  background: url(images/infocard.png) left top no-repeat;
}

#infocard ul { visibility: hidden; }

#latestposts {
  border: 1px solid #dcdcdc;
  padding: 14px 15px 15px 15px;
  margin-top: 4px;
  clear: both;
}

*:first-child+html #latestposts { min-height: 170px } /* IE7 hack */

h3 {
  font-family: Georgia, serif;
  font-size: 14px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  padding: 0 0 4px 0;
}

h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }


h3 span {
  font-family: Georgia, serif;
  font-size: 14px;
  color: #979797;  
  padding-left: 2px;
}

#latestposts h4 {
  width: 179px;
  height: 25px;
  background: url(images/latestposts.png) left top no-repeat;
  text-indent: -9999px;
}

/* Optional bio area header (commented out by default) */

div#author h2 {
  font-size:1.2em;
}

/* Search input */

#search_wrapper {
  padding-top: 10px;
}

form#searchform {
  height:28px;
  padding: 3px;
}

input#s {
  background: transparent url(images/black_6.png) left top repeat;
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
 font-family: Georgia, serif;
  font-size: 14px;
  float: left;
  height: 18px;
  padding: 5px;  
  width: 165px;
}

input#searchsubmit {
  background: #000 url(images/search.png) 0 0 no-repeat; 
  float: right;
  height: 28px; 
  width: 36px;
  text-indent: -9999px;
  outline: none;
}

/*-----------------------------------------------------------------------------

  Sidebarmenu

-----------------------------------------------------------------------------*/

#sidebarmenu {
  padding-left: 20px;
  height: 60px;
}

#sidebarmenu_all,
#sidebarmenu_films,
#sidebarmenu_musicvideos,
#sidebarmenu_commercials,
#sidebarmenu_stills {	
display: block;
float: left;
height: 22px;
text-indent: -9999px;
margin-bottom: 5px;
}

#sidebarmenu_all:hover,
#sidebarmenu_films:hover,
#sidebarmenu_musicvideos:hover,
#sidebarmenu_commercials:hover,
#sidebarmenu_stills:hover { 
background-position: left bottom;
}

#sidebarmenu_all {
        width: 41px;
        background: url(images/all.png) left top no-repeat;
        margin-left: 7px;
}

*:first-child+html #sidebarmenu ul li { float: left; margin-bottom: 7px; } /* IE7 hack */


#sidebarmenu_films {	
        width: 48px;        
        background: url(images/film.png) left top no-repeat;
margin-left: 7px;
}


#sidebarmenu_musicvideos {	
        width: 121px;        
        background: url(images/musicvideos.png) left top no-repeat;
margin-left: 7px;
}

#sidebarmenu_commercials {
        width: 123px;
        background: url(images/commercials.png) left top no-repeat;
margin-left: 18px;
}

#sidebarmenu_stills {
        width: 69px;
        background: url(images/stills.png) left top no-repeat;
margin-left: 7px;
}



body#body_work #sidebarmenu_all,
body#body_films #sidebarmenu_films,
body#body_musicvideos #sidebarmenu_musicvideos,
body#body_commercials #sidebarmenu_commercials,
body#body_stills #sidebarmenu_stills {
  background-position: left bottom;
}


/*-----------------------------------------------------------------------------

  Work listing

-----------------------------------------------------------------------------*/

.sidebarproject {
  font: normal 11px Georgia, serif;
  color: #000;
  line-height: 17px;
  height: auto;
  clear: left;
  height: 90px;
}

.sidebarproject a { text-decoration: none; }
.sidebarproject a:hover { text-decoration: underline; }


.sidebarproject p {
  font-size: 11px;
  color: #000;
  line-height: 16px;
  margin: 0;
  padding: 0;
}

.sidebarproject h6 {
  display: block;
  float: left; 
  font-size: 14px;
  width: 165px;
  margin: 0;
  padding-bottom: 4px;
text-transform: uppercase;
}

.sidebarproject img {
  border: 1px solid #d5d5d5;
  float: left;
  margin-right: 13px;
  padding: 1px;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

div#footer {
  height: 20px;
  margin: 0 auto;  
  padding: 10px 0 0 0;
  width: 900px;
  border-top: 1px dashed #CCC;
  clear: both;
  display: none;
}

div#footer ul {
  border: 0px solid black;
}

div#footer ul.leftbox_footer  {
  float: left;
  padding: 0 0 0 10px;
  width: 350px;
}

div#footer ul.rightbox_footer  {
  float: right;
  width: 450px;
  padding-right: 10px;
}

div#footer ul li { /* li elements within either leftbox_footer or rightbox_footer */
  border: 0px solid black;
  display: block;
  float: left;
  height: 30px;
  margin-left:10px;
}

div#footer ul.leftbox_footer li { float: left; }
div#footer ul.rightbox_footer li { float: right; }

ul#footer li span {
  text-indent:-9999em;
}

ul#footer li a {
  color:#686868;
  text-decoration:none;
}

/*-----------------------------------------------------------------------------

  About page

-----------------------------------------------------------------------------*/

div#aboutimage {
  width: 900px;
  height: 470px;
  background: url(images/helmet_trio.jpg) left top no-repeat;
  margin-bottom: 15px;
}

.aboutbox {
  padding: 26px 18px 8px 18px;  
  width: 405px;
}

.aboutbox2 {
  padding: 25px 18px 18px 5px;  
  width: 850px;
}

#aboutbox_weare { float: left; padding-left:5px; width:420px;}

#aboutbox_contactinfo { float: left;
  background: #000;
  color: #FFF;
  float: right;
}

#aboutbox_contactinfo a {
  color: #FFF;
  text-decoration: underline;
}

#aboutbox_contactinfo a:hover {
  color: #FFF;
  text-decoration: none;
}


#aboutbox_contactinfo span { color: #999; }

#aboutbox_whatwedo { float: left; margin-top: 20px; padding-left:5px; width:420px; }
#aboutbox_howwedoit{ float: right; margin-top: 20px; padding-left:5px  width:420px; }
#aboutbox_doneitwith { float: left; margin-top: 20px; padding-left:5px; }

.aboutbox h3, .aboutbox2 h3 {
  display: block;
  border: 0px solid black;
  height: 35px;
  text-indent: -9999px;
}


#aboutbox_weare h3 { background: url(images/whoweare.png) left top no-repeat }
#aboutbox_contactinfo h3 { background: url(images/contactinfo.png) left top no-repeat; width: 300px; }
#aboutbox_whatwedo h3 { background: url(images/whatwedo.png) left top no-repeat }
#aboutbox_doneitwith h3 { background: url(images/doneitwith.png) left top no-repeat }



/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background: #CCC;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */


/* ------------------------------------
jQuery slideshow-styles
-------------------------------------*/

#slideshow {
  margin:0 auto;
  width:900px;
  height:455px;;
  position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:900px;
  height:455px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background-color: #CCC;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:880px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:455px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:240px;
  height:411px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0px;
  left:0;
  border: 0px solid black;
  z-index: 2;
  background: url(images/leftctrl.png) 19px 197px no-repeat;
}

#rightControl {
  top:0px;
  right:0;
  z-index: 2;
  border: 0px solid black;
  background: url(images/rightctrl.png) 199px 197px no-repeat;
}

/** 
 * Style rules for Demo page
 */

#slide1 { background: url(images/askepottbig.jpg) left top no-repeat; }

#slide2 { background: url(images/goat.jpg) left top no-repeat; }

#slide3 { background: url(images/kosmo.jpg) left top no-repeat; }

#slide4 { background: url(images/kino90.jpg) left top no-repeat; }

.slide div {
  margin-top: 413px;
  width: 900px;
  background: url(images/black_85.png) left top repeat;
  height: 36px;
  padding: 6px 0 0 15px;
}

* html .slide div {
  background-color: #000;
  background-image: none;
}


.slide p {
  float: left;
  font: italic 18px Georgia, "Meta Serif", serif;
  color: #FFF;
  letter-spacing: 0;
  font-weight: bold;
  padding-top: 3px;
}

.slide p a {
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
}

.slide p a:hover {
  color: #ddd;
}

.slide p span {
  font-weight: normal;
}

.slidespan1 {
  color: #FFF;
  font-size: 20px;
  padding-top: -3px;
}

.slidespan2 {
  color: #808080;
  padding-right: 13px;
  font-size: 20px;
  padding-top: -3px;
}

.art_footer_comment {
  float: left;
  font-family: Georgia, serif;
  font-size: 13px;
  padding: 7px 11px;
  background-color: #000;
  color: #FFF;
  margin-right: 10px;
  margin-bottom: 17px;
}

.art_footer_comment a { color: #FFF; text-decoration: none; }
.art_footer_comment a:hover { text-decoration: underline; }


.art_footer_byline {
  float: left;
  font-size: 13px;
  font-family: Georgia, serif;
  padding: 7px 11px;
  background: url(images/black_10.png) left top repeat;
  color: #000;
}

.articlefooter {
  background: url(images/articlefooter.png) center bottom no-repeat;
  clear: both;
  height: 51px;
  width: 649px;
  margin-left: -7px;
}

.entry {
  padding-bottom: 8px;
  margin-top: -10px;
}


/* FOLLOW PAGE */

#brainiac {
	background: url(images/brain_big.png) right top no-repeat;
	width: 290px;
	height: 235px;
	float: left;
margin-top:30px;
}

#followlogoline1 {
	float: right;
	width: 600px;
	height: 55px;
	text-indent: -9999px;
	margin-top: 52px;
}

#followlogoline2 {
	float: right;
	clear: right;
	width: 600px;
	height: 55px;
	text-indent: -9999px;
padding-top: 50px;
}


a#follow_twitter {
	display: block;
	width: 284px;
	height: 60px;
	float: left;
	background: url(images/twitterlogo.png) left 11px no-repeat;
}

a#follow_vimeo {
	display: block;
	width: 167px;
	height: 60px;
	float: left;
	background: url(images/vimeologo.png) left top no-repeat;
}

a#follow_youtube {
	display: block;
	width: 242px;
	height: 100px;
	float: left;
	background: url(images/youtubelogo.png) right top no-repeat;
}

a#follow_flickr {
	display: block;
	width: 230px;
	height: 100px;
	float: left;
	background: url(images/flickrlogo.png) 24px 6px no-repeat;
}