@charset "UTF-8";
/*
Theme Name: Something Special
Theme URI: http://www.minipix.co.uk/
Description: A nice new theme by Matthew, specially made for the minipix web site
Version: 1.0
Author: Matthew Dawkins
Author URI: http://www.matthewdawkins.co.uk/
*/

body {background: #464646; font-family: "Candara", Arial, sans-serif; font-size: 9pt; line-height: 1.4em; color: #000000; padding: 0; margin: 0;}
#page {width: 916px; margin: 0 auto; background: #FFFFFF url(images/page-bg.jpg) repeat-y; padding: 6px 22px; position: relative;}
#headerBar {height: 21px; background: #6600CC url(images/header-top-bg.jpg) repeat-x;}
#header {height: 161px; margin-top: 6px; margin-bottom: 6px; position: relative;}
#headerLogo {display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 400px;}
#header #rssButton {position: absolute; right: 40px; bottom: -6px; width: 48px; height: 40px;}
#sidebarLeft {/*position: absolute; top: 198px; left: 6px;*/ width: 200px; float: left; display: block;}
#sidebarRight {/*position: absolute; top: 198px; right: 6px;*/ width: 200px; float: right;}
.sidebarBox {background: #e7e8e9 url(images/sidebar-bg.jpg) top repeat-x;; padding: 10px; margin-bottom: 6px;/* float: left; width: 180px;*/}
.sidebarBox h3 {margin: -10px -10px 10px -10px; background: #00a185 url(images/sidebar-title-bg.jpg) top repeat-x; color: #FFFFFF; font-weight: normal; font-size: 1em; padding: 6px;}
#wp-calendar {margin: 10px auto; text-align: center;}
#wp-calendar tbody td a {display: block; border: 1px solid #000000; text-decoration: none;}
#wp-calendar tbody td a:hover {background: #000000;}
.sidebarBox ul {list-style-type: none; margin: 0; padding: 0;}
.sidebarBox ul li {margin: 0; padding: 3px 0;}
.sidebarBox ul li a {color: #000000; text-decoration: none;}
.sidebarBox ul li a:hover {text-decoration: underline;}
#pageMiddle {margin-left: 206px; margin-right: 206px;}
#categoryBar {height: 50px; overflow: hidden; width: 502px; margin: 0 auto 6px auto;}
#categoryBar ul {list-style-type: none; margin: 0; padding: 0;}
#categoryBar ul li {margin: 0; padding: 0; display: inline;}
#categoryBar ul li a {float: left; height: 50px; width: 50px;}
#categoryBar ul li a img {border: 0; height: 50px; width: auto;}
.article {border: 1px solid #999999; padding: 10px; margin: 1px 1px 7px 1px;}
.article h1 {margin: -10px -10px 4px -10px; padding: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 2em; text-transform: uppercase; letter-spacing: -0.08em; font-weight: bold; line-height: 0.8em; color: #FFFFFF; background: #473f98 url(images/purple-bg.jpg) top repeat-x; word-spacing: 0.2em; position:relative; padding-right: 100px;}
.article h1 a {color: #FFFFFF; text-decoration: none;}
.article h1 a:hover {color: #99CCFF;}
.article h1 img {/*float: right;*/ display: block; /*width: 80px; height: 50px;*/ padding: 5px; background: #00a185 url(images/sidebar-title-bg.jpg) top repeat-x; /*margin-top: -4px; margin-right: -4px;*/ position: absolute; top: 6px; right: 6px;}
.articleDate {color: #999999; font-size: 0.9em; margin-bottom: 20px;}
.articleFooter {background: #a6ded4 url(images/article-footer-bg.jpg) top repeat-x; padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 0.9em; color: #006666; height: 50px; position: relative;}
.articleFooter h4 {font-size: 1em; margin-top: 0; padding-top: 0;}
.articleFooter a {color: #006666; text-decoration: none;}
.articleFooter a:hover {text-decoration: underline;}
.articleTags {float: left; width: 40%; border-right: 1px solid #FFFFFF; margin: -20px 0; padding: 20px 10px 0 60px; margin-right: 10px; height: 70px; overflow: hidden;}
.articleFooter .tagsImage {position: absolute; top: 20px; left: 20px; width: 48px; height: 48px;}
.articleFooter .commentsImage, .articleFooter .categoriesImage {position: absolute; top: 20px; right: 20px; width: 48px; height: 48px;}
.articleComments, .articleCategories {padding-right: 60px; text-align: right;}
#footer {background: #473f98 url(images/purple-bg.jpg) top repeat-x; height: 50px; line-height: 50px; padding: 0 40px; color: #FFFFFF; clear: both; margin-top: 6px; position: relative;}
#footerLeft {float: left;}
#footerRight {float: right;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerLogo {position: absolute; left: 418px; top: 0;}
.clear {clear: both; position: relative;}
.comment {background: url(images/postit-bg.jpg) top; padding: 10px 10px 0 10px; font-family: "Comic Sans", "Comic Sans MS", sans-serif; font-size: 0.8em; margin-bottom: 6px;}
.comment h4 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
.comment h4 a {color: #000000; text-decoration: none;}
.comment h4 a:hover {text-decoration: underline;}
.comment .commentText {max-height: 370px; overflow: hidden;}
.commentBottom {height: 10px; background: url(images/postit-bottom.jpg) bottom; margin: 0 -10px;}
.hidden {display: none;}
.CollapsiblePanelTab {background: url(images/drawer-top-bg.png); height: 34px; line-height: 34px; padding-left: 10px; cursor: pointer;}
.CollapsiblePanelTab img {vertical-align: text-bottom;}
.CollapsiblePanelContent {background: #58595b url(images/drawer-bg.jpg) top repeat-x; margin: 0 10px; color: #FFFFFF;}
.CollapsiblePanelContent form {/*display: block;*/ padding: 10px; margin: 0;}
.CollapsiblePanelContent form input {width: 128px; border: 0; padding: 6px 6px 0 6px; margin: 0; height: 22px;}
form #submit {padding: 0; height: 28px; width: 140px; background: url(images/button-bg.png); cursor: pointer;}
form #submit:hover {background: url(images/button-hover-bg.png);}
form #submit:active {background: url(images/button-press-bg.png);}
.CollapsiblePanelContent ul {color: #FFFFFF; padding: 10px;}
.CollapsiblePanelContent a {color: #FFFFFF !important;}
#dividerBtn {position: absolute; top: 400px; left: 222px; width: 5px; height: 60px; background: #666666; cursor: pointer; border: 1px outset;}
#dividerBtn:hover {background: #999999;}
.alignright {float: right; padding: 2px; border: 1px solid #CCCCCC; margin: 10px;}
.alignleft {float: left; padding: 2px; border: 1px solid #CCCCCC; margin: 10px;}
.articleFront img.alignright, .articleFront img.alignleft, .articleFront div.alignright img, .articleFront div.alignleft img {width: 180px; height: auto;}
.articleFront div.alignright {width: 180px !important; font-size: 0.8em;}
#commentform input, #commentform textarea {border: 0; margin-top: 4px; font-family: Tahoma, Arial, sans-serif; font-size: 1em;}
#commentform label {}
#commentform input {width: 100px; height: 22px; padding: 6px 6px 0 6px; margin-left: 10px;}
#commentform #submit {border: 0; margin-left: 40px; width: 140px; height: 28px; padding: 0; margin-top: 0;}
#commentform textarea {display: block; width: 180px; height: 180px;}
a img {border: 0;}
blockquote {margin: 6px 0 6px 6px; border-left: 3px solid #999999; padding-left: 10px; color: #333333;}

.note {background: #e9eeff; border: 3px solid #9099ff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 10px; position: relative; margin: 10px 5px 40px 5px;}
.noteContent p {margin: 0; padding: 0;}
.noteAbout {position: absolute; bottom: -20px; left: 80px; text-align: left; font-size: 0.9em; color: #999999;}
.noteCircle1 {position: absolute; height: 20px; width: 20px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; background: #e9eeff; border: 3px solid #9099ff; left: 40px; bottom: -20px;}
.noteCircle2 {position: absolute; height: 10px; width: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #e9eeff; border: 3px solid #9099ff; left: 58px; bottom: -25px;}

.shareIcons {text-align: center;}
.shareIcons a {text-decoration: none; display: inline-block;}
.shareIcons a:hover {background: #a0a0a0;}
.shareIcons img {border: 0; padding: 2px;}