/*
THEME NAME: Ja-Naé Duane
THEME URI: http://buzzwordllc.com
DESCRIPTION: Custom theme for the blog of Ja-Naé Duane. Based on Sandbox by Andy Skelton and Scott Wallick.
VERSION: 1.0
AUTHOR: Andrew Muro
AUTHOR URI:
TAGS: wordpress
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');

/* Just some example content */
div.skip-link {
    position: absolute;
    right: 1em;
    top: 1em;
}
.entry-title,.entry-meta {
clear:both;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

div.sidebar li {
    list-style: none;
    /* margin: 0 0 2em; */
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.gallery dl, div.navigation div.nav-previous {
    float: left;
    width: 50%;
}

/* input#author,input#email,input#url,div.navigation div { */
/* width:50%; */
/* } */

/* custom css starts here */
.pngfix, #ja-nae-tweet, #ja-nae-bubble {
    behavior: url(wp-content/themes/ja-nae-duane/iepngfix.htc);
}

body {
    font-family: arial, sans-serif;
    background: url(img/bkg-gradient.png) repeat-x;
    background-color: #674A60;
    margin: 0;

    /* IE hover fix */
    behavior: url(wp-content/themes/ja-nae-duane/csshover3.htc);       
}

img {
    border: none;
}

a.img-link span {
    display: none;
}

a {
    color: #DA7049;
}

a.img-link {
    text-decoration: none;
}

#content-area {
    width: 845px;
    margin-left: auto;
    margin-right: auto;
    background: url(img/sidebar-gradient-hack.png) repeat-y;
    *margin-top: -11px;
}

div#wrapper {
    background: url(img/bkg-full.png) no-repeat;
    background-position: top center;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

blockquote {
    border: 1px solid #EFA418;
    background-color: #DAB570;
    color: black;
    margin-left: 0;
    padding-left: 3px;
    padding-right: 3px;
    font-style: italic;
}

blockquote a {
    color: #770606;
}

.quote-author {
    color: black;
    font-weight: bold;
    padding-left: 5px;
}

#connect-container {
    text-align: center;
}

#connect-container a {
    margin-right: 10px;
}

#contact-form h1 {
    font-size: x-large;
    color: #DA7049;
}

.buy-now-button span {
    border: 1px solid black;
    font-weight: bold;
    padding: 3px;
    background-color: #FFD280;
}

.buy-now-button {
    text-decoration: none;
}

.post-header, .ss-form-title {
    text-align: center;
    font-size: x-large;
    color: #DA7049;
    font-weight: bold;
}

.post-subheader, .ss-q-title {
    text-align: center;
    font-size: large;
    color: orange;
    font-style: italic;
    font-weight: bold;
}

.buttonContainer input {
    width: 100%;
}

.af-element {
    padding-right: 20px !important;
}

.buttonContainer {
    padding-right: 15px !important;
}

.reg {
    font-size: 8pt;
}

/* contact form */
.ss-required-asterisk {
    color: red;
}

.ss-q-help {
    color: grey;
    display: block;
}

.ss-choices {
    list-style: none;
    margin: 0;
    padding: 0;
}

.multicolor-list li {
    color: orange;
}

.multicolor-list li span {
    color: black;
}
/* --- */

/* post */
.entry-content h1 {
    color: #DA7049;
    font-size: x-large;
}

span.post-title-day {
    font-size: large;
    font-weight: bold;
    display: block;
    text-align: center;
}

span.post-title-month {
    font-size: smaller;
    text-align: center;
}

div.entry-date {
    float: right;
}

div.post-date-container {
    background-image: url(img/post-date-bkg.png);
    background-repeat: no-repeat;
    color: white;
    height: 45px;
    width: 45px;
    padding-top: 3px;
    text-align: center;
}

h2.entry-title {
    color: #DA7049;
    display: inline;
}

h2.entry-title a {
    text-decoration: none;
    color: #DA7049;
}

div.post {
    margin-bottom: 25px;
    margin-top: 30px;
}

div#blog-description {
    font-size: large;
}

span.read-full-link a, span.comments-link a {
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
    font-size: normal;
    color: #DA7049;
}

