@charset "UTF-8";
/* CSS Document */

body { font-family: "Myrid Pro", Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; background-color: #fff; }
input,textarea { font-family: "Myrid Pro", Verdana, Arial, Helvetica, sans-serif; }

div#siteheader { width: 900px; margin: 0px auto 10px auto; }
div#siteheader h1 { display: block; width: 171px; height: 200px; background-image: url('img/abcouk.jpg'); background-repeat: no-repeat; margin: 10px 30px 0px 0px; padding: 0px; float: left; }
div#siteheader h1 span { display: none; }
div#siteheader ul#nav { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; float: left; display: block; width: 100px; }
div#siteheader ul#nav li { font-size: 12px; margin-bottom: 4px; }
div#siteheader ul#nav li.portfolio { margin-top: 20px; }
div#siteheader ul#nav li.portfolio span { font-size: 10px; display: block; }
div#siteheader ul#nav li a { color: #333; text-decoration: none; }
div#siteheader ul#nav li a.c { color: #333; }
div#siteheader ul#nav li a:hover { color: #069; }

div#siteheader div#mflickr { margin: 10px; float: right; width: 360px; }
div#siteheader div#mflickr div#flickr_badge_wrapper { }
div#siteheader div#mflickr div#flickr_badge_wrapper div.flickr_badge_image { float: right; margin-left: 10px; margin-bottom: 10px; display: inline; }
div#siteheader div#mflickr div#flickr_badge_wrapper div.flickr_badge_image img { border: 1px solid #333; }

div#sitecontent { clear: both; border-top: 1px dotted #999; width: 900px; margin: 10px auto 10px auto; }
div#sitecontent div.myphoto { float: left; margin: 20px 40px 20px 0px; padding: 2px; border: 1px solid #666; }
div#sitecontent div.myphoto img { border: 1px solid #333; }
div#sitecontent p { font-size: 12px; text-align: justify; }
div#sitecontent p a,
div#sitecontent ul li a { color: #069; text-decoration: none; }
div#sitecontent p a:hover,
div#sitecontent ul li a:hover { text-decoration: underline; }
div#sitecontent ul, div#sitecontent ol { list-style: square; font-size: 12px; text-align: left; }
div#sitecontent h3 { text-align: right; font-weight: normal; }
div#sitecontent p.sublink { text-align: right; font-size: 10px; }
div#sitecontent p.sublink a { color: #069; text-decoration: none; }
div#sitecontent p.sublink a:hover { font-weight: bold; }
div#sitecontent ul#sociallink { list-style: none; text-align: center; margin-top: 30px; }
div#sitecontent ul#sociallink li { display: inline; margin-right: 10px; }
div#sitecontent ul#sociallink li a { width: 60px; height: 60px; display: block; background-repeat: no-repeat; background-position: center center; float: left; margin-left: 55px; }
div#sitecontent ul#sociallink li a span { display: none; }
div#sitecontent ul#sociallink li a.yt { background-image: url('img/icon/youtube_48.png'); }
div#sitecontent ul#sociallink li a.fl { background-image: url('img/icon/flickr_48.png'); }
div#sitecontent ul#sociallink li a.fb { background-image: url('img/icon/facebook_48.png'); }
div#sitecontent ul#sociallink li a.tw { background-image: url('img/icon/twitter_48.png'); }

div#sitecontent div#p365_frame { margin: 20px 60px 20px 60px; border: 1px solid #666; }
div#sitecontent div#p365_frame ul { list-style: none; margin: 0px; padding: 0px; }
div#sitecontent div#p365_frame ul li { float: left; margin: 10px 10px 10px 10px; }
div#sitecontent div#p365_frame ul li a { }
div#sitecontent div#p365_frame ul li a img { border: 1px solid #333; }
div#sitecontent div#p365_frame div#photo_about p { font-size: 10px; text-align: right; margin: 4px; }
div#sitecontent div#p365_frame div#photo_about p a { color: #333; text-decoration: none; }

div#sitecontent div.formleft { float: left; width: 350px; }
div#sitecontent div.formright { float: right; width: 500px; }
div#sitecontent div.formleft h5 { font-weight: normal; text-transform: uppercase; margin-bottom: 5px; }
div#sitecontent div.formleft p { margin-top: 0px; }
div#sitecontent div.formleft input[type="text"] { border: 1px solid #069; padding: 2px; font-size: 12px; width: 300px; }
div#sitecontent div.formleft select { font-size: 12px; width: 300px; }
div#sitecontent div.formleft div#captchasquare { width: 25px; height: 25px; background-color: #069; margin: 10px auto 10px auto; }
div#sitecontent div.formright textarea { text-align: left; font-size: 12px; padding: 5px; width: 500px; height: 220px; border: 1px solid #069; }
div#sitecontent div.formright input[type="submit"] { font-size: 12px; }

div#sitecontent div#info { width: 600px; border: 1px solid #069; margin: 20px auto 20px auto; background-image: url(/global/img/icon/Information-64.png); background-position: 10px center; background-repeat: no-repeat; }
div#sitecontent div#info p { margin-left: 90px; margin-top: 20px; margin-bottom: 20px; margin-right: 20px; }

/* Blog Stuff */
div#blogcontent { clear: both; border-top: 1px dotted #999; width: 900px; margin: 10px auto 10px auto; }
div#blogcontent div#content { float: left; width: 620px; }
div#blogcontent div#content div.dtbox { float: left; display: block; background-color: #069; width: 80px; height: 80px; margin: 0px 30px 20px 0px; }
div#blogcontent div#content div.dtbox span.day { text-align: center; display: block; font-size: 20px; margin: 10px 0px 10px 0px; font-weight: normal; color: #fff; }
div#blogcontent div#content div.dtbox span.month { text-align: center; display: block; margin: 4px 5px 4px 5px; font-size: 12px; font-weight: normal; color: #fff; }
div#blogcontent div#content div.dtbox span.year { text-align: center; display: block; font-size: 10px; color: #fff; margin: 4px 5px 4px 5px; }
div#blogcontent div#content h2 { font-weight: normal; margin-bottom: 4px; }
div#blogcontent div#content h2 a { color: #069; text-decoration: none; }
div#blogcontent div#content h2 a:hover { text-decoration: underline; }
div#blogcontent div#content h3 { font-weight: normal; }
div#blogcontent div#content p.postmetadata { font-size: 12px; color: #666; margin: 0px 0px 20px 0px; }
div#blogcontent div#content p.postmetadata a { color: #333; text-decoration: none; }
div#blogcontent div#content p.postmetadata a:hover { text-decoration: underline; }

div#blogcontent div#content div.entry { }
div#blogcontent div#content div.entry ul,
div#blogcontent div#content div.entry ol { font-size: 12px; }
div#blogcontent div#content div.entry p { text-align: justify; font-size: 12px; }
div#blogcontent div#content div.entry p a { color: #069; text-decoration: none; }
div#blogcontent div#content div.entry p a:hover { text-decoration: underline; }
div#blogcontent div#content div.entry img.alignright { float: right; margin: 10px 0px 10px 20px; border: 1px solid #333; }
div#blogcontent div#content div.entry img.alignleft { float: left; margin: 10px 20px 10px 0px; border: 1px solid #333; }
div#blogcontent div#content div.entry img.aligncenter { margin: 10px 0px 10px 0px; border: 1px solid #333; }

div#blogcontent div#content div.entry div.wp-caption { border: 1px solid #333; background-color: #e3e3e3; text-align: center; display: block; padding: 5px 5px 0px 5px; }
div#blogcontent div#content div.entry div.wp-caption.aligncenter { margin: 10px auto 10px auto; }
div#blogcontent div#content div.entry div.wp-caption.alignleft { float: left; margin: 10px 20px 10px 0px; }
div#blogcontent div#content div.entry div.wp-caption.alignright { float: right; margin: 10px 0px 10px 20px; }
div#blogcontent div#content div.entry div.wp-caption p.wp-caption-text { text-align: center; font-size: 10px; color: #333; margin: 5px 10px 5px 10px; }
div#blogcontent div#content div.entry div.wp-caption img { border: 1px solid #333; text-align: center; }

div#blogcontent div#content div.navigation { }
div#blogcontent div#content div.navigation div.alignleft a,
div#blogcontent div#content div.navigation div.alignright a { color: #069; text-decoration: none; font-size: 12px; }
div#blogcontent div#content div.navigation div.alignleft a:hover,
div#blogcontent div#content div.navigation div.alignright a:hover { text-decoration: underline; }
div#blogcontent div#content div.navigation div.alignleft { float: left; }
div#blogcontent div#content div.navigation div.alignright { float: right; }

div#blogcontent div#content div#comments { margin: 10px 100px 10px 50px; border-left: 10px solid #069; padding-left: 50px; }
div#blogcontent div#content div#comments h3 { font-weight: normal; font-size: 16px; }
div#blogcontent div#content div#comments ol.commentlist { list-style: none; margin: 0px; padding: 0px; }
div#blogcontent div#content div#comments ol.commentlist li { display: block; }
div#blogcontent div#content div#comments ol.commentlist li p { font-size: 12px; color: #333; text-align: justify; }
div#blogcontent div#content div#comments ol.commentlist li .comment-author { text-align: left; font-size: 12px; }
div#blogcontent div#content div#comments ol.commentlist li .comment-author a { color: #069; text-decoration: none; }
div#blogcontent div#content div#comments ol.commentlist li .comment-author a:hover { text-decoration: underline; }
div#blogcontent div#content div#comments ol.commentlist li .comment-author .fn { font-weight: bold; }
div#blogcontent div#content div#comments ol.commentlist li .comment-meta { font-size: 10px; color: #666; }
div#blogcontent div#content div#comments ol.commentlist li .comment-meta a { color: #333; text-decoration: none; }
div#blogcontent div#content div#comments ol.commentlist li .comment-meta a:hover { text-decoration: underline; }
div#blogcontent div#content div#comments ol.commentlist li .reply { margin: 5px 100px 10px 100px; border-bottom: 1px solid #e3e3e3; }
div#blogcontent div#content div#comments div#respond { }
div#blogcontent div#content div#comments div#respond h3 { font-size: 14px; }
div#blogcontent div#content div#comments div#respond p { font-size: 12px; }
div#blogcontent div#content div#comments div#respond p a { text-decoration: none; color: #069; }

div#blogcontent div#content div#comments div#respond p input[type="text"] { width: 200px; color: #333; border: 1px solid #069; padding: 2px; font-size: 12px; }
div#blogcontent div#content div#comments div#respond p textarea { width: 400px; height: 100px; color: #333; border: 1px solid #069; padding: 2px; font-size: 12px; }


div#blogcontent div#sidebar { float: right; width: 240px; }
div#blogcontent div#sidebar p#rssicon { float: right; }
div#blogcontent div#sidebar p#rssicon a { display: block; background-image: url('img/icon/Feed-RSS.png'); height: 64px; width: 64px; background-repeat: no-repeat;  }
div#blogcontent div#sidebar p#rssicon a span { display: none; }
div#blogcontent div#sidebar ul#navarchives { clear: right; list-style: none; margin: 0px; padding: 0px; }
div#blogcontent div#sidebar ul#navarchives li h2 { font-weight: normal; font-size: 16px; text-align: left; margin-bottom: 5px; }
div#blogcontent div#sidebar ul#navarchives li ul { list-style: square; color: #069; margin: 0px; }
div#blogcontent div#sidebar ul#navarchives li ul li { font-size: 12px; }
div#blogcontent div#sidebar ul#navarchives li ul li a { color: #333; text-decoration: none; }
div#blogcontent div#sidebar ul#navarchives li ul li a:hover { color: #069; }



div#sitefooter { clear: both; border-top: 1px dotted #999; width: 900px; margin: 10px auto 10px auto; }
div#sitefooter p { margin-top: 5px; font-size: 10px; color: #333; text-align: right; padding-top: 4px;}
div#sitefooter p#minitwit { float: left; background-image: url('img/icon/Twitter-bird-s.png'); height: 20px; padding-left: 25px; background-repeat: no-repeat; background-position: left top; width: 600px; text-align: left; }
div#sitefooter p#minitwit span.tweet_text a { text-decoration: none; color: #333; }
div#sitefooter p#minitwit span.tweet_text a:hover { text-decoration: underline; }
div#sitefooter p#minitwit a.dt { margin-left: 10px; color: #069; text-decoration: none; }
div#sitefooter p#minitwit a.dt:hover { text-decoration: underline; }

.printer { display: none; }
.clear { clear: both; }
p.error { text-align: center; font-weight: bold; border: 1px solid #f00; color: #f00; padding: 10px; margin: 10px; }

/* P365 Popup Stuff */
div#popupbox { width: 600px; border: 2px solid #333; background-color: #fff; display: none; z-index: 1000; }
div#popupbox div#closebox { display: block; text-align: right; background-color: #333; border-bottom: 2px solid #000; padding: 5px; }
div#popupbox div#closebox a { text-decoration: none; font-size: 12px; color: #fff; }
div#popupbox div#closebox a:hover { font-weight: bold; }
div#popupbox img { border: 1px solid #333; float: left; margin: 10px 30px 0px 10px; }
div#popupbox h4 { font-weight: normal; margin-top: 10px; padding-top: 0px; }
div#popupbox p { font-size: 12px; color: #333; text-align: justify; margin-right: 10px; }
div#popupbox p.fl { text-align: right; margin: 0px 10px 10px 0px; font-size: 10px; color: #333; }
div#popupbox p.fl a { text-decoration: none; color: #069; }
div#popupbox p.fl a:hover { font-weight: bold; }

/* Captify Stuff */
.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 6px 0px 5px 0px;	
	font-weight: normal;
	font-size: 10px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-align: center;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 2px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }