/*   
Theme Name: Courtney's Collection
Theme URI: http://www.courtneyfantinato.com
Description: A child theme of Thematic for Courtney Fantinato's online portfolio.
Author: Courtney Fantinato
Author URI: http://www.courtneyfantinato.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');





/* ---------------------------------------------------------------- */





/* --------------------

MAIN COLOUR SCHEME

Header:
 Green: a6c376 (Bg)

Nav Menu:
 Dk Green: 779349
 Dkr Green: 627a3a (Current Tab)
 Lt Blue: 9cb3c4 (Tab Hover)

Body/Content Area:
 Lt Purple: f4efea (Bg)
 Dk Purple: ede4db (Highlighted Entries)

Footer:
 Blue: 65839c (Bg)

Footer Asides (All):
 Lt Blue: 9cb3c4 (Bg)

Footer Tag:
 Near Black: 181818 (Bg)

-------------------- */





/* Sets all margin and padding to 0 */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Century Gothic", Applegothic, sans-serif;
    background-color: #f4efea;
}


/* General links in static pages/blog posts/post comments/post a comment box */
a:link, a:visited {
    color: #ab2952;
    text-decoration: none;
    border-bottom: 1px #ab2952 solid;
    font-weight: bold;
}
a:active, a:hover {
    color: #fff;
    border-bottom: none;
    background-color: #a6c376;
}


#wrapper {
    margin: 0;
}





/* -------------------- BODY TEXT -------------------- */

body p {
    font-size: 1.0em; /* 16px */
    line-height: 1.8em; /* 28px */
    margin: 0 0 1.5em 0;
}

body a {
    color: #ab2952;
    text-decoration: none;
    border-bottom: 1px #ab2952 solid;
    font-weight: bold;
}
body a:hover {
    color: #fff;
    border-bottom: none;
    background-color: #a6c376;
}





/* -------------------- HEADER -------------------- */

#header {
    z-index: 2;
    background: #a6c376 url("http://clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/header_version4_bg.png") top left repeat-x;
    border-bottom: 1px #516530 solid;
}
#branding {
    padding: 88px 10px 50px 10px;
    width: 960px;
    background: url("http://clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/header_version4.png") top left no-repeat;
}


/* Website Name */
#blog-title {
    font-size: 2.8em; /* 45px */
    font-weight: bold;
    visibility: hidden;
}
#blog-title a {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}
#blog-title a:active, #blog-title a:hover {
    color: #fff;
}


/* Website Description */
#blog-description {
    font-size: 1.4em; /* 22px */
    color: #fff;
    visibility: hidden;
}





/* -------------------- HORIZONTAL NAVIGATION MENU -------------------- */

/* Links hidden to skip to content */
.skip-link {
    display: none;
}


/* Div surrounding Menu */
#access {
    border-bottom: 1px #50642d solid;
    font-size: 0.9em; /* 14px */
    height: 40px;
    overflow: visible;
    z-index: 100;
    background-color: #779349;
}


/* Essential Styles -- Not Touched -- (Found in original Thematic style sheet imported above) */


/* Thematic Skin -- Edited for my child theme Below: */

/* Enitre Menu */
.sf-menu {
    border: 0; /* Overrides the border around the menu */
    float: right;
}


/* Menu Link Sizing and Tab Sizing */
.sf-menu a {
    border: 0;
    padding: 14px 15px 0px 15px;
    font-size: 0.9em; /* 14px */
    text-decoration: none;
    height: 26px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
}
.sf-menu a:hover {
    border-bottom: 0;
}


/* Current menu tab of current page */
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
    border: 0;
    background-color: #627a3a;
}


/* Menu Text Links */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #fff; /* Link Colour */
    border-bottom: none;
}


/* Menu Tabs */
.sf-menu li {
    background-color: #779349; /* Tab background color */
    margin-right: 0px; /* Space between tabs */
}


/* Sub-Menu (if applicable) */
.sf-menu li li {
    display: none;
}

/* Sub-sub Menu (if applicable) */
.sf-menu li li li {
    display: none;
}


/* Menu Tab Hovering */
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background-color: #9cb3c4; /* Background colour on tab highlight */
    outline-width: 0px;
    color: #fff;
}


/* None otherwise #ccc border was showing for sub menu hidden above */
.sf-menu ul {
    border: none;
}


/* -------------------- */
/* This section not edited yet */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top: 0;
}
.sf-menu ul a {
    background: #fafafa;
    border-bottom: none;
}
.sf-menu ul a:hover {
    color: #000;
}
/* -------------------- */





/* -------------------- MAIN CONTENT AREA -------------------- */

#main {
    clear: both;
    padding: 10px 0 0 0; /* overrides original */
    width: 1000px;
}
#container {
    width: 1000px;
}
#content {
    width: 980px;
}


/* Page Title and links (Blog archive) */
.page-title {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.6em; /* 26px */
    font-weight: bold;
    padding: 30px 0 15px 0;
    color: #181818;
}
.attachment .page-title {
    font-style: normal;
}
.page-title a {
    color: #181818;
    text-decoration: none;
    border-bottom: none;
}
.page-title a:active, .page-title a:hover {
    color: #fff;
}
.page-title span {
    font-style: italic;
}
.page-title .meta-nav {
    font-style: italic;
}


/* Individual Blog Entries */
.hentry {
    padding: 10px 15px;
    background-color: #ede4db;
    border: 1px #bcb7b1 solid;
    margin: 20px 0 50px 0;
    -moz-border-radius: 10px; /* Rounded corners for Firefox */
    -webkit-border-radius: 10px; /* Rounded corners for Safari/Chrome */
}


/* Non-Blog Pages (Careful, Body classes...) */
.slug-make-your-mark-on-the-web, .slug-about-me, .slug-contact, .slug-portfolio, .slug-flix-n-pix-video, .slug-bears-matter, .slug-jubu-bead-gift, .slug-high-note-musical-services, .slug-pop-mongrel, .slug-tempo-dance-academy {
    background-color: #f4efea;
    border: 0px;
    margin: 0;
}


/* Single Blog Entries on a page */
.single .hentry {
    padding: 10px 15px;
    background-color: #ede4db;
    margin: 20px 0 30px 0;
    -moz-border-radius: 10px; /* Rounded corners for Firefox */
    -webkit-border-radius: 10px; /* Rounded corners for Safari/Chrome */
}


/* -------------------- */
/* This section not edited yet */
.home #content .sticky {
    border: 1px solid #ccc;
    margin: 0 0 66px 0;
    padding: 22px 20px 0 20px;
}
/* -------------------- */


/* Page/Blog Entry Titles */
.entry-title {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.6em; /* 26px */
    font-weight: bold;
    padding: 10px 0;
    color: #181818;
}


/* Page/Blog Entry Title Links */
.entry-title a {
    color: #181818;
    text-decoration: none;
    border-bottom: none;
}
.entry-title a:active, .entry-title a:hover {
    color: #fff;
    border-bottom: none;
}


/* Tag-line under page title */
.entry-meta {
    color: #606;
    font-size: 0.9em; /* 14px */
    font-style: normal;
    line-height: 1.8em;
    padding-bottom: 15px;
}


/* Same thing as below? */
.entry-meta .author {
    font-size: 1.0em; /* 16px */
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
}


/* Posted by COURTNEY FANTINATO in tag-line */
.entry-meta .n {
    font-size: 1.0em; /* 16px */
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
}


/* Links in tag-line */
.entry-meta a {
    color: #606;
    text-decoration: none;
    border-bottom: 1px #606 dotted;
    font-weight: normal;
}
.entry-meta a:active, .entry-meta a:hover {
    color: #fff;
    border-bottom: none;
}


/* Date in tag-line */
.entry-meta abbr {
    font-size: 1.0em; /* 16px */
    border: none;
    cursor: text;
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
}


/* Div around content below Page Title */
.entry-content {
    padding: 0;
}


/* Posted content's header text */
.entry-content h1 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.2em; /* 19px */
    font-weight: bold;
    padding: 0 0 0.4em 0;
}
.entry-content h2 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.1em; /* 18px */
    font-weight: bold;
    padding: 0 0 0.4em 0;
}
.entry-content h3 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.0em; /* 16px */
    font-style: normal;
    font-weight: bold;
    padding: 0 0 0.4em 0;
}
.entry-content h4 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 0.9em; /* 14px */
    font-weight: bold;
    text-transform: none;
    letter-space: none;
    padding: 0 0 0.4em 0;
}


/* -------------------- */
/* This section not edited yet */
.entry-content table {
    margin-left: 1px;
}
/* Not edited */
.entry-content embed {
    margin: 0 0 22px 0;
}
/* -------------------- */


/* Tag-line about tags/categories/etc after post content (don't forget archives...) */
.entry-utility {
    color: #606;
    font-size: 0.9em; /* 14px */
    line-height: 1.8em;
    margin: 20px 0 0 0;
    border-top: 1px #bcb7b1 dashed;
    padding-top: 10px;
}

/* Tag-ling after post content links */
.entry-utility a {
    color: #606;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px #606 dotted; /*666*/
    font-weight: normal;
}
.entry-utility a:active, .entry-utility a:hover {
    color: #fff;
    border-bottom: none;
}


/* Next page links for comments */
.page-link {
    font-size: 0.9em; /* 14px */
    font-weight: bold;
    line-height: 1.8em;
    margin: 20px 0;
    border: 1px solid #181818;
    color: #181818;
}
.page-link a {
    border: 1px solid #666;
    color: #666;
    font-weight: normal;
    padding: 3px;
    text-decoration: none;
}
.page-link a:active, .page-link a:hover {
    color: #000;
    border-bottom: none;
}


/* -------------------- */
/* This section not edited yet */
ul#links-page, ul#archives-page {
    list-style: none;
    margin-left: 0;
    overflow: hidden;
}
li.content-column {
    float: left;
    margin-right: 20px;
    width: 45%;
}
.gallery {
    padding: 0 0 22px 0;
}
.wp-caption-text, .gallery-caption {
    color: #666;
    font-size: 13px;
    line-height: 18px;
}

/* Author Bio Card */
#author-info {
    margin: 0 0 44px 0;
    overflow: hidden;
}
#author-info .avatar {
    float: left;
    margin: .3em 1em 0 0;
}
/* -------------------- */





/* -------------------- BLOG'S POST TO POST NAVIGATION -------------------- */

/* General above/below navigation text and links */
.navigation {
    color: #242f39;
    font-size: 0.9em; /* 14px */
    line-height: 1.8em;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
}
.navigation a {
    color: #242f39;
    font-style: normal;
    text-decoration: none;
    border-bottom: 0px #242f39 dashed;
}
.navigation a:active, .navigation a:hover {
    color: #fff;
    border-bottom: none;
}
.navigation .meta-nav {
    font-style: normal;
}

.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    width: 50%;
    text-align: right;
}


/* Above and Below Posts */
#nav-above, #nav-below {
    width: 100%;
}


/* Below Posts navigation */
#nav-below {
    margin: 0px 0 25px 0;
}

/* Above Posts navigation */
#nav-above {
    display: none;
}
.paged #nav-above {
    display: block;
    margin: 30px 0 -20px 0;
    display: none;
}





/* -------------------- ASIDES & WIDGET-READY AREAS -------------------- */

/* Primary Left Side-bar in Content Area */
#primary {
    border: 0;
    padding: 18px 0 0 0;
    margin-bottom: 20px;
    color: #000;
}
#primary ul a {
    color: #fff;
    border-bottom: 1px #fff dashed;
}
#primary ul a:hover {
    color: #000;
    border-bottom: none;
}


/* Footer Widget -- 3 Subsidiary Asides */
.aside {
    border: 0;
    padding: 0;
}
.aside p {
    font-size: 1.0em; /* 16px */
    line-height: 1.8em;
    margin: 0 0 1.5em 0;
    color: #000;
}
.aside a {
    color: #606;
    border-bottom: 1px #606 dotted;
    font-weight: normal;
}
.aside a:hover {
    color: #fff;
    border-bottom: none;
}
.aside ul ul {
    margin-left: 0;
}
.aside li {
    list-style-type: none;
}


/* Widget Header Text (h3) */
.aside li .widgettitle {
    font-style: normal;
    font-weight: bold;
    color: #242f39;
    margin-bottom: 3px;
}


/* Twitter Widget Specifics */
.widget_twitter {
    margin-top: 20px;
}
.widget_twitter li {
    clear: both;
    margin-bottom: 15px;
    color: #000;
}
.widget_twitter li img {
    float: left;
    margin-right: 3px;
}
.widget_twitter li .clear {
    clear: both;
}


/* Twitter Widget Title Text */
.widget_twitter .twitterwidget-title {
    color: #242f39;
    font-weight: bold;
    border-bottom: none;
    padding: 27px 0 0 52px;
    background: url(http://www.clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/twitter_bird.png) no-repeat;

}


/* Tweet Links */
.widget_twitter a {
    color: #606; /*ab2952*/
    border-bottom: 1px #606 dotted;
}
.widget_twitter a:hover {
    color: #fff;
    border-bottom: none;
}


/* Twitter Entry Meta Text */
span.entry-meta {
    color: #666;
}


/* Twitter Entry Meta Links */
span.entry-meta a {
    border-bottom: none;
    color: #666;
}
span.entry-meta a:hover {
    color: #fff;
    border-bottom: none;
}


/* -------------------- */
/* This section not edited yet */
#content .aside {
    border: 1px solid #ccc;
    margin: 0 0 22px 0;
    padding: 18px 0 0 0;
}
#content .aside ul {
    padding: 0 20px;
}
#content .aside h3 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-weight: normal;
    font-size: 1.0em; /* 17px */
    font-style: italic;
    padding: 0 0 7px 0;
    text-transform: none;
}
#content .aside ul ul {
    padding: 0;
}
/* --------------------*/





/* -------------------- FOOTER -------------------- */

/* Footer - Entire Subsidiary Asides Area */
#subsidiary {
    background-color: #9cb3c4;
    border: 1px #3c5f7c solid;
    padding: 10px 0px 0px 20px;
    width: 960px;
    -moz-border-radius: 12px; /* Rounded corners for Firefox */
    -webkit-border-radius: 12px; /* Rounded corners for Safari/Chrome */
}


/* Full-width of the Footer */
#footer {
    background: #65839c url("http://clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/footer_bg.png") top left repeat-x;
    border-top: 1px #384c5e solid;
    padding: 30px 0 0 0;
}


/* WordPress/Thematic Tagline/Footer */
#siteinfo {
    border-top: 1px #80a6c5 solid;
    background: #181818 url("http://clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/btm_footer_bg.png") top left repeat;
    width: 100%;
    margin: 30px 0 0 0;
    color: #666;
    font-size: 0.8em; /* 13px */
    padding: 10px 0;
}
#siteinfo a {
    color: #666;
    border-bottom: none;
    font-weight: normal;
}
#siteinfo a:active, #siteinfo a:hover {
    color: #fff;
}


/* All Footer Text (Inner div) */
#footer_text {
    padding: 0;
    width: 960px;
    margin: auto;
    text-align: right;
}


/* Website Menu in Footer */
#footer_nav {
    float: left;
}






/* -------------------- BLOG COMMENTS -------------------- */

#comments {
    padding: 25px 0 0 0;
    width: 500px;
}
#comments, #comments input, #comments textarea {
    font-size: 1.0em; /* 16px */
    line-height: 1.8em;
}
#comments code {             /* Not sure what this is for? */
    font-size: 1.0em; /* 16px */
    line-height: 1.8em;
}


/* "# Comment" and "Post Comment" headings */
#comments h3 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.5em; /* 24px */
    font-weight: bold;
    line-height: 2.0em;
    padding: 0 0 10px 0;
}


#comments-list {
    padding: 0 0 25px 0; /* Gap between comments and posting a comment area */
}
#comments-list ol, #comments-list ul {
    list-style: none;
    margin: 0;
}
#comments-list ol {
    border: 0; /* Border around all comment boxes */
    margin: 0 0 18px 0;
}


/* Individual Comment Boxes */
#comments-list li {
    background-color: #ede4db;
    border: 1px #d1c6bb solid;
    padding: 18px 1.5em 10px 1.5em;
    margin-bottom: 20px;
    position: relative;
    -moz-border-radius: 10px; /* Rounded corners for Firefox */
    -webkit-border-radius: 10px; /* Rounded corners for Safari/Chrome */
}


/* Alternate Comment Boxes */
#comments-list li.alt {
    background-color: #dcd2c8;
}


/* Comment Boxes by Author of post */
#comments-list li.bypostauthor {
    background-color: #ede4db;
    border: 1px #d1c6bb solid;
}


/* Alternate Comment Boxes by Author of post */
#comments-list li.bypostauthor.alt {
    background-color: #dcd2c8;
}


/* Inner comments (replies) */
#comments-list ul li {
    border: 1px #ccc solid;
    margin: 0 0 18px 0;
}


/* Author Avatar */
#comments-list li .avatar {
    position: absolute;
    top: 33px;
    left: 1.5em;
    width: 36px;
    height: 36px;
    border: 1px #181818 solid;
}


/* Author name of comment */
#comments-list .comment-author {
    font-weight: bold;
    padding: 9px 0 0 46px;
}


/* Info below author name */
#comments-list .comment-meta {
    color: #000;
    font-size: 14px;
    padding: 0 0 9px 46px;
}


/* Links in info below author name */
#comments-list .comment-meta a {
    color: #ab2952;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px #ab2952 dashed;
    font-weight: normal;
}
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover {
    color: #fff;
    border-bottom: none;
}


/* "Reply" link in each comment box */
.comment-reply-link {
    font-size: 0.9em; /* 14px */
    padding: 0;
    text-align: right;
    margin: 20px 5px 5px 0px;
}
.comment-reply-link a {
    color: #000;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px #000 dashed;
    font-weight: normal;
}
.comment-reply-link a:active, .comment-reply-link a:hover {
    color: #fff;
    border-bottom: none;
}


/* -------------------- */
/* This section not edited */
.comment-navigation {
    font-weight: bold;
    padding: 0 0 18px 0;
    margin-right: 0.5em;
}
.comment-navigation a {
    border: 1px solid #ccc;
    color: #666;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
}
.comment-navigation a:active, .comment-navigation a:hover {
    color: #666;
}
.comment-navigation a, .comment-navigation span {
    margin-right: 0.5em;
}
#trackbacks-list .comment-content {
    position: absolute;
    left: -9000px;
}
/* -------------------- */


/* Post a Comment Box Area */
#respond {
    background-color: #ede4db;
    border: 1px #bcb7b1 solid;
    margin: 20px 0 22px 0;
    overflow: hidden;
    padding: 15px;
    position: relative;
    -moz-border-radius: 10px; /* Rounded corners for Firefox */
    -webkit-border-radius: 10px; /* Rounded corners for Safari/Chrome */
}
#comments-list #respond {
    border-bottom: 1px solid #ccc;
    margin: 0 0 18px 0;
    padding: 18px 1.5em;
}
#comments-list ul #respond {
    border: 1px solid #ccc;
    margin: 0;
}


/* Cancel link in top-right corner when replying to specific individual comments */
#cancel-comment-reply {
    font-size: 0.9em; /* 14px */
    position: absolute;
    top: 18px;
    right: 1.5em;
}
#cancel-comment-reply a {
    color: #ab2952;
}
#cancel-comment-reply a:hover {
    color: #fff;
}


/* Captcha Plugin Image Links in Comment Box*/
#captchaImgDiv a {
    border-bottom: none;
}
#captchaImgDiv a:hover {
    background-color: #ede4db;
}


/* Required input star (*) */
#respond .required {
    color: #65839c;
    font-weight: bold;
}


/* Text above input boxes */
.form-section label {
    font-size: 0.9em; /* override original */
}


/* Input boxes */
.form-section input {
    margin: 0 0 18px 0;
    width: 98%;
    padding: 3px;
}


/* Textarea */
.form-section textarea {
    width: 99%;
    padding: 3px;
}


/* HTML message below textarea */
#form-allowed-tags p {
    color: #000; /* override original */
    font-size: 11px;
    margin: 0;    
}
#form-allowed-tags span {
    font-style: italic;
}
#form-allowed-tags code {
    font-size: 11px;
    line-height: normal;
}


/* Submit comment button */
.form-submit {
    padding: 18px 0 0 0;
    text-align: right;
}


/* -------------------- */
/* This section not edited */
.subscribe-to-comments {
    color: #666;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 18px 0 0 0;
}
.solo-subscribe-to-comments {
    color: #666;
    font-size: 11px;
    padding: 18px 0 0 0;
}
.comment_license {
    color: #666;
    clear: both;
    font-size: 11px;
    margin: 0;
    padding: 18px 0 0 0;
}
/* -------------------- */





/* -------------------- SEARCH BOX -------------------- */

.aside input {
    width: 275px;
    padding: 3px;
    font-size: 0.9em; /* 14px */
    font-family: arial, helvetica, sans-serif;
    border: 2px solid #ccc;
}






/* -------------------- CONTACT FORM -------------------- */

#contact_form input, #contact_form textarea{
    width: 500px;
    padding: 5px;
    font-size: 0.9em; /* 14px */
    font-family: arial, helvetica, sans-serif;
    border: 2px solid #ccc;
}
#contact_form #contact_quiz {
    width: 200px;
}





/* -------------------- SOCIAL NETWORK ICONS -------------------- */

#sn_icons a {
    border-bottom: none;
}
#sn_icons a:hover {
    background-color: #9cb3c4;
}
#sn_icons a img {
    margin-bottom: 6px;
}
#sn_icons a:hover img {
    margin-top: 4px;
    margin-bottom: 2px;
}





/* -------------------- ABOUT ME PAGE -------------------- */

#about_right {
    float: right;
    width: 300px;
    padding: 15px 15px 0 15px;
    background-color: #ede4db;
    border: 1px #bcb7b1 solid;
    -moz-border-radius: 10px; /* Rounded corners for Firefox */
    -webkit-border-radius: 10px; /* Rounded corners for Safari/Chrome */
}
#about_right ul {
    margin-left: 5px;
}
#about_right li {
    font-size: 0.9em; /* 14px */
    list-style: none; /* Removes bullets */
    background: url(http://www.clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/star_icon_2.png) no-repeat 0px 4px; /* Put in icon for the list bullets as a background so they match horizonally with the list text */
    padding: 0 0 0px 25px; /* Moves li text to the right */
}
#about_right p {
    font-size: 0.9em; /* 14px */
}

#about_left {
    width: 600px;
}





/* -------------------- MAIN PORTFOLIO PAGE -------------------- */

/* Right side description */
.portfolio_right {
    float: right;
    width: 430px;
    padding: 0px;
}
.portfolio_right .portfolio_buttons {
    text-align: center;
}
.portfolio_right a {
    font-size: 0.9em; /* 14px */
    padding: 10px;
    background-color: #ede4db;
    border: 1px #bcb7b1 solid;
    margin-right: 25px;
    -moz-border-radius: 8px; /* Rounded corners for Firefox */
    -webkit-border-radius: 8px; /* Rounded corners for Safari/Chrome */
}


/* Left side image display */
.portfolio_left {
    width: 500px;
}
.portfolio_left img {
    border: 3px #bcb7b1 solid;
}


/* Clears floats */
.clearfloat {
    clear: both;
    border-bottom: 2px #bcb7b1 dashed;
    margin: 10px 0 30px 0;
}





/* -------------------- INDIVIDUAL PORTFOLIO PAGES -------------------- */

/* Right side description */
.portfolio_indi_right {
    float: right;
    width: 520px;
    padding: 0px;
}
.portfolio_indi_right .portfolio_buttons {
    text-align: center;
}
.portfolio_indi_right a {
    font-size: 0.9em; /* 14px */
    padding: 10px;
    background-color: #ede4db;
    border: 1px #bcb7b1 solid;
    margin-right: 50px;
    -moz-border-radius: 8px; /* Rounded corners for Firefox */
    -webkit-border-radius: 8px; /* Rounded corners for Safari/Chrome */
}
.portfolio_indi_right ul {
    margin: 5px 0 40px 10px;
}
.portfolio_indi_right li {
    line-height: 1.8em;
    list-style: none; /* Removes bullets */
    background: url(http://www.clearexpressionsdesigns.com/wordpress/wp-content/uploads/2010/05/star_icon.png) no-repeat 0px 5px; /* Put in icon for the list bullets as a background so they match horizonally with the list text */
    padding: 0 0 0px 25px; /* Moves li text to the right */
}
.portfolio_indi_right #divider {
    border-bottom: 2px #bcb7b1 dashed;
    margin: 0px 0 20px 0;
}


/* Left side image display */
.portfolio_indi_left {
    width: 430px;
}
.portfolio_indi_left img {
    border: 3px #bcb7b1 solid;
}





/* -------------------- MINI ME GRAPHIC IN 3RD FOOTER ASIDE -------------------- */

#creativeme img {
    border: 0px /*#65839c solid*/;
    float: left;
    margin: 8px 10px 0 0;
}
#creativeme {
    margin-top: -5px;
}





/* -------------------- HOME PAGE -------------------- */

/* Portfolio slideshow */
#slideshow-wrapper {
    float: right;
    width: 525px;
}


/* Text left of slideshow */
#home_left {
    float: left;
    width: 400px;
    margin-top: 16px;
}




/* -------------------- RELATED POSTS LINKS IN EACH BLOG POST PAGE -------------------- */
#related_posts {
    border-top: 1px #bcb7b1 dashed;
    padding-top: 10px;
}
#related_posts p {
    margin-bottom: 0;
    font-weight: bold;
}
#related_posts ul {
    margin-left: 20px;
}
#related_posts a {
    font-weight: normal;
    color: #606;
    border-bottom: 1px #606 dotted;
}
#related_posts a:hover {
    color: #fff;
    border-bottom: none;
}