span.read-full-link {
    float: right;
}

#content {
    float: left;
    padding: 10px 30px 10px 40px;
    background-color: white;
    font-size: small;
    width: 511px;
    /* _width: 509px; */

    min-height: 954px;
    height: auto !important;
    height: 954px;
}

.addthis {
    margin-top: 5px;
}

#comments {
    clear: both;
}
/* --- */

/* footer */
div#footer {
    color: white;
    font-size: small;
    text-align: left;
    padding: 17px 0 15px 30px;
    margin-left: auto;
    margin-right: auto;
    background: url(img/bkg-footer.png) repeat-x;
    width: 815px;
}

span.footer-link-title {
    font-weight: bold;
}

div.footer-links a {
    color: white;
}

#imperial {
    color: white;
    font-size: x-small;
    margin-top: 7px;
}

#imperial a {
    color: white;
}
/* --- */

/* header */
#title-image {
    margin-left: 112px;
    _margin-left: 448px;
}

#tagline-image {
    margin: -47px 0 -30px 115px;
    _margin-left: 450px;
}

#banner {
    background: url(img/bkg-newsletter-gradient.png) repeat-x;
    height: 159px;
    /* width: 734px; */
    _margin-bottom: -19px;
}

#blog-title, #title-image span, #blog-description {
    display: none;
}

#ja-nae-image {
    background: url(rotate.php) no-repeat;
    width: 580px;
    height: 158px;
    margin-top: 1px;
    float: left;
}

#header {
    margin-left: auto;
    margin-right: auto;
    width: 845px;
    background-color: white;
    _overflow: hidden;
}

#quote {
    text-align: center;
    color: #1E6669;
    padding: 3px;
    width: 734px;
    height: 38px;
    margin-top: -44px;
    margin-left: auto;
    margin-right: auto;
}

#quote-overlay {
    margin-left: -87px;
    width: 1024px;
    height: 45px;
    background: url(img/quote-overlay.png) no-repeat;
}

#quote span {
    font-weight: bold;
    font-family: times, serif;
    font-style: italic;
}
/* --- */

/* sidebar */
#tabs ul {
    padding-left: 4px;
    margin-top: -2px;
}

div.sidebar {
    float: right;
    width: 263px;

    min-height: 878px;
    height: auto !important;
    height: 980px;
}

#follow {
    background: url(img/bkg-follow.png) no-repeat;
    width: 188px;
    height: 75px;
    margin-top: -19px;
    *margin-top: 12px;
    padding: 23px 0 0 12px;
}

.follow-icon span {
    display: none;
}

#twitter-icon {
    background: url(img/twitter-icon.png) no-repeat;
}

#facebook-icon {
    background: url(img/facebook-icon.png) no-repeat;
}

#linkedin-icon {
    background: url(img/linkedin-icon.png) no-repeat;
}

#rss-icon {
    background: url(img/rss-icon.png) no-repeat;
}

.follow-icon {
    width: 23px;
    height: 24px;
    margin-right: 20px;
    float: left;
}

#ja-nae-tweet {
    background: url(img/ja-nae-bubble.png) no-repeat;
    width: 86px;
    height: 95px;
    margin-top: -16px;
    margin-left: -16px;
}

#ja-nae-bubble {
    background: url(img/twitter-bubble.png) no-repeat;
    height: 102px;
    margin-left: -37px;

    min-width: 260px;
    width: auto !important;
    width: 260px;
}

#tweet {
    color: #00474A;
    font-size: x-small;
    padding: 22px 17px 0 14px;
}

#tweet a {
    color: #B61A03;
}

#tweet-container {
    margin-top: -48px;
}

#sidebar-topics {
    background: url(img/topics-2.png) no-repeat;
    width: 189px;
    height: 289px;
    font-size: x-small;
    padding-top: 19px;
    margin-top: -4px;
    *margin-bottom: -25px;
}

#sidebar-topics ul li a {
    text-decoration: none;
    color: #1E6669;
}

#sidebar-topics .right, #sidebar-topics .left {
    float: left;
    width: 85px;
}

#sidebar-topics ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 9px;
}

#search .widgettitle {
    display: none;
}

#searchform div {
    width: 189px;
}

#searchform input.text {
    width: 65%;
    *margin-left: -40px;
    *float: left;
}

#searchform input.button {
    width: 30%;
    float: right;
    margin-top: -1px;
}

#most-popular {
    width: 189px;
    height: 117px;
    background: url(img/sidebar-popular.png) no-repeat;
    /* margin-top: -3px; */
}

/* #most-popular div { */
/*     padding-top: 0; */
/* } */

.most-popular ul li, .most-popular ul li a {
    font-size: 9pt;
}

.most-popular ul li a {
    color: #DA7049;
}

.sidebar ul li {
    margin-bottom: 7px;
}

#sidebar-topics ul li {
    margin-bottom: 0;
}

.most-popular ul {
    /* margin-top: -10px; */
    /* margin-left: 0; */
    /* padding-left: 9px; */
    padding: 0;
    *margin-left: 0;
}

.most-popular h2 {
    display: none;
}

#flickrrss {
    background: url(img/sidebar-flickr.png) no-repeat;
    width: 189px;
    height: 85px;
    margin-top: -8px;
    margin-left: -16px;
}

#flickrrss h3 {
    display: none;
}

#flickrrss a img {
    width: 55px;
    height: 55px;
    margin: 25px 0 0 5px;
}
/* --- */

/* newsletter */
#newsletter {
    display: inline;
}

#newsletter-form input {
    margin-bottom: 5px;
    width: 215px;
    height: 34px;
    font-size: x-small;
    border: 1px solid black;
}

#newsletter-form {
    padding: 19px 0 0 603px;
}

#newsletter-submit {
    background-color: #FFDC67;
    padding: 0;
    width: 217px !important;
    *width: 219px !important;
}
/* --- */

/* menu */
#learn {
    background: url(img/about-link.png) no-repeat;
    width: 43px;
}

#learn ul {
    _width: 230px;
}

#mediaroom {
    background: url(img/mediaroom-link.png) no-repeat;
    width: 79px;
}

#mediaroom ul {
    _width: 80px;
}

#book {
    background: url(img/book-link.png) no-repeat;
    width: 34px;
}

#book ul {
    _width: 270px;
}

#resources {
    background: url(img/resources-link.png) no-repeat;
    width: 78px;
}

#resources ul {
    _width: 270px;
}

#community {
    background: url(img/community-link.png) no-repeat;
    width: 78px;
}

#community ul {
    _width: 100px;
}

#store {
    background: url(img/store-link.png) no-repeat;
    width: 43px;
}

#menu-overlay {
    margin-left: -87px;
    margin-top: -12px;
    width: 1024px;
    height: 65px;
    background: url(img/menu-overlay.png) no-repeat;
}

div#menu {
    height: 37px;
    margin-top: -48px;
    margin-left: auto;
    margin-right: auto;
}

.nav-menu, .nav-link {
    float: left;
    height: 13px;
    margin: 8px 0 0 70px;
    _margin-left: 55px;
}

.nav-menu:hover .submenu {
    display: block;
}

.nav-link span, .submenu {
    display: none;
}

.submenu {
    position: absolute;
    z-index: 999;
    list-style-type: none;
    list-style-position: outside;
    background-color: white;
    margin-top: 13px;
    margin-left: 0;
    padding: 5px;
    overflow: hidden;
    border: 2px solid #E4EDFF;
}

.submenu a {
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
}

.submenu a:hover {
    text-decoration: underline;
}
/* --- */

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#2968C1;

    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.button:hover,
a.button:active {
    color: #FF4B33;
}

a.buttone {
    border:1px solid #ccc;
background-color: #CCCC00;
    -webkit-border-radius: .75em;
    -moz-border-radius: .75em;
    border-radius: .75em;
    color:#000000;

    font-size:12px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
border-style:outset;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.buttone:hover,
a.buttone:active {
    color: #CC0000;
}



.wp-post-image {
margin: 0px 5px 0px 0px;
}

#content div.entry-content div.addthis_default_style  {
position:relative;
left:100px;
top:29px;
width:410px;
}