/* 
dominicself.co.uk stylesheet
(C) Dominic Self 2004 - 2010      
*/

html
{
background: #E1E8FC;
}

body 
{
font-family: "verdana", serif; 
background: #E1E8FC;
padding: 0px;
margin: 0px;
}

body
img
{
border: 0px;
}	

#everything
{
margin-left: auto;   
margin-right: auto;
width: 760px;
background: #E1E8FC;

}

#banner
{
margin: 2px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}


#linkhome
{
position: absolute;
margin-left: auto;
margin-right: auto;
top: 8px;
}

#linkhome
a, a:hover
{
text-decoration: none;
}

#nav
{
float: left;
width: 516px;
border-right: 1px solid #4682B4;
}

#subnav
{
float: left;
width: 540px;
}

#navcontainer ul 
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navcontainer ul li 
{
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
}

#navcontainer ul li a 
{
border: solid 1px #151B54;
background: #F8F8F8;
width: 85px;
height: 18px;
padding: 0px;
margin: 0px -1px 0px 0px;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font: normal 12px "trebuchet ms", verdana, serif;
}

#navcontainer ul li a:hover 
{
color: #FFFFFF;
background: #B0C4DE;
}

body#home a#homenav,
body#blog a#blognav,
body#about a#aboutnav,
body#gallery a#gallerynav,
body#life a#lifenav,
body#archive a#archivenav
{
color: #FFFFFF;
background: #151B54;
}

#subnavcontainer ul 
{
margin: 0px;
padding: 2px 0px 0px 0px;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
list-style-type: none;
text-align: left;
float: left;
width: 515px;
height: 18px;
font-size: 12px;
background-color: #E56717;
}

#subnavcontainer ul li 
{
display: block;
float: left;
text-align: center;
padding: 0px 5px 0px 5px;
margin: 0px;
}

#subnavcontainer ul li a 
{
width: 100%;
color: #FFFFFF;
padding: 3px 5px 3px 5px;
text-decoration: none;
text-align: left;
font: bold 12px "trebuchet ms", verdana, serif;
}

#subnavcontainer ul li a:hover 
{
text-decoration: underline;
font-weight: bold;
}

/* 
Main Section     
*/

#main
{
float: left;
width: 518px;
background: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 0px;
font-family: "verdana", serif; 
font-size: 78%;
}

.heading
{
float: left;
width: 514px;
background: #EEEEEE;
padding: 2px;
font-size: 130%;  
font-weight: bold; 
font-family: "Trebuchet MS",Arial,sans-serif;
}

.content
{
float: left;
padding: 10px;
width: 478px;
line-height: 135%;
}

.content
a, a:link, a:visited, a:active
{  
text-decoration: none; 
}

.content
a:hover
{    
border-bottom:1px dashed;
}	

.content
fieldset 
{
border: none;
margin: 0px;
padding: 0px;
}

/* 
Images   
*/

.imageright
{
border: outset 1px #F8F8F8;
margin: 10px;
padding: 0px;
float: right;
}

.imageleft
{
border: outset 1px #F8F8F8;
margin: 10px;
padding: 0px;
float: left;
}

.image
{
margin: 0px;
padding: 0px;
}

.imagecaption
{
margin: 0px;
padding: 0px;
background: #F8F8F8;
color: #000000;
font-size: 90%;
}

/* 
Index Pages    
*/

.homecontent
a
{
float: left;
background: #FFFFFF;
width: 516px;
height: 98px;
margin: 10px 0px 0px 0px;
padding: 0px;
font-family: "verdana", serif; 
font-size: 78%;
border: 1px #C35617 solid;
display: block;
cursor:pointer;
color: #000000;
}

.homecontent:hover
a
{
background: #FCDFFF;
}

.hometext
{
float: left;
width: 300px;
margin: 10px;
line-height: 130%;
color: #000000;
}

.homeimage
{
float: right;
margin: 10px 5px 0px 5px;
width: 120px;
cursor: default;
}


