/*-------------------------------------------------------------------------------------------
 * Overall layout
 */
 
body {
	color: #000000;
	background-color: #ffffff;
	width:60em;
	margin:0 auto;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, Sans-serif;
}

/*-------------------------------------------------------------------------------------------
 * Font Sizing Stuff
 */
body {
	font-size: 80%;
	line-height: 1.6666666666666667em;
	padding: 0
}
h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 1em;
	margin-bottom: 1em;
}
h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.1111111111111112em;
	margin-bottom: 1.1111111111111112em;
}
h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.25em;
	margin-bottom: 1.25em;
}
h4 , #navigation a {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.4285714285714286em;
	margin-bottom: 1.4285714285714286em;
}
p, ul, blockquote, pre, td, th, label {
	margin-top: 0;
	font-size: 1em;
	line-height: 1.6666666666666667em;
	margin-bottom: 1.6666666666666667em;
}
p.small {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 2em;
	margin-bottom: 2em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.6666666666666667em;
}



/*-------------------------------------------------------------------------------------------
 * global modifiers
 */
 
img {
border:0;
}

a:link, a {
text-decoration:underline;
color:#739bc7;
font-weight:bold;
}

a:visited {
color:#400040
}

a:hover , a:hover.internal{
color:#ffaa00 !important;
text-decoration:underline;
}

a:visited.internal{
/* Links we don't want to change colour */
color:#739bc7;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
/* headings should always be black */
color:#000000 !important;
}

table
{
	border-collapse: collapse;
	caption-side: bottom;
	padding:1em;
	border:1px solid #bbbbbb;
	margin:1em auto;
}
th, td
{
	padding:3px;
	text-align:center;	
}

hr
{
width:30%;
height:1px;
color:black;
background-color:black;
border-color:black;
border:0;
margin-left:0;
}

hr.none
{
visibility:hidden;
clear:both;
}

/**
  * comment boxes, and code boxes 
  */

.entry pre, .container pre, .comment_content pre
{
background:transparent url("/images/curl_small.png") no-repeat bottom right;
border:solid #fffe91;
border-width:1px 0 0 1px;
margin-left:2em;
margin-right:2em;
padding:0;
}

.entry blockquote, .container blockquote, .comment_content blockquote
{
background:transparent url("/images/curl_pink.png") no-repeat bottom right;
border:solid #ffa391;
border-width:1px 0 0 1px;
padding:2em 2em 1em;
margin-left:2em;
margin-right:2em;
}

.entry img
{
padding:2px;
border:1px solid #bbbbbb;
margin:1em;
}


blockquote div.author
{
margin: -2em -2em 2em;
background:#FFE7E1;
border:solid #D2AF96;
border-width:0 1px 0 0;
}

.author p{margin:0; padding:4px}

/*-------------------------------------------------------------------------------------------
 * class modifiers
 */

.right{
float:right;
margin:0 0 0 1em;
}
.left{
float:left;
margin:0 1em 0 0;
}
.full{
width:100%;
clear:both;
}

/*-------------------------------------------------------------------------------------------
 * highlight boxes
 */
 
