/* global */
html{height: 100%; background-color:#141414}

body { font-family: georgia; font-size: 14px;}

/* ancors Start
---------------------*/
a{outline: none;}

a, a:link, a:visited {
color:#006699;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#logo, #logo h1 a
{
  /*color: #40403E;*/
  border:none;
  text-decoration:none;
 }

#coding, #camera, #diving {
  width: 300px;
  height: 120px;
  display: block;
  float: left;
}
	/* margin around centered menu box*/
#diving { margin-right:30px; margin-left:30px;}

#menu li a 
{ display: block;
  float: left;
  height:24px;
  text-decoration: none; 
  padding: 2px 19px 0px 19px;
  font-weight: bold;
  color: #929280;
} 

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{
  color: #EEE;
  border-color: #2C2C2A;
/*  	background:transparent url(../images/nav_tab_bg.png) no-repeat scroll left top;
	background-position: 0 -34px;*/
} 


.flash { position: fixed; color:yellow; top:40px; background-color:#111; margin-left:30px; border:1px solid #333; padding:0.5em; padding-left:1em; font-size:1.1em; }
/* ancors End
----------------------------*/


/* elementh style Start
--------------------------*/


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.3em;
}

h1{ letter-spacing: .1em; font-weight: normal; text-transform: uppercase; padding: 16px 0px 5px 0px;  margin: 0px 0px 12px 0px; font-size:20px; }
h2 { margin:0px 0px 6px 0px; font-size:20px; }
h3 { font-weight: bold; margin:0px 0px 6px 0px; font-size:16px;}
h4 { text-decoration: underline; margin:0px 0px 6px 0px; font-size:16px;}
h6 {text-decoration: underline;}

.sub
{ font-size: 55%;
  padding-left: 12px; 
  letter-spacing: .1em;
}

img{ border: 0px; margin: 0px; padding: 0px;}
small { font-size: 0.8em;}
em {font-style:italic;}

/* block quote */

blockquote { margin: 20px 0px 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid; background-color:#0D0D0D; font-style: italic; }
pre { margin: 20px 0px 20px 0px;  border-left: 8px solid; padding: 10px 20px 10px 20px; background-color:#0D0D0D; font-family: "Courier New",monospace;}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 2px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 2px 0px; 
  padding: 0px;
}



/* elementh style  end
--------------------------*/

/* site content Start 
-----------------------------*/
#main, #footwrapper
{
	width:960px;
	padding-top: 26px;
}


.post, .page {
  margin:20px 0px 20px 30px;
  padding: 0px 50px 18px 24px;
  background:transparent url(../images/content_bg.jpg) no-repeat scroll left top;
}

.post .admin, .page .admin {
 float:right;
}


.post p, .page p {
 margin-top:12px;
}

.page .footnote {
	font-size: 10px;
	float: right;

}


/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content, #main, #footwrapper
{ margin-left: auto; 
  margin-right: auto;
}

#site_content {

  padding:12px 0px 36px 0px;
}

#links
{ margin: 15px 9px 0px 0px;
  font-size: 80%;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;
}


/* navigation menu */
#menu
{ height: 120px;
  width: 960px;
}

#menu ul{margin: 0px auto; margin-top:92px;} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
  list-style: none;
} 

.photo { display:inline; margin:1px;}

#colours{ height: 0px; text-align: right; padding: 16px 16px 0px 300px;}

/* main content */
#site_content{ width: 958px; overflow: hidden; border-right: 1px solid; border-left: 1px solid;} 
#footer { width:100%; background-color:#141414;}
#box_middle, #box_right {float:right; }
#box_left {width:300px;}
#box_middle {border-left:1px solid; border-right:1px solid #222; border-color:#40403E; min-height:230px;}
.subbox {width:30%; padding:0 10px 5px 10px; margin-bottom:10px;}
.subbox h1 {font-size:1em; color:#929280;}
.subbox a {color:#929280;}
.subbox li {margin:0px 0px 0px 10px;}
.subbox ul {margin:0px 0px 0px 30px;}
.subbox h1 {margin-left:15px;}


/* flag on posts */
.flag { position:relative; float:right;	height:120px; left:50px; width:45px; background:transparent url(../images/flag_bg.jpg) no-repeat scroll left top;}
.flag .date{ margin-right:2px; height:67px;	font-weight:700; color:#fff;}
.flag .date .month{margin-right:2px; text-align:right; position:relative; top:7px;}
.flag .date .day { text-align:right; position:relative;	font-size:28px; margin-right:4px; line-height:30px;}
.flag .date .year{ margin-right:2px; text-align:right;	position:relative;	font-size:12px; }
.flag .admin { margin-top:20px; }
.rssflag {margin:8px 0px 0px 10px;}


/*---------------------------*/
body
{ background: #2C2C2A; color: #929280; background:#000000 url(../images/body_bg.jpg) repeat-x scroll left top;}
blockquote{border-color: #40403E;}

#site_content
{ background-color:#000; border-color: #40403E;}

#contact input, #contact textarea, #contact input.submit
{ background: #2C2C2A; color: #929280; border-color: #40403E;}

#menu {color: #EEE;border-color: #82974B;}
#footer {background:#141414 url(../images/bg_footer.jpg) repeat-x scroll left top;}
#coding {background: url(../images/coding.jpg) no-repeat scroll left top;}
#camera {background: url(../images/camera.jpg) no-repeat scroll top left;}
#diving {background: url(../images/diving.jpg) no-repeat scroll top left;}


/*-----------errorhandlling-------*/
.fieldWithErrors { padding: 0px; border: 1px solid red;}
#errorExplanation {  width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0;}
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff;}
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px;}
#errorExplanation ul li { font-size: 12px; list-style: square;}