17:09 29/10/2009/*
    Theme Name: Think CS Theme
    Theme URI: http://www.thinkcs.org
    Description: Custom theme for the Think CS blog website
    Author: Stephen Pickett
    Author URI: http://www.thinkcs.org
    Version: 1.1

    Use intended for Think CS only. All registered copyrights and trademarks apply.
*/


/* Generic */
/*
    The following html and body settings set 1em to be 10 pixels. Please use
    em's throughout the template. For 1 pixel use 0.1em, for 10 pixels use
    1em and for 100 pixels use 10em etc.
*/
html {
    background-color   : #FFFFFF;
    font-size          : 100%;
}

body {
    background-color   : #FFFFFF;
    font-family        : Arial, Arial, Helvetica, sans-serif;
    font-size          : 62.5%;
}

img.alignleft {
    display            : inline;
    margin             : 0 0.7em 0.2em 0;
    padding            : 0.4em;
}

.alignleft {
    float              : left;
}

img.alignright {
    display            : inline;
    margin             : 0 0 0.2em 0.7em;
    padding            : 0.4em;
}

.alignright {
    float              : right;
}

a img {
    border             : medium none;
}

p img {
    max-width          : 100%;
    padding            : 0;
}

.emphasise {
    font-weight        : bold;
}

a {
    color              : #82839E;
}


/* Styling that the reset script takes out */
#content .post ul, #content .page ul {
    margin             : 1em;
}

#content .post ul li, #content .page ul li {
    font-size          : 1.2em;
    list-style-type    : disc;
    margin             : 1em 0 0 3em;
}

#content .post ol, #content .page ol {
    margin             : 1em;
}

#content .post ol.roman li, #content .page ol.roman li {
    font-size          : 1.2em;
    list-style-type    : lower-roman;
    margin             : 1em 0 0 3em;
}

#content .post ol.number li, #content .page ol.number li {
    font-size          : 1.2em;
    list-style-type    : decimal;
    margin             : 1em 0 0 3em;
}

#content .post strong, #content .page strong {
    font-weight        : bold;
}

#content .post em, #content .page em {
    font-style         : italic;
}


/* Header */
#header {
    background         : transparent url('./images/header.png') no-repeat scroll center center;
    height             : 10.2em;
    margin             : 0 auto;
    width              : 108.3em;
}

#header #header_container {
    height             : 100%;
    margin             : 0 auto;
    padding            : 0 0 0;
    width              : 94.5em;
}

#header #header_container #logo {
    float              : left;
    height             : 6.3em;
    margin             : 1.3em 0 0;
    width              : 14.8em;
}

#header #header_container ul {
    float              : left;
    margin             : 2.2em 0 0;
}

#header #header_container ul li {
    float              : left;
    margin             : 0 0 0 0;
}

#header #header_container ul li a {
    color              : #FFFFFF;
    font-size          : 1.4em;
    font-weight        : bold;
    text-decoration    : none;
    margin-left			: 1.4em; 
   /* text-transform     : uppercase;*/
}

#header #header_container ul li ul {
    display            : none;
}

#header #header_container #search {
    background         : transparent url('./images/search.png') no-repeat scroll center center;
    clear              : right;
    float              : right;
    height             : 1.8em;
    margin             : 1.3em 0 0;
    width              : 14.6em;
}

#header #header_container #search input {
    border             : 0 none;
    color              : #A9A9A9;
    font-size          : 1.1em;
    height             : 1.4em;
    margin             : 0.2em 0 0 2.3em;
    width              : 10.2em;
}


/* Content */
#content {
    margin             : 3em auto 1em;
    padding            : 0 0 0;
    width              : 94.5em;
}

#content #content_left {
    float              : left;
    margin             : 0 4.2em 1em 0;
    min-height         : 40em;
    width              : 62.5em;
}

#content #content_left div.page {
    margin             : 0 0 2.5em;
    padding            : 0 0 2.5em;
    border-bottom      : dotted 0.1em #DDD;
    clear              : both;
}