tr.even{background-color: #dddddd !important;}
tr.odd{background-color: #ffffff !important;} 
 
.yellow, .orange, .blue, .box{
border:3px solid black;
padding:0.75em;
background-color:#ffffff;
}

.orange{
background-color:#e38c65 !important;
border-color:#d96831 !important;
}

.orange tr.even td, .orange tr.even {background-color:#e38c65 !important;}
.orange tr.odd td, .orange tr.odd {background-color:#efb7a1 !important;}

.orange a:link, .orange a {color:#d96831;}
.orange a:visited {color:#d96831 !important;}
.orange a:hover {color:#ffcd6d;}

.yellow{
background-color:#ffcd6d !important;
border-color:#ffaa00 !important;
}
.yellow tr.even td, .yellow tr.even {background-color:#ffcd6d !important;}
.yellow tr.odd td, .yellow tr.odd {background-color:#ffde9d !important;}
.yellow a:link, .orange a {color:#ffaa00;}
.yellow a:visited {color:#ffaa00 !important;}
.yellow a:hover {color:#e38c65;}

.blue{
border-color:#739bc7 !important;
background-color:#bacee4 !important;
}

.blue tr.even td, .blue tr.even {background-color:#739bc7 !important;}
.blue tr.odd td, .blue tr.odd{background-color:#afc6df !important;}

/*-------------------------------------------------------------------------------------------
 * hidden screen reader stuff
 */

.hidden, .screenReader {
position: absolute;
top: -10000px;
left: 0;
}


ul.hidden li,  ul.screenReader li {
list-style-type:none;
}

/*-------------------------------------------------------------------------------------------
 * block layout elements
 */
 
#headerContainer
{
height:99px;
border-bottom: 3px solid #739bc7;
margin:0 0 20px 0;
position:relative;
right:1px;
}

#header
{
position:absolute;
top:0px;
height:100px;
border-bottom:3px solid #000000;
width:60em;
clear:both;
}

#logo
{
margin: 40px 0 0;
float:left;
}

#navigation{
margin: 70px 0 0;
float:right;
color:#000000;
font-style:italic;
}

#navigation ul{
margin:0;
padding:0;
display:block;
}

#navigation li{
display:inline;
margin:0 0 0 1.5em;
padding:0;
}

#navigation a, #navigation a:link, #navigation:visited{
color:#000000;
text-decoration:none;
}

#navigation a:hover{
color:  #739bc7;
}

#mainContent{
width:29em;
float:left;
}

#sideContent{
width:29em;
float:right;
}

#search_form{
float:right;
width:29em;
}   

.left_content{
width:38em;
}

.right_content{
width:20em;
}

div#copyrightHolder
{
clear:both;
height:8px;
background-color:#739bc7;
margin-top:1em;
}

div#copyright
{
text-align:center;
height:7px;
border:1px solid #000000;
border-width:1px 2px;
background-color:#000000;
position:relative;
top:-7px;
left:1px;
margin-bottom:2em;
}

#robert_innes{background: #000000 url(/images/site/robert_innes.png) no-repeat; height:7px; width:144px; float:left}
#xhtml              {background: #000000 url(/images/site/xhtml.png) no-repeat;        height:7px; width:50px;  float:right}
#css                  {background: #000000 url(/images/site/css.png) no-repeat;          height:7px; width:20px;  float:right}
#admin              {background: #000000 url(/images/site/admin.png) no-repeat;        height:7px; width:35px;  float:right}

#robert_innes:hover{background-position:0 -7px}
#xhtml:hover              {background-position:0 -7px}
#css:hover                  {background-position:0 -7px}
#admin:hover              {background-position:0 -7px}

#robert_innes span, #xhtml span, #css span, #admin span
{
display:none;
}



/*-------------------------------------------------------------------------------------------
 * Flickr
 */
 
#flickr
{
text-align:center;

}

#flickr img
{
margin: 0 0.5em 0.5em 0;
}

.flickr_badge_image
{
display:inline;
vertical-align:middle;
}


/*-------------------------------------------------------------------------------------------
 * Summary
 */
 
 .entry_summary{
 margin-bottom:2em;
 }
 
.entry_summary h3, .comment_header h3{
/* swap around the margin to the top */
margin-top:0.625em;
margin-bottom:0.625em;
border-bottom:1px solid #000000;
clear:both;
}

.entry_summary h3 a, .entry_summary h3 a:hover{
text-decoration:none;
}

div.entry_summary p.meta
{
text-align:right;
}

.entry_summary p
{
margin-bottom:0;
}

.entry_summary .date, .comment_header .date
{
float:right;
font-size:0.66666666666666em;
line-height:1em;
position:relative;
top:-1.2em;
margin:0;
text-align:right;
}

/* To stop the title from overwriting the date*/
.entry_summary .dateContainer, .comment_header .dateContainer
{
float:right;
font-size:0.75em;
font-weight:normal;
line-height:1em;
width:10em;
margin:0;
}


#related_items
{
	margin-top:10px;
}

#related_items .entry_summary
{
width: 29em;
float:left;
}

#related_items .l{
float:left;
clear:left;
}

#related_items .r{
float:right;
clear:right;
}



/*-------------------------------------------------------------------------------------------
 * Main Entries
 */
 
h1.title{
/* swap around the margin to the top */
margin-top:0.625em;
padding:0;
margin-bottom:0.625em;
border-bottom:1px solid #000000;
clear:both;
}

.entry h1 a, .entry h1 a:hover{
text-decoration:none;
}

.entry_summary img.icon, .entry img.icon{
float:left;
margin:0 1em 0 0;
}

.entry .meta
{
width:100%;
text-align:right;
clear:both;
background: #ffffff center repeat-x url(/images/site/000000.png);
}

.entry .meta span.navigation{
float:left;
background-color:#ffffff;
padding-right:1em;
}

.entry .meta span.wrapper
{
background-color:#ffffff;
padding-left:1em;
}

.title .date
{
float:right;
font-size:0.5em;
position:relative;
top:-1.2em;
margin:0;
line-height:1em;
padding:0;
text-align:right;
}

span.title
{
margin-right:30em;
}

#tagged {
text-align:center;
}
#tagged li {
display: inline;
}
#tagged em {
font-size: 1.10em;
}

#tagged a{
text-decoration:none;
}
/*-------------------------------------------------------------------------------------------
 * Photos
 */

/* this first rule is probably unnecessary, */
/* but better safe than sorry               */
dl.image,
dl.image dt,
dl.image dd {
display : block ;
list-style-type : none ;
background:transparent;
}
dl.image {
text-align : center ;
padding:0;
}
dl.image dt {
text-align:center;
background:transparent;
}
dl.image dt img {
display : inline ;
}
dl.image dd {
font-style : italic ;
background:transparent;
}

/*-------------------------------------------------------------------------------------------
 * Comment form
 */
 
fieldset{
margin:0;
padding:0 0 1em 0;
border:0;
}
legend{
padding:0.25em 0 ;
color:#000000;
margin:0;
 }
.textbox{
display:block;
padding:0;
margin:0;
font-size:1em;
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Sans-serif;
width:100%;
}

.error{
color:#ff0000;
}

/*-------------------------------------------------------------------------------------------
 * Comments
 */

.comment_info{
clear:both;
height:26px;

background-color:#dddddd;
border:1px solid #bbbbbb;
}


.comment_content{
margin-top:1em;
margin-left:4em;
}

.comment_info a:link, .comment_info a:hover, .comment_info a{text-decoration:none;}

.comment_info ul, .comment_info p
{
text-align:right;
margin:0;
padding: 0;
}

.comment_info p
{
text-align:right;
padding:2px;
margin:0;
}

.comment_info li
{
display:inline;
padding:0 4px;
margin:0;
}

.comment_info ul a {
padding:1px;
margin:0;
color:#bbbbbb;
}
.comment_info ul a:link{color:#bbbbbb;}
.comment_info ul a:hover{color:#ffffff;}

.comment_date{
font-size:0.66666666666666em;
line-height:1em;
}

.quoteicon{
font-size:36px;
vertical-align:-18px;
padding:0;
margin:0;
}

.comment_no{
float:left;
height:2em;
line-height:2.5em;
margin-top:1em;
margin-left:0.25em;
}

.comment_no a
{
font-size:3em;
text-decoration:none;
color:#dddddd;
}

.comment_no a:link, .comment_no a:visited {color:#dddddd;}

.gravatar{
margin:0 0.25em 0 0;
vertical-align:-8px;
}

.comment_info h3{
clear:both;
float:left;
margin:0;
padding:0;
}

/**
 * Side Content
 *********************************************************/
 
#sideContent h1, #sideContent h2, #sideContent h3, #sideContent h4, #sideContent h5{
text-align:left;
}


/**
 * Admin area things
 *********************************************************/
 

div.iconlist
{
background:#ffffff;
margin:24px;
height:360px;
width: 180px;
border:solid 1px black;
overflow : auto;
}
.iconlist ul{width:146px;margin:0;padding:0;list-style-type:none;}
.iconlist img{display:inline; float:none; margin:12px;}
.iconlist li{padding:0; margin:12px 0 12px 18px; border : 1px dotted black;}
.iconlist label{display:inline;}
.iconlist input{display:none;}


div.taglist
{
background:#ffffff;
margin:24px;
height:360px;
width: 200px;
border:solid 1px black;
overflow : auto;
}

li.odd{background-color:#c0ffc0;}
li.even{background-color:#c0c0ff;}
ul.taglist li{border-bottom:dotted 1px #000000;display:block;margin:0;padding:4px;}
.taglist span{width:100px;}
ul.taglist{margin:0;padding:0;}
.taglist input{float:right;}