/* 
Home Page   
*/

#indexmain
{
float: left;
background-image: url("http://dominicself.co.uk/images/graphics/indexbackground.jpg");  
background-position: top right;
background-repeat: no-repeat; 
background-color: #E1E8FC;
width: 478px;
height: 250px;
margin: 10px 0px 0px 0px;
padding: 20px;
color: #FFFFFF; 
/* color: #333333; */
font-family: "verdana", serif; 
font-size: 78%;
}

#indexmain
a, a:link, a:visited, a:active
{  
text-decoration: none; 
color: #FFFFFF; 
/* color: #333333; */
}

#indexmain
a:hover
{    
border-bottom: 1px dashed #FFFFFF;
   color: #FFFFFF;
/* border-bottom: 1px dashed #333333;
color: #333333; */
}

#indexspacer
{
height: 140px;
}

.indexsub
{
float: left;
background: #FFFFFF;
height: 151px;
width: 251px;
margin: 20px 15px 0px 0px;
padding: 0px;
font-family: "verdana", serif; 
font-size: 10px;
}

#indexsubone
{
padding: 10px;
background-image: url("http://dominicself.co.uk/images/graphics/subone.jpg");  
background-position: top right;
background-repeat: no-repeat; 
background-color: #FFFFFF;
height: 150px;
}

#twitterstatus
{
float: left;
margin-top: 20px;
padding: 2px 0px 2px 105px;
width: 410px;
height: 25px;
background-image: url("http://dominicself.co.uk/images/graphics/twitter.gif");  
background-position: top left;
background-repeat: no-repeat; 
background-color: #F8F8F8;
border: 1px solid #000000;
font-size: 65%;
}

/* 
Right Panel 
*/

#right
{
float: right;
margin: 0px;
width: 200px;
background: #FFFFFF;
font-size: 65%;
height: 100%; 
border: 1px #E56717 solid;
}

#blogright
{
float: right;
margin: -93px 0px 0px 0px;
width: 200px;
background: #FFFFFF;
font-size: 65%;
height: 100%; 
border: 1px #E56717 solid;
}

.rightheading
{
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,sans-serif;
font-size: 12px;
height: 18px;
background: #E56717;
text-align: right;
padding: 2px 5px 0px 5px;
font-weight: bold;
}

.subrightheading
{
font-weight: bold;
font-size: 12px;
}

.rightcontent
{
padding: 10px;
overflow: hidden;
}

.rightcontent
a
{          
color: #002bb8;
text-decoration: none;
}

.rightcontent
a:visited
{
color: #002bb8;
text-decoration: none;
}

.rightcontent
a:hover
{    
border-bottom:1px dashed #002bb8;
color: #002bb8;
}

.rightimage
a:hover
{
border-bottom: none;
}

/* 
Blog  
*/

.gravatar
{
float: right;
margin: 5px 0px 0px 5px;
}

.blogheading
{
float: left;  
font-weight: bold; 
margin: 0px;
padding: 0px 10px 0px 10px;
width: 478px;
font-size: 110%;
font-family: "Trebuchet MS",Arial,sans-serif;
border-bottom: 1px dashed #002bb8;
}

.blogheading
a, a:link, a:visited, a:active
{  
text-decoration: none; 
color: #002bb8;
}

.blogheading
a:hover
{    
color: #002bb8;
}

.blogitem
{
float: left;
width: 100%;
margin: 0px;
}

.byline
{
float: left;  
font-weight: bold; 
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 10px;
width: 478px;
font-family: "Trebuchet MS",Arial,sans-serif;
font-size: 12px;
}

.byline
a, a:link, a:visited, a:active
{  
text-decoration: none; 
color: #002bb8;
}

.byline
a:hover
{    
border-bottom:1px dashed #002bb8;
color: #002bb8;
text-decoration: none;
}	

.commentform
{
margin-left: 5px;
}

.commentname
{     
font-weight: bold;
font-family: "Trebuchet MS",Arial,sans-serif;
font-size: 13px;
}

.commentbody
{
padding: 5px 10px 5px 10px;
min-height: 65px;
height: 100%;
}

.commentinfo
{
width: 100%;
float: right;
text-align: right;
font-style: italic;
font-size: 80%;
color: #708090; 
}

.commentinfo
a
{    
font-weight: bold;    
text-decoration: none;
font-style: normal;
}

.commentfield
{
float: left;
text-align: right;
width: 315px;
margin: 2px 0px 0px 0px;
padding: 0px;
}

.formfield, .commentformfield, .idformfield, .searhformfield
{
background: #F8F8F8;
font-family: "verdana", serif;
font-size: 12px;
padding: 3px;
border-top: 1px solid #868686;
border-left: 1px solid #868686;
border-bottom: 1px solid #D4D2CF;
border-right: 1px solid #D4D2CF;
margin: 3px 0px 0px 0px;
}

.formfield:focus, .commentformfield:focus, .idformfield:focus, .searchformfield:focus
{
background: #FFFFFF;
border: 1px solid black;
}

.commentformfield
{
width: 310px;
height: 145px;
}

.idformfield
{
width: 240px;
}

.searchformfield
{
width: 105px;
}

.formbutton 
{
font-family: "verdana", serif;
font-size: 11px;
background: #E56717; 
color: #FFFFFF;
}

.blogsubheading
{
font-size: 150%;
font-family: "Trebuchet MS",Arial,sans-serif;
margin: 0px 0px 15px 0px;
}

.blogrightcentertext
{
text-align: center;
}

.blogrightcentertext
img
{
padding-top: 2px;
}

.error
{
color: #FF0000;
}

.category
{
background: #E1E8FC;
font-size: 120%;
padding: 2px;
}

#emoticons
{
float: right;
width: 120px;
margin-top: 10px;
}

#emoticons
a:hover
{
border: none;
}

#commentremember
{
margin-top: -14px;
margin-bottom: 6px;
float: right;
width: 120px;
}

#commentcaptcha
{
float: right;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 10px;
}

#captchainput
{
margin-top: 20px;
margin-bottom: 10px;
float: left;
width: 200px;
}

.commentfinal
{
float: left;
width: 400px;
font-size: 90%;
}

#blogsearch
{
position: absolute;
margin-left: auto;
margin-right: auto;
width: 200px;
top: 25px;
border: none;
}

#blogsearch
fieldset 
{
border: none;
}

#blogsearch
form
{
margin: 0px;
padding: 0px;
border: none;
}

acronym
{
cursor:help; 
border-bottom: 1px dashed #000000; 
}

.mixbox
{
float: left;
width: 175px;
height: 38px;
margin-bottom: 2px;
border: 1px #FFFFFF solid;
}

.mixbox
a
{
display: block;
}

.mixbox:hover
{
background: #FCDFFF;
border: 1px #C35617 solid;
}

.mixicon
{
float: left;
padding: 2px;
height: 35px;
width: 38px;
}

.mixlink
{
float: left;
padding-top: 2px;
width: 125px;
}

.mixlink 
a
{
color: #000000;
text-decoration: none;
border: none;
}

.mixlink 
a:visited
{
color: #000000;
text-decoration: none;
border: none;
}

.mixlink 
a:active
{
color: #000000;
text-decoration: none;
border: none;
}

.mixlink 
a:hover
{
color: #000000;
text-decoration: none;
border: none;
}


/* 
Quote of the Day
*/

.qotddate
{
float: right;
margin: 5px;
font-family: "verdana", serif;
padding: 5px;
color: #C0C0C0;
}

/* 
Special Fixes   
*/

.freeviewlinks
{
margin: 0px;
}

.freeviewlinks
a:hover
{
text-decoration: none;
border: 0px;
}

#feedicon
{
width: 100%;
float: right;
text-align: right;
}

#feedicon
a:hover
{
border-bottom: none;
}

#aboutme
{
float: right;
}

.hid
{
display: none;
}