#content #content_left div.page h2 {
    color              : #990099;
    font-size          : 2.2em;
    font-weight        : bold;
}

#content #content_left div.page h3 {
    color              : #444;
    font-size          : 1.4em;
    font-weight        : bold;
    margin             : 0 0 1em 0;
}

#content #content_left div.page h3 a {
    color              : #990099;
    font-size          : 1.2em;
    font-weight        : bold;
    margin             : 0 0 1em 0;
    text-decoration    : none;
}

#content #content_left div.page h3 a:hover {
    color              : #E0B2E0;
}

#content #content_left div.page h4 {
    color              : #990099;
    font-size          : 1.4em;
    font-weight        : bold;
}

#content #content_left div.page p {
    font-size          : 1.2em;
    margin             : 0 0 1em 0;
}

#content #content_left #top #top_left {
    float              : left;
    margin             : 0 2.2em 0 0;
    width              : 20.2em;
}

#content #content_left #top #top_left h2 {
    font-size          : 1.6em;
    font-weight        : bold;
    margin             : 0 0 1em;
}

#content #content_left #top #top_left p {
    color              : #000000;
    font-size          : 1.2em;
    margin             : 0 0 1em 0;
}

#content #content_left #top #top_left p a {
    color              : #82839E;
    font-weight        : bold;
}

#content #content_left #top div.bookmarkify {
    display            : none;
}

#content #content_left #top #top_right {
    background-color   : #F4F4F4;
    float              : right;
    height             : 25em;
    margin             : 0 0 2em;
    width              : 40em;
}

#content #content_left #top #top_right ul {
    background-color   : #EEEEEE;
    border             : 0.1em solid #DDDDDD;
    height             : 5.5em;
    width              : 38.8em;
}

#content #content_left #top #top_right ul li {
    background-color   : #FFFFFF;
    color              : #990099;
    cursor             : pointer;
    float              : left;
    font-size          : 1.2em;
    font-weight        : bold;
    margin             : 0.5em 0.85em 0.5em 0;
    padding            : 0.5em 0;
    text-align         : center;
    width              : 7em;
}

#content #content_left #top #top_right ul li.first {
    margin             : 0.5em 0.85em;
}

#content #content_left #top #top_right ul li.selected {
    background-color   : #990099;
    color              : #FFFFFF;
}

#content #content_left #top #top_right div {
    display            : none;
    height             : 100%;
    width              : 100%;
}

#content #content_left #top #top_right div.visible {
    display            : block;
}

#content #content_left #top #top_right div p {
    font-size          : 1em;
    margin             : 1em;
}

#content #content_left #top #top_right p.caption {
    margin             : 0.5em;
}

#content #content_left #bottom {
    clear              : both;
    min-height         : 16em;
    width              : 100%;
}

#content #content_left #bottom div.news {
    background-color   : #F4F4F4;
    clear              : both;
    margin             : 0 0 1em;
    width              : 100%;
}

#content #content_left #bottom div.news div.news_left {
    float              : left;
    margin             : 1em;
}

#content #content_left #bottom div.news div.news_left img.avatar {
    margin             : 0 0 1em;
}

#content #content_left #bottom div.news div.news_left span.rate {
    clear              : both;
    display            : block;
}


#content #content_left #bottom div.news div.news_left p.comments {
    background         : transparent url('./images/comment.png') no-repeat scroll center center;
    height             : 3.5em;
    width              : 3.5em;
}

#content #content_left #bottom div.news div.news_left p.comments a {
    color              : #46B4C3;
    display            : block;
    float              : right;
    font-size          : 1.3em;
    font-weight        : bold;
    margin             : 0.4em -2em 0 0;
    text-decoration    : none;
}

#content #content_left #bottom div.news div.news_right {
    float              : none;
}

#content #content_left #bottom div.news div.news_right h3 {
    padding            : 1em 0 0;
}

#content #content_left #bottom div.news div.news_right h3 a {
    color              : #990099;
    font-size          : 1.6em;
    font-weight        : bold;
    padding            : 1em 0 0.5em 0;
    text-decoration    : none;
}

#content #content_left #bottom div.news div.news_right span.date {
    color              : #82839E;
    font-size          : 1em;
    margin             : 0;
    text-transform     : uppercase;
}

#content #content_left #bottom div.news div.news_right p.author {
    clear              : none;
    color              : #82839E;
    font-size          : 1.3em;
    font-weight        : normal;
    margin             : 0;
    padding            : 0;
}

#content #content_left #bottom div.news div.news_right p {
    color              : #000000;
    font-size          : 1.2em;
    padding            : 0.5em;
}

/* Sidebar */
#content #content_right {
    float              : right;
    min-height         : 40em;
    width              : 27.4em;
}

#content #content_right #follow {
    background         : #F4F4F4;
    padding            : 0 0 1em;
    margin             : 0 0 1em;
    clear              : both;
}

#content #content_right #follow h3 {
    color              : #990099;
    font-size          : 1.6em;
    padding            : 0.8em 0.8em 0 0.8em;
    font-weight        : bold;
}

#content #content_right #follow ul {
    margin             : 0;
    padding            : 0;
    list-style-type    : none;
}

#content #content_right #follow ul li {
    float              : left;
    margin             : 0 0.6em 0;
    padding            : 0;
}

#content #content_right #follow ul li.left {
    margin             : 0 0.6em 0 1.1em;
}

#content #content_right #follow ul li a {
    display            : block;
    width              : 4.8em;
    height             : 4.8em;
}

#content #content_right #whatwedo {
    background         : #F4F4F4;
    padding            : 0 0 1em;
    margin             : 0 0 1em;
    clear              : both;
}

#content #content_right #whatwedo h3 {
    color              : #990099;
    font-size          : 1.6em;
    padding            : 0.8em;
    font-weight        : bold;
}

#content #content_right #whatwedo ul {
    margin             : 0;
    padding            : 0;
    list-style-type    : none;
}

#content #content_right #whatwedo ul li {
  /*  float              : left;*/
    margin             : 0 0.6em 0;
    padding            : 0;
}

#content #content_right #whatwedo ul li.left {
    margin             : 0 0.6em 0 1.1em;
}

#content #content_right #whatwedo ul li a {
    color              : #000;
    font-size          : 1.1em;
    padding            : 0.5em;
   /* font-weight        : bold;*/
}


#content #content_right div#resources_container {
    display            : block;
    position           : relative;
    z-index            : 100;
    margin             : 0 0 1em;
}

#content #content_right div#resources_container #resources {
    background-color   : #990099;
    color              : #FFFFFF;
    font-size          : 1.9em;
    padding            : 0.5em 1em;
    text-align         : center;
}

#content #content_right div#resources_container #categories {
    background         : #F4F4F4;
    padding            : 1em 0;
}

#content #content_right ul {
    font-size          : 1.1em;
    margin             : 0 0 0 1em;
}

#content #content_right ul li a {
    color              : #82839E;
    font-weight        : bold;
    text-decoration    : none;
    line-height        : 1.8em;
}

#content #content_right ul li li a {
    color              : #A1A1A1;
}

#content #content_right ul li a:hover {
    color              : #717171;
}

#content #content_right ul li ul {
    font-size          : 1em;
}

/* Dynamic Sidebar */
#content #content_right ul#dynamic_sidebar {
    margin             : 0;
}

#content #content_right ul#dynamic_sidebar h2 {
    color              : #990099;
    font-size          : 1.5em;
    font-weight        : bold;
    padding            : 0.3em;
}

#content #content_right ul#dynamic_sidebar li {
    background         : #F4F4F4;
    margin             : 0 0 1em;
    padding            : 1em;
}

#content #content_right ul#dynamic_sidebar li ul {
    margin             : 0;
    padding            : 0;
}

#content #content_right ul#dynamic_sidebar li ul li {
    margin             : 0;
    padding            : 0;
}

/* Featured Bloggers */
#content #content_right ul#dynamic_sidebar li#text-3 div.author {
    clear              : both;
    margin             : 1em 0;
}

#content #content_right ul#dynamic_sidebar li#text-3 div.author img {
    float              : left;
    height             : 4em;
    margin             : 0 1em 1em 0;
    width              : 4em;
}

#content #content_right ul#dynamic_sidebar li#text-3 div.author h4 {
    color              : #000000;
    font-size          : 1.2em;
    font-weight        : bold;
    text-align         : left;
    position           : absolute;
    margin             : 1em 0 0 4em;
}

#content #content_right ul#dynamic_sidebar li#text-3 div.author h4 a {
    color              : #000000;
    text-decoration    : none;
}

/* Fundraising Healthcheck banner */
#content #content_right ul#dynamic_sidebar li#text-4 {
    background-color   : #FFFFFF;
    padding            : 0;
    text-align         : center;
}

/* ThinkTwit - Twitter Widget*/
/*#content #content_right ul#dynamic_sidebar div#thinktwit {
    background         : #F4F4F4;
    margin             : 0 0 1em;
    padding            : 1em;
}

#content #content_right ul#dynamic_sidebar div#thinktwit h2 {
    margin             : 0 0 1em;
}

#content #content_right ul#dynamic_sidebar div#thinktwit ul {
    margin             : 0;
}

#content #content_right ul#dynamic_sidebar div#thinktwit ul li {
    margin             : 0 0 1em;
    padding            : 0;
    word-wrap          : break-word;
}*/

/* ThinkTwit - Twitter Widget */
/*#content #content_right ul#dynamic_sidebar ul.thinkTwitTweets {
    font-size          : 1.1em;
    line-height        : 1.4em;
    margin             : 0;
}

#content #content_right ul#dynamic_sidebar ul.thinkTwitTweets li.thinkTwitTweet {
    margin             : 1em 0 1em;
    padding            : 0;
    word-wrap          : break-word;
}

#content #content_right ul#dynamic_sidebar ul.thinkTwitTweets li.thinkTwitTweet a {
    line-height        : 1em;
}

#content #content_right ul#dynamic_sidebar ul.thinkTwitTweets li.thinkTwitTweet span.thinkTwitPublished {
    display            : block;
    font-style         : italic;
}*/



/* Navigation */
#content div.navigation  {
    margin             : 0 0 0.5em 0;
    clear              : both;
}

#content div.navigation a {
    color              : #82839E;
}

#content .clear {
    clear              : both;
}


/* Post */
#content div.post {
    margin             : 0 0 2.5em;
    padding            : 0 0 2.5em;
    border-bottom      : dotted 0.1em #DDD;
    clear              : both;
}

#content div.post .postheader {
    margin             : 0 0 1em;
    clear              : both;
}

#content div.post .postheader .avatar {
    float              : left;
    width              : 8em;
    margin             : 0 1em 1em 0;
}

#content div.post .postheader span.date {
    color              : #82839E;
    font-size          : 0.7em;
    font-weight        : normal;
    margin             : 0;
    text-transform     : uppercase;
}

#content div.post .postheader p.author {
    clear              : none;
    color              : #82839E;
    font-size          : 1em;
    font-weight        : normal;
    margin             : 0;
}

#content div.post h2 {
    color              : #990099;
    font-size          : 1.9em;
    font-weight        : bold;
    margin             : 0 0 1em;
}

#content div.post h3 {
    color              : #444;
    font-size          : 1.4em;
    font-weight        : bold;
    margin             : 0 0 1em 0;
}

#content div.post h3 a {
    color              : #990099;
    font-size          : 1.3em;
    font-weight        : bold;
    margin             : 0 0 1em 0;
    text-decoration    : none;
}

#content div.post h3 a  :hover {
    color              : #E0B2E0;
}

#content div.post h3 span.rate {
    display            : block;
    font-size          : 0.8em;
    font-weight        : normal;
    margin             : 1em 0 1em 0;
}

#content div.post h3 div.post-ratings {
    display            : inline;
}

#content div.post h4 {
    color              : #000000;
    font-size          : 1.4em;
    font-weight        : bold;
}

#content div.post p {
    clear              : left;
    font-size          : 1.2em;
    margin             : 0 0 1em 0;
}

#content div.post a {
    color              : #82839E;
}

#content .post img.avatar {
    background         : #FFF;
    margin             : 0 1.5em 0 0;
}

#content .postmetadata {
    color              : #888;
}


/* Respond */
#content div#respond {
    margin             : 0 0 2em;
    clear              : both;
}

#content div#respond h3 {
    color              : #555;
    font-size          : 1.2em;
    font-weight        : bold;
    margin             : 0.5em 0;
    clear              : both;
}

#content div#respond p {
    margin             : 0 0 1em 0;
}

#content .button {
    background         : #990099;
    color              : #FFF;
    padding            : 0.5em;
    border             : none;
    font-weight        : bold;
    cursor             : pointer;
}

#content .formelement {
   border              : 0.1em solid #DDD;
   padding             : 0.5em;
   background          : #F8F8F8;
}

#content div#respond a {
    color              : #82839E;
}

/* Comments */
#content h3#comments {
    color              : #000;
    font-size          : 1.5em;
    font-weight        : normal;
    margin             : 0 0 1em 0;
    clear              : both;
}

#content ol.commentlist li {
    clear              : both;
    font-size          : 1.2em;
    margin             : 0 0 1em;
    padding            : 0 1em 1em 0;
}

#content ol.commentlist li div {
    font-size          : 1em;
}

#content ol.commentlist li p {
    font-size          : 1em;
}

#content ol.commentlist li li {
    font-size          : 1em;
}

#content .comment {
    background         : #F4F4F4;
    font-size          : 1.2em;
}

#content .comment.alt {
    background         : #F9F9F9;
}

#content .comment .reply {
    clear              : both;
}

#content .comment .text {
    color              : #777;
}

#content .comment img {
    background         : #FFF;
}

#content .comment .comment-meta {
    margin             : 0 0 0 1em;
    padding            : 0.5em;
}

#content .comment a {
    color              : #82839E;
}

#content div#respond p.comment_form {
    margin             : 3em 0 0;
    font-size          : 1.2em;
}

#content div#respond p.comment_form label[for="author"] {
    margin             : -2em 0 0;
    float              : left;
}

#content div#respond p.comment_form label[for="email"] {
    margin             : -2em 0 0 13em;
    float              : left;
}

#content #captchaImgDiv {
    margin             : 3em 0 1em;
    font-size          : 1.2em;
}

#content #captchaImgDiv label {
    margin             : -2em 0 0;
    float              : left;
}


/* Comments styling taken from Fusion theme */
ol#comments ul.children, ol#trackbacks ul.children{
    margin             : 0;
    padding            : 0;
}

li.comment{
    background         : transparent url(images/comment-div-bg.png) repeat-y left bottom;
    list-style-position: outside; /* ie 7 bugfix */
    display            : block;
    position           : relative;
    min-height         : 11em;
}

li.comment .wrap {
    background         : transparent url(images/comment-div-start.png) no-repeat left top;
    min-height         : 11em;
    height             : auto !important; /* ie6 ignores it */
    height             : 11em; /* fix */
}

li.comment.with-avatars {
    background-position: 9.6em bottom;
}

li.comment.with-avatars .wrap {
    background-position: 9.6em top;
}

/* Gravatar */
li.comment .avatar{
    float              : left;
    width              : auto !important;
    padding-top        : 0.6em;
    padding-left       : 0.8em;
}

li.comment .avatar img{
    padding            : 0.3em;
    margin             : 0.4em 1em;
    border             : 0.1em solid #E7E8E6;
    border-radius      : 0.4em;
    -moz-border-radius : 0.4em;
}

li.comment .details {
    display            : block;
    margin-left        : 1.2em;
}

li.comment.with-avatars .details {
    margin-left        : 10.8em;
}

li.comment .details .head{
    padding            : 1em 0;
    margin             : 0;
}

li.comment .details.admincomment .head{
    color              : #59B2E4;
}

li.comment .details.admincomment .head a {
    color              : #FFF;
}
li.comment .details.admincomment .head a:hover {
    background         : none;
    color              : #FCB722;
}


/* Search results */
#content h2.pagetitle {
    color              : #000;
    font-size          : 1.9em;
    font-weight        : bold;
    margin             : 0 0 1em;
}

/* Meet the team */
div.profile {
    float              : left;
    margin             : 0 1.4em 2em 1.3em;
    width              : 18em;
}

div.profile img {
    margin             : 0 0 0.5em;
}

/* Bookmarkify */

div.bookmarkify {
    clear              : both;
    margin             : 1em 0 0.7em;
}

div.bookmarkify img {
    margin             : 0.2em;
}

div.bookmarkify a {
    color              : #F4F4F4;
}


/* Footer */
#footer {
    border-top         : 0.1em solid #C0C0C0;
    clear              : both;
    height             : 2em;
    margin             : 0 auto;
    padding            : 1em 0 0;
    width              : 94.5em;
}

#footer #copyright {
    font-size          : 1.1em;
}

#mailformbg {
    -moz-opacity       : 0.7;
    background-color   : rgba(0, 0, 0, 0.7);
    display            : none;
    filter             : alpha(opacity=70);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
    height             : 100%;
    left               : 0;
    position           : fixed;
    top                : 0;
    width              : 100%;
    z-index            : 10000;
}

#mailformbg.visible {
    display            : block;
}

#mailform {
    background-color   : #FFFFFF;
    border             : 0.9em solid #990099;
    font-size          : 1.5em;
    height             : 9em;
    left               : 39%;
    padding            : 1em;
    position           : fixed;
    top                : 39%;
    width              : 22em;
}

#mailform p {
    margin             : 0 0 1em;
}

#mailform input {
    float              : right;
}

#mailform input.btn {
    background-color   : #990099;
    border             : none;
    color              : #FFFFFF;
    clear              : both;
    cursor             : pointer;
    float              : none;
    margin             : 1em 0 0 8em;
    padding            : 0.5em;
}

#mailform a.mc_embed_close {
    clear              : both;
    float              : right;
    font-weight        : bold;
    margin             : 4em 0 0;
    text-decoration    : none;
}

/* Mailchimp */
#content #mailform {
    border             : none;
    font-size          : 1.5em;
    height             : auto;
    left               : auto;
    padding            : 0;
    position           : relative;
    top                : auto;
    width              : auto;
}

#content #mailform h1 {
    font-size          : 1.2em;
    margin             : 0 0 1em;
}

#content #mailform input {
    float              : none;
}

#content #mailform input.btn {
    background-color   : #990099;
    border             : none;
    color              : #FFFFFF;
    clear              : both;
    cursor             : pointer;
    float              : none;
    margin             : 1em 0 0 8em;
    padding            : 0.5em;
}

#content #mailform span.error {
    color              : red;
}

#content #mailform ul {
    margin             : 0 0 1em;
}

/* Holding Page */

#holding {
	background         : #f6f3ed;
}

#holding #content {
	font-size          : 1.8em;
	margin             : 20px auto;
	padding            : 20px 20px 5px;
	text-align		   : center;
	width              : 900px;
}

#holding #content p {
	line-height		   : 24px;
	margin             : 0 0 15px 0;
}

#holding #content .bookmarkify {
	display            : none;
}

ul#menu li.page-item-3668 {
	display            : none;
}