/*  
Theme Name: MAS-Blue
Description: A mainly blue theme for Wordpress with some curvy bits.
Author: Michael Stewart
*/

body { margin: 35px 0px 20px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black; background-color: #A2ADB9; background-image: url(images/page-back2.jpg); background-position: top; background-repeat: repeat-x; background-attachment: fixed; }
#page { position: relative; top: 0px; margin-left: auto; margin-right: auto; padding: 0px; width: 760px; font-size: 15px; text-align: left; margin-top: 0px; border-left: 1px solid #525252; border-right: 1px solid #525252; background-color: #8CB2D3; color: black; overflow: hidden; background-image: url(images/background3.jpg); background-repeat: no-repeat; background-position: 235px 0px; }
#top-curve { position: relative; width: 762px; height: 25px; margin-left: auto; margin-right: auto; background-image: url(images/top-curve-back3.gif); background-repeat: no-repeat; background-position: top; }
#bottom-curve { position:relative; width:762px; height:15px; margin-left:auto; margin-right:auto; background-image:url(images/bottom-curve-back.gif); background-repeat:no-repeat; background-position:bottom; }

/*Header*/
#header { padding: 0px; margin: 0px; height: 120px; width: 750px; background-color: transparent; color: Black; }
.pageheader { position: relative; top: 5px; left: 315px; font-size: 40px; font-weight: normal; color: #0066CC; margin: 0px; padding: 0px; background-color: transparent; width: 300px; text-align: center; }
.pageheader a { /*color: #336693;*/ color: #FFFAFA; background-color: transparent; letter-spacing: 1px; /*word-spacing: 3px;*/ text-decoration: none; /*background-image: url(images/dot.jpg); background-repeat: no-repeat; background-position: 116px 22px;*/ }
.pageheader a:hover { text-decoration: none; color: #FFD700; background-color: transparent; /*background-image: url(images/dot2.jpg);*/ }
.strapline { position: relative; top: 5px; left: 330px; font-size: 22px; font-weight: normal; color: #696969; border-top: 1px solid silver; padding-top: 3px; width: 270px; background-color: transparent; letter-spacing: 1px; text-align: center; font-family: "Times New Roman", Times, serif; font-style: italic; }
#top-pic a { position:absolute; top:20px; left:34px; width:124px; height:150px; background-image:url(images/house.jpg); background-repeat: no-repeat; }
#top-pic a:hover { background-image:url(images/house-hover.jpg); }
/*End of Header*/

/* Sidebar */
#sidebar { float: left; width: 170px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 10px; border-bottom: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; background-color: white; color: black; }
#sidebar h2 { position: relative; top: 0px; left: 0px; width: 157px; height: 20px; padding: 2px 0px 0px 13px; margin: 0px 0px 0px 0px; font-size: 14px; font-weight: bold; text-align: left; border-bottom: 1px solid #929292; border-top: 1px solid #929292; color: #336699; background-color: #dbeeff; background-image: url(images/menu-h2-back.jpg); background-repeat: repeat-x; }
#sidebar ul { position: relative; left: 0px; top: 0px; width: 170px; padding: 0px; margin: 0px; background-color: #f8fcf8; /*background-color: #D1F2C4;*/ color: black; }
#sidebar li { list-style-type:none; list-style-image:none; padding: 0px; margin: 0px; }
#sidebar a { display: block; width: 147px; padding: 5px 0px 5px 23px; margin: 0px; color: #284b73; background-color: #F8FCF8; background-image: url(images/left-link.gif); background-position: 7px 9px; background-repeat: no-repeat; /*border-bottom: 1px solid #C4C9D0;*/ font-size: 12px; font-weight: bold; text-decoration: none; }
#sidebar a:hover { color: #FF5E28; text-decoration: none; background-image: url(images/left-link-hover.gif); background-color: #DBEEFF; }
#sidebar p { font-size:11px; margin: 0px 15px 0px 15px; padding: 0px; }
#sidebar p a {position: relative; left:-3px; width:150px;}
#sidebar .cat-width a { width: 100px; }
#sidebar .cat-width ul li {width: 20px; text-align:right; }
.pagenav { margin:0px }
#level2 { border-top: 1px solid gray; border-bottom: 1px solid gray; }
#level2 a { width: 134px; padding: 6px 0px 3px 36px; color: #555555; background-color: #fef7c7; background-position: 18px 9px; }
#level2 a:hover { background-position:18px 9px }
#sidebar .comment-quote-start { background-image: url('images/comment-leftquote.gif'); background-repeat: no-repeat; background-position: 10px 5px; text-indent: 15px; padding: 0px 10px 5px 5px; border-bottom: 1px dotted #ffe237; }
#sidebar .comment-quote-start p {position: relative; top: 8px; }
.comment-quote-end { height: 15px; background-image: url('images/comment-rightquote.gif'); background-repeat: no-repeat; background-position: 140px top; }
#sidebar .recent-comment-author p { text-align: left; font-weight: bold; padding: 5px 0px 0px 5px; color: #696969; font-size: 13px; }
#sidebar .comment-link a { display: inline; background-image: none; font-size: 10px; padding: 0px 0px 0px 20px; }
#sidebar .comment-link a:hover { background-color: #f8fcf8 }
/* End of Sidebar */


/* Content */
#content-wrapper { float: left; width: 750px; background-image: url(images/wrapper-back.gif); background-position: 10px ; background-repeat: repeat-y; overflow: hidden; }
#content { float: left; width: 545px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; overflow: hidden; }
#content-top-curve{ position: relative; top: 0px; left: 191px; width: 562px; height: 40px; background-image: url(images/content-top-curve.jpg); background-position: 0px 0px; background-repeat: no-repeat; }
#content-bottom-curve{ float:left; width:100%; height:40px; background-image:url(images/content-bottom-curve.jpg); background-position:189px 0px; background-repeat:no-repeat; margin-bottom:10px; }
#content h2 { font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; color: #2d5d8b; background-color: White; }
#content h3 { font-size:24px; font-weight:normal; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#2d5d8b; background-color:white; }
#content .index-header { font-size: 25px; text-indent: 10px; border-bottom: 2px dotted #F8C49A; width: 450px; border-top: 2px dotted #F49C53; position: relative; left: 30px; padding: 3px; margin: 0px;}
#intro { position: relative; left: 30px; width: 450px; border-bottom: 1px dotted #F49C53; margin-bottom: 20px;}
#intro p { padding:5px; margin: 0px;}
.mail-link a { position:relative; top:0px; color:#336699; background-color:Black; padding:0px; margin:0px; }
.mail-link a:hover { color:#FF5E28; background-color:Black;text-decoration:none; }
/* End of Content */

/*Posts*/
.post { position: relative; left:35px; top: 10px; margin: 0px 0px 30px 0px; width: 85%; }
.post h2, .post h3 { width: auto; border-bottom: 2px dotted #BFCCEA; text-align: center; /*height: 32px;*/ }
.post-title-end { background-image: url(images/little-mouse.jpg); background-repeat: no-repeat; background-position: left 7px; display: inline; }
.post-title-start { background-image: url(images/little-mouse2.jpg); background-repeat: no-repeat; background-position: right 7px; }
a:hover.post-title-end  { background-image: url(images/little-mouse-tail.jpg) }
.post h2 a { text-decoration: none; color: #336699; background-color:  transparent; padding: 0px 48px 0px 48px; }
.post h2 a:hover { color:#FF5E28; background-color: transparent; }
.post h3 a { text-decoration:none; color: #336699; background-color: White; }
.post h3 a:hover { color:#FF5E28;background-color:White; }
.post img { border: 1px solid silver; margin: 0px 0px 0px 10px; float: right; padding: 3px; }
.entry p { margin: 10px 0px 0px 0px; text-align:justify; }
.entrytext p { margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px;}
.entrytext { margin: 0px 0px 20px 0px; padding: 5px 0px 10px 0px;border-bottom:1px dotted silver; }
.small { padding: 4px 0px 0px 0px; text-align: center; font-size: 11px; line-height: 16px; color: #538155; background-color: #fff; }
p.postmetadata { position: relative; width: 100%; font-size: 11px; border-top: 1px solid #EDF1FA; padding: 0px; margin: 0px; }
p.postmetadata a { color: #336699; text-decoration:none; padding: 0px 5px 0px 0px; margin: 0px; background-color:white;}
p.postmetadata a:hover { color:#FF5E28; background-color:white;}
.postmetadata strong { color:#FF5E28; background-color:white;}
.page-title h2 { position: relative; top: -15px; font-size: 32px; background-image: none; text-align: center; line-height: 52px; text-indent: 0px; height: auto; }
/* End of Posts */

/* Comments*/
.commentlist { margin: 0px 0px 0px 30px;padding:0px; text-align:justify; }

.commentlist li { list-style:none; width:80%; margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; background-color:#F8F8F8; border:1px dotted silver; color:#666666; }
.commentlist p { margin:10px 5px 10px 0px; font-weight:normal; line-height:12px;}
#commentform p { margin:5px 0px 0px 0px; }
.nocomments { text-align:center; margin:0px; padding:0px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0px; }
#commentform textarea { width:80%; padding:2px; }
#commentform #submit { margin:0px; float:left; }
#commentform { margin-left: 30px; }
.commentlist li, #commentform input, #commentform textarea { font-size: 14px; }
.commentmetadata { width: 80%;margin:0px; padding: 0px; display:block;background-color:#F8F8F8; color: gray; }
.commentmetadata a { color: #336699; background-color:#F8F8F8;text-decoration:none; border-top:1px dashed gray;}
.commentmetadata a:hover { color:#FF5E28;background-color:#F8F8F8; }
.commentlist cite, .commentlist cite a { font-weight:normal; font-style:normal ;font-size:16px; color:#666666; text-decoration:none;background-color:#F8F8F8;}
#respond{ position: relative; left: 30px; width: 500px;}
#comments{ position: relative; left: 30px; width: 500px;}
/* End of Comments */

/*Footer*/
#footer { float: left; margin:0px; width:560px; }
#footer p { position: relative; left:190px; margin:0px; padding:0px; text-align:center; color: white; font-size:13px;background-color:#8CB2D3;}
#footer a { color: #c2ecd7; background-color:#8CB2D3;}
#footer a:hover { color:#FFCC00; text-decoration:none; background-color:#8CB2D3;}
/* End of Footer */

/*Yes Way no Way*/
.yesway, .noway {width: 85%;}
.yesway h3, .noway h3 { margin: 0px; border-bottom: 1px solid #A5B1BC; letter-spacing: 2px; }
.yesway ul, .noway ul {margin: 0px 0px 10px 0px; padding: 0px;}
.yesway li, .noway li{padding: 9px 0px 0px 27px;list-style: none;background-position: 0px 9px;background-repeat: no-repeat;line-height: 21px;}
.yesway li {background-image: url(images/yes-way-list.jpg);}
.noway li {background-image: url(images/no-way-list.jpg);}
.yesway strong { color:#79AA78;background-color:white; }
.noway strong { color:#5A85Bd;background-color:white; }
/*End of Yes Way no Way*/

/*Pictures*/
.no-border img {border: 0px;}
.picture-info { position: relative; left: 0px; width: 302px; padding: 10px; border: 1px solid silver; margin: 0px auto 35px auto; text-align: left; color: Gray; background-color: white; }
.picture-info img {float: left; margin:0px 0px 5px 0px; padding: 0px;}
.picture-info p {width: 99%; font-size:13px; padding: 0px}
.info p { position: relative; top:4px; font-size:10px; color:#667F99; background-color: white; padding:0px; margin: 0px;}
.width300 {width: 302px; }
.width445 {width: 447px; }
.page-picture { position: relative; left: 0px; width: 277px; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto; background-color: white; }
.page-picture img { float: left; margin: 0px; padding: 2px; border: 1px solid silver; }
.page-picture p { position: relative; text-align: center; color: Gray; padding: 0px; margin: 0px; font-size: 10px; }
.page-picture-centre img{ float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; margin-top: 5px; background-color: white; }
/*End of Pictures*/

/* Abigail's Page */
blockquote {margin: 0px;}
dl {position: relative;padding:0px;margin: 0px;left: -20px; width:500px}
dt { font-size: 22px; font-family: "Times New Roman", Times, serif; color: #5C5C5C; padding: 5px 0px 0px 20px; background-image: url('images/leftquote-small.gif'); background-repeat: no-repeat; background-position: 1px 4px; margin: 10px 0px 0px 0px; background-color: white; letter-spacing: 1px; }
dd {margin: 0px;padding: 5px 20px 10px 22px;text-align:justify;}
.quote {background-image: url('images/rightquote-small.gif');background-repeat: no-repeat;background-position: right top;padding: 0px 20px 0px 0px;border-bottom: 1px dotted silver;}
.quote-start {font-size: 20px;color: #737373;padding: 5px 0px 0px 20px;background-image: url('images/leftquote-small.gif');background-repeat: no-repeat;background-position: 1px 4px;margin: 10px 0px 0px 0px;background-color: white;}
.age {position: relative;left: -5px; top:2px; font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;padding: 0px 8px 0px 8px;border: 1px dotted silver; background-color:#F9F9FB;color:gray;}
/* End of Stuff I've Said Page */

/*General*/
.float-left { float: left; }

.float-right { float: right; }
.navigation { position: relative; margin-bottom: 10px; margin-top: 10px; height: 10px}
.alignleft { float: left; }
.alignright { float: right; }
.underline { text-decoration:underline }
.padder {position: relative; top:15px; height: 10px; }
p { padding: 0px 0px 10px 0px; text-align:justify; }
hr { display:none }
a { text-decoration: none; }
/*End Of General*/

/*Redundant Stuff*/

/* Search */
/*#searchform { position:relative; width:160px; margin:0px; padding:5px 0px 5px 10px; text-align:left; }
#searchform #s { width:100px; padding:0px;background-color: white;color:black;}
#searchsubmit { padding:0px; margin:0px; width:45px; font-size:9px; background-color:#99B2CC; border:1px solid black; color:#F4FFFF; }
.search  { width:180px;background-color:#D1F2C4;color: Black;margin: 0px; padding: 0px; border-bottom: 1px solid gray; }*/
/* End of Search */