/************************************************/
/* Copyright Digi Tales Ltd 2008                */
/* digitales.css                                */
/************************************************/



/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
width: 90%;
margin-left: 1em;
margin-right: 3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
background: url(/css/images/noise-background.gif);
}


/***********************************************/
/* Heading. Used for the main body and right   */
/* hand page column                            */
/***********************************************/
h2{
font-size:1.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666666;
padding-left: 0.8em;
}


h3{
font-size:1.0em;
font-weight:normal;
padding-left: 0.8em;
color:#666666;
margin-bottom:0.4em;
}

/* Detail for the Comments, Archive header page etc */
h3.splash{
font-family: Arial, sans-serif;
font-size: 22px;
color: #8CAC2D;
border-bottom: 1px dashed #464646;
padding-left: 0.4em;
padding-top: 0.1em;
padding-bottom: 0.1em;
margin-left:0.6em;
width: auto;
height: auto;
}

p.comments{
line-height:1.4em;
font-size:0.9em;
text-align:justify;
margin-bottom:2em;
margin-top:0;
margin-left:1em;
margin-right:1em;
padding: 0.4em 0 0 0.4em;
}
p.tags{
line-height:1.4em;
font-size:0.9em;
text-align:justify;
margin-bottom:2em;
margin-top:0;
margin-left:1.4em;
margin-right:1em;
}

p.message{
line-height:1.4em;
font-size:0.9em;
text-align:left;
margin-bottom:2em;
margin-left:0;
margin-top:0;
}

p{
line-height:1.4em;
font-size:1em;
color:#464646;
text-align:justify;
margin-bottom:1em;
margin-left:1em;
margin-right:1em;
padding: 0.4em 0 0 0.4em;
}

.youtube {
margin-top:0.8em;
padding-bottom: 1em;
float:left;
margin-left:1.6em;
padding-right:0.4em;
}

p.small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
color:#333333;
}

b{
color: #222222;
font-weight:normal;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
color:#333333;
margin-left: 1.8em;
}

a {
color: #1F527B;
text-decoration: none; 
padding: 0.4em 0.4em 0.4em 0.4em;
}

a.block{
color: #1F527B;
display:block;
text-decoration: none; 
padding: 0.4em 0.4em 0.4em 0.4em;
border-bottom: 1px solid #CCC;
}

a:link{
color: #1F527B;
text-decoration: none;
}


a:visited {
text-decoration: none;
}

a:hover{
background-color:#ECECEC;
text-decoration: none;
}

a:active {
text-decoration: none;
}

ul{
line-height:1.4em;
font-size: 1em;
}

li{
list-style:none;
margin-left:0;
margin-right:0;
padding-bottom:0.4em;
}



/***********************************************/
/* Experimentation corner.                     */
/***********************************************/
ul.blockbackground{
display:block;
background-image: url(/css/images/square.gif);
background-repeat: repeat;
padding-left:0.4em;
padding-right:0.9em;
margin-left:0.6em;
margin-top:0;
margin-bottom:0.4em;
padding-top:0;
padding-bottom:0.2em;
}

/***********************************************/
/* Image placement markup for Word Press.      */
/***********************************************/
img {
border:0;
padding: 8px;
margin-bottom:0;
}

img.reset {
border:0;
padding: 0;
margin-bottom: -0.2em;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	border: 0;
	}

img.alignright {
	padding: 8px;
	margin: 0 0 2px 7px;
	display: inline;
	float:right;
	border: 0;
	}

img.alignleft {
	padding-left: 0.2em;
	margin: 0 2px 2px 0;
	display: inline;
	border: 0;
	float:left;
	}



/***********************************************/
/* Masthead div. Company name, and date.       */
/***********************************************/

#masthead{
padding: 0.8em 0em 0.4em 0.4em;
}

/* Company name floated to the left. */
#company{
float:left;
font-size:1.3em;
}

/* Company role, floated to the left. */
#role{
float:left;
padding: 0em 0em 0em 0.4em;
font-size:1.3em;
color:#666666;
}

/* Date aligned to the right, and smaller font size. */
#date{
text-align:right;
font-size:1.2em;
color:#CCCCCC;
color:#E84326;
}

/*******************************************************/
/* Top horizontal  navigation strip div. Services etc. */
/*******************************************************/
#navigation{
width: 100%;
font-size: 1em;
padding: 0.4em 0em 0.4em 0.4em;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}

/* For the vertical marker. */
#navigation span{
font-weight:bold;
color:#99cc00;
margin-left: -0.2em;
margin-right: -0.2em;
}

/*******************************************************/
/* Navigation strip for the Blog comments and other links. */
/*******************************************************/

#post-menubar{
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
width: 96%;
font-size: 0.8em;
margin-left:1em;
padding-top:0.4em;
padding-bottom:0.5em;
margin-bottom:1.0em;
}

a.diggit:link, a.diggit:visited, a.diggit:hover, a.diggit:active{
background-image: url(/css/images/little-digg.gif);
background-repeat: no-repeat;
background-position: 8% 50%;
padding-left: 3em;
}

a.delicious:link, a.delicious:visited, a.delicious:hover, a.delicious:active{
background-image: url(/css/images/delicious-logo.gif);
background-repeat: no-repeat;
background-position: 8% 50%;
padding-left: 3em;
}

a.comments:link, a.comments:visited, a.comments:hover, a.comments:active{
background-image: url(/css/images/comments.gif);
background-repeat: no-repeat;
background-position: 8% 50%;
padding-left: 3em;
}
a.rss:link, a.rss:visited, a.rss:hover, a.rss:active{
background-image: url(/css/images/rss-feed.gif);
background-repeat: no-repeat;
background-position: 24% 50%;
padding-left: 3.4em;
}

/* For the vertical marker. */
#post-menubar span{
font-weight:bold;
color:#99cc00;
margin-left: -0.2em;
margin-right: -0.2em;
}




/***********************************************/
/* Banner div. A large image etc.              */
/***********************************************/
#banner{
width: 100%;
padding: 1.2em 0em 1.2em 0.4em;
border-bottom: 1px solid #CCC;
text-align: center;
}

#banner img{
border: 0;
}

/***********************************************/
/* A horizontal divider to split the content.  */
/* what a complete pile of poo. Just to avoid  */
/* the use of tables.                          */
/***********************************************/
#divider{
height:100%;
background-image: url(images/1pixel.gif);
background-repeat: repeat-y;
background-position: 74% 0;
margin:0 auto;
width:980px;
}
#clearone{
clear:both;
height:1px;
}
/***********************************************/
/* Main page content left hand column.         */
/***********************************************/
#content{
float: left;
padding: 0.4em 0 0 0.4em;
width: 72%;
}




.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/****************************************/
/* Blog top and bottom page navigation. */
/****************************************/
#articlenav {
	display: block;
	width:100%;
	margin-top: 10px;
	padding-bottom:1.4em;
	font-size:0.9em;
	}
	

.alignright {
	float: right;
	
	}
.alignleft {
	float: left
	}

/***********************************************/
/* Single column                               */
/***********************************************/
#singlecolumn{
width: 100%;
}


/*** Google map ***/
#map{
width: 500px; 
height: 300px; 
float:left; 
margin-right: 1em;
margin-left: 1.2em;
margin-bottom:2em;
}


/***************************************************/
/* Main and download page links right hand column. */
/***************************************************/
#rightcolumn{
float:left;
width: 14em;
padding-left:0.4em;
margin-left:0.4em;
margin-top:0.4em;
}

#rightcolumn  h2{
font-size:1.3em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666666;
padding-left: 2em;
}

#rightcolumn h3{
font-size:1.0em;
font-weight:normal;
border-bottom: 1px solid #FFFFFF;
color:#666666;
padding-left:0;
padding-top:0.2em;
margin-top:0;
margin-left:0;
margin-bottom:0.4em;
}

#rightcolumn a{
color: #1F527B;
font-size: 0.8em;
text-decoration: none; 
padding-top:0.2em;
padding-bottom:0.2em;
}

#rightcolumn a:hover{
background-color:#C1C1C1;
text-decoration: none;
}


#rightcolumn ul{
padding-left:1.8em;
}

#rightcolumn li{
list-style:none;
padding-left:0.2em;
padding-bottom:0.2em;
padding-top:0.2em;
}


br{
clear:left;
}