/*** Andrew Pickles 

Colour Table:
                Blue 	     #3062a7 ( headers, links )
                Pale Sky     #8eb9ca ( footer )
                Light Green  #7ac80c ( visited )
***/

html {  -ms-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box; }

a {color:#3062a7; font-weight:normal; text-decoration:none; font-weight:bold }
a:hover   {color:#3062a7; text-decoration:underline; }
p {line-height:120%; margin:0 0 15px; }
img {display:block; margin:4px; padding: 4px; background:white; border:1px solid #555; }

img.inline {display:inline; border:0; margin:0; padding:0; }

.floatLeft { float: left; }
.floatRight { float: right; margin-right:20px }
.clear { clear:both; }

/*** MAIN PAGE GREY BACKGROUND ***/

body { max-width:1200px; min-width:800px; background: #e5e5e5;
       margin:0 auto; padding:0;
       font-style:normal; font-variant:normal; font-weight:normal;
       font-family:Verdana,Tahoma,Arial,sans-serif; font-size:80%; }

/*** WHITE BORDER ***/

#border { margin:0; padding:0; background: #FFF;  }

/*** HEADER SECTION WITH GRAPHICS ***/

#header {   clear:both; height:200px; margin:0 10px; padding:10px 20px;
            background: url('img/baildon_trig.png') top right no-repeat; }
#header h1 {font-size:30px; color:#FFF; font-weight:normal; }
#header h2 {font-size:25px; color:#BBB; font-weight:normal; }

/*** HORIZONTAL MENU - FLOATING ON TOP OF HEADER ***/

#mainmenu { float:left; margin:0; padding:0; }
#mainmenu ul {font-size:14px; margin:0; padding:0;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}
#mainmenu a {   display:block; padding:10px; border-right:1px solid #FFF;
		color:#FFF; text-decoration:none; text-transform:uppercase; font-weight:bold; }
#mainmenu a:hover { background:#f0f0f0;	color:#3062a7; text-decoration:none; }
#mainmenu a.current {
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		background:#EEE;
		color:#505050; text-decoration:none;
}

/*** MAIN CONTENT BACKGROUND - GREY BORDER ***/

#page { margin:0 10px 0px 10px; padding:15px; background:#d5d5d5;
}

#container, #container.WithLeftMenu {
        margin:0; padding:10px; min-height:350px;
    	text-align:left; color:#000;
	background:#FFF;
}

#container.WithLeftMenu {  margin-left:235px;  border-left: 1px solid #CCC; }
#container.WithRightMenu { margin-right:235px; border-right:1px solid #CCC; }

#container h1 {margin-top:0; padding:10px 10px 10px 40px;
               background: url('img/seagulls.png') no-repeat center left;
               font-size:18px; color:#3062a7; letter-spacing:0px; font-weight:bold; }
#container h2 {font-size:16px; color:#222; letter-spacing:0px; font-weight:bold; }
#container p, #container li {font-size:12px; color:#000;}

/*** Web Log Formats ***/

#container h3 {   /** Blog Titles **/
            height:auto; margin:5px 20px 5px 20px; padding:12px 10px 12px 60px;
            font-size: 16px; color:#444; font-family: Times, serif;
            font-weight: bold; background:#eee;
            border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC;
}

.dateblock {
            float:left; width:38px; height:39px;
            margin:1px 10px 1px 25px; padding:3px 0;
            text-align: center; font-family: arial,sans-serif;
            background: url('img/calendar.png') no-repeat top left;
}
.month {    font-size:11px; font-weight: bold; color:#FFF;  }
.day {      font-size:18px; color:#333; }
.blog {     margin:5px 20px 15px 30px; }

/*** LEFT HAND PANEL ***/

#left { clear:left; float:left; width:220px; 
        margin:0; padding:0; font-size:10px; background: #FFF; }

/*** Rounded Corners on Grey BG  #D5D5D5 ***/

.corner_tl { float:left;  background: url('img/tl.png') no-repeat top left; }
.corner_tr { float:right; background: url('img/tr.png') no-repeat top right; }
.corner_bl { float:left;  background: url('img/bl.png') no-repeat bottom left; }
.corner_br { float:right; background: url('img/br.png') no-repeat bottom right;}
.space     { clear:both; width:100%; background:#d5d5d5; height:15px;}


#left ul { list-style:none; width:200px; margin:10px; padding:0;
           font-size:12px; }

#left li { margin-bottom:4px; }
#left li a {height:20px; display:block; padding:6px 0 0 15px;
            color:#505050; font-weight:bold; text-decoration:none;
            background:url('img/bullet-a.png') no-repeat center left;
            border-bottom:1px #3062a7 dotted; }

#left li a.current {color:#3062a7; background: url('img/bullet-c.png') no-repeat center left; }
#left li a:hover {  color:#000; background: url('img/bullet-h.png') no-repeat center left;}

/*** RIGHT HAND PANEL ***/

#right { float: right; }
#right.floatRightClear { float: right; clear: right; }
#right, #right.floatRightClear { 
	width: 200px;
	margin: 0px 0px 10px 0px;
	border: 3px solid #6b85e0;
	background: #d9e0ff;
}

#right h1, #left h1 { width:180px;
	font-size:14px; color:#FFF; font-weight:bold; text-align: center;
	background: #3062a7; margin:10px 10px 0px 10px; padding:5px 10px 5px 10px;
}

#right p, #left p { 
        margin:0px 10px 10px 10px; padding:10px;
        font-size:11px; color:#000;
        border:1px #3062a7 solid; }

.box {
    	border:1px solid #79a340;
        padding: 10px;
        background:#FFF;
        color:#000010; font-style: italic;
}
.box li {padding-bottom: 5px;}

/*** FOOTER ***/

#footer {   clear:both; margin:0 10px; padding:2px 10px;
            background: #8eb9ca;
            text-align:center;
	
}
#footer p {font-size:100%; color:#FFF; font-weight:bold; margin: 5px; }
#footer a {color:#000; font-weight:normal; border-left:1px solid #FFF; padding:0 10px; }
#footer a:hover { color:#111; text-decoration:underline; }

/*** End of file ***/