@charset "utf-8";

/*  PICADOR GLOBAL STYLESHEET
        
-------------------------------------------------------------------------------------------------------
    SECTION NUMBER & NAME     | CODE   | NOTES
-------------------------------------------------------------------------------------------------------
    1.0) Global styles        | PDR100 | 
    1.1) Text & Links         | PDR101 |
    1.2) Forms                | PDR102 |
    1.3) Column Frames        | PDR103 |
    1.4) Main Menu            | PDR104 |
    1.5) Side bar             | PDR105 |
-------------------------------------------------------------------------------------------------------
    2.0) Side Bar             | PDR200 |
    2.1) Author Modules       | PDR201 |
    2.2) Right Link           | PDR202 |
    2.3) Link Groups          | PDR203 |
    2.4) Footer               | PDR204 |
-------------------------------------------------------------------------------------------------------
    3.0) Modules              | PDR300 |
    3.1) Book Cover Large     | PDR301 |
    3.2) Quote                | PDR302 |
    3.3) Quote                | PDR303 |
-------------------------------------------------------------------------------------------------------
    4.0) Articles             | PDR400 |
    4.1) Comments             | PDR401 |
-------------------------------------------------------------------------------------------------------
    5.0) Page Headers         | PDR500 |
-------------------------------------------------------------------------------------------------------
    6.0) Horizontal Page      | PDR600 |
    6.1) Accordion            | PDR601 |
-------------------------------------------------------------------------------------------------------
    7.0) Login/Register Modal | PDR700 | Added by Erno
    7.1) Flickr Gallery       |        | By Carl... to be replaced by design
    7.2) My Account Forms     | PDR702 | Added by Erno
-------------------------------------------------------------------------------------------------------

/*===================================================================================================*\

    1.0) Global styles PDR100

\*===================================================================================================*/

* { margin:0px; padding:0px;}
img { border:0px;}
body {
    height:100%;
    color:#222222;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;}
    
html {}

#container {}

#DiscussionPage {
    width:945px;}
    
#HorizontalHomePage {
    /*width:2310px;*/
    /*width:4100px}*/
    width:5360px;}
    
#HorizontalPoetryPage {
    /*width:2310px;
    */width:4100px}
    
    .moreButton {
        float:right;
        width:50px; height:20px;
        
    }	
    
    
    
.horizontalPoetryFrameBottom { width:3780px;  float:left}

.horizontalHomeFrameBottom { width:3780px;  float:left}

#HorizontalHomePage .HorizontalFrameBottom { /*3780px*/ width:5040px;} 
#HorizontalPoetryPage .HorizontalFrameBottom { width:3780px;}

.horizontalPoetryFrameTop { width:3780px; float:left}
    

        
        .moreButton a {
            color:#fff;
            padding:3px 10px 0px 7px;
            background:url(/web/chameleonAssets/images/linkRightArrowSml.gif) no-repeat right;
            display:block;
            width:30px;
            height:15px;
            float:right;
            }
            
            #topNav .moreButton a {
            color:#fff;
            padding:5px 10px 0px 2px;
            background:url(/web/chameleonAssets/images/linkRightArrowSml.gif) no-repeat right;
            margin-top:0px;
            display:block;
            height:20px;
            float:right;
            width:40px;
            }
            
            .myAccount .moreButton a { float:left; width:75px;}
            .myAccount .moreButton { float:left; margin-bottom:5px; width:75px; margin-right:20px;}
            
            .HorizontalFrameTop .moreButton a {
                float:left;}
            
    .backButton {
        }
        
        .backButton a {
            float:right;
            height:14px;
            color:#fff;
            padding:3px 3px 3px 5px;
            background:url(/web/chameleonAssets/images/linkLeftArrowSml.gif) no-repeat left;}
            
            #topNav	.backButton a {
            float:right;
            height:12px;
            color:#fff;
            padding:6px 3px 10px 10px;
            display:block;
            background:url(/web/chameleonAssets/images/linkLeftArrowSml.gif) no-repeat left;}
            

/*===================================================================================================*\

    1.1) Text & Links PDR101

\*===================================================================================================*/

a { 
    color:#801e5f; 
    text-decoration:none;}
    
a:hover { 
    /*text-decoration:underline;*/}
    
.backToTopLink {
    width: inherit; height:30px; background-color:#ffffff; text-align:right; color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; border-top:1px dotted #222222; float:left; clear:left;}
    
    .backToTopLink a {
        display:block; width: inherit; height:15px; padding-top:10px; padding-bottom:5px; text-decoration:none; color:#801e5f}
            
        
#DiscussionPage h1{
    }
    
h1{}

h2, h3, h4, h5 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;}
    
h2 { 
    font-size:1.63em;} 
h3 { 
    font-size:1.63em;
    margin-bottom:3px;}
h4 { 
    font-size:1.45em;}

h5 { 
    font-size:1.27em;}

p { 
    line-height:14px;
    color:#222222; font-size:1em}
    
.twoColumnFrame ul, li {
    margin:0;
    padding:0;}
    
    .twoColumnFrame li {
        list-style:none;
        background:url(/web/chameleonAssets/images/default_bullet.gif) no-repeat left 5px;
        padding:1px 0 0 10px;}

/*===================================================================================================*\

    1.2) Forms PDR102

\*===================================================================================================*/

#newsletterBox #name, #newsletterBox #email { 
    width: inherit;
    margin-top:10px;
    border:none; 
    height:20px;
    font-family:Verdana, Geneva, sans-serif;
    border:1px solid #cccccc}

#newsletterBox #submit { 
    margin-top:10px;
    background-color:#801e5f;
    border:none;
    color:#FFF;
    padding:2px;
    float:right;}
    
.fourColumnFrame .form-block {
        border-top:1px dotted #c8c8c8;
        float:left;
        padding-top:10px;
        height:auto;
        width: inherit;}
        
        /*.fourColumnFrame .form-block p {
            padding:5px 0 10px 0;
            float:left;}*/
            
        .form-block fieldset {
            padding:15px;
            margin:20px 0 20px 0;
            border:1px dotted #c8c8c8;}
            
        .form-block fieldset legend {
            font-family:Georgia, "Times New Roman", Times, serif;
            font-size:1.45em;}
            
        .form-block dl {
            margin:15px 0 10px 0;}
            
            .form-block dt {}
            
            .form-block dd {
                padding:5px 0 0 0;}
                
        .fourColumnFrame .form-block textarea {
            width: inherit;
            padding:5px;
            font-family:Verdana, Geneva, sans-serif;
            font-size:1em;}
            
            .opt {
                font-size:0.90em;
                padding:0 5px 0 3px;}


.errorTextRed
{
float:left; text-align:right; width:410px; margin:0; padding:0; height:20px;
}

.errorTextRed p {color:#971c30; font-size:10px;}

.errorText
{
float:left; text-align:right; width:410px; margin:0; padding:0; height:20px;
}

.errorText p {color:#c8c8c8; font-size:10px;}

/*===================================================================================================*\

    1.3) Column Frames PDR103

\*===================================================================================================*/


.oneColumnFrame { 	
    float:left;
    width:95px;
    height:auto;
    margin:0px 10px 0 0;}

.twoColumnFrame {
    float:left;
    width:200px;
/*	height:auto;*/
    margin:0px 10px 0 0;}

.threeColumnFrame {
    float:left;
    width:305px;
    height:auto;
    margin:0px 10px 0 0;}
    
.fourColumnFrame {
    float:left;
    width:410px;
    height:auto;
    margin:0px 10px 0 0;}

.sixColumnFrame {
    float:left;
    width:620px;
    height:auto;
    margin:0px 10px 0 0;}
    
    .eightColumnFrame {
    float:left;
    width:830px;
    height:auto;
    margin:0px 10px 0 0;}
    
    .sixColumnFrame .text-block {
            padding:5px 0 10px 0;
            float:left; width:inherit;
            /*float:left;*/
            }
    .sixColumnFrame .freetext-block {
            padding:5px 0 10px 0;
            float:left; width:inherit
            /*float:left;*/
            }
    .sixColumnFrame .freetext-block p {
            padding:1px;
            margin: 0 0 10px 0;
            }
            
    .sixColumnFrame .text-block p {font-size:1.14em;}
    
    .sixColumnFrame table { margin-left:40px; }
    .sixColumnFrame #poetrySubmission table {margin-left:0px !important;}
    .sixColumnFrame table th { width:50px; text-align:left; vertical-align:top; font-weight:bold; }
    .sixColumnFrame table td { width:480px; text-align:left; vertical-align:top;  }
    
.HorizontalFrameTop {
    float:left;
    /*width:3780px;*/
    width:5040px;
    /*width:1980px;*/
    height:400px;
    margin:0px 0px 0px 0px;
}
    

.HorizontalFrameBottom {
    float:left;
    /*width:1965px;*/
    width: inherit;
    height:160px;
	background-image:url(/web/chameleonAssets/images/wallDottedLine.jpg); background-repeat:repeat-x; background-position:top;
    /*margin-top:-100px !important;*/}

.HorizontalFrameBottom2 {
    float:left;
    /*width:1965px;*/
    width: inherit;
    /*margin-top:-100px !important;*/}
    
/*===================================================================================================*\

    1.4) Main Menu PDR104

\*===================================================================================================*/

#mainMenu { 
    height:490px;
    background:url(/web/chameleonAssets/images/mainMenuBg.jpg) no-repeat; margin-top:100px;}
    
    #mainMenu ul { 
        margin-top:10px;
        float:left;
        width: inherit;}
    
    #mainMenu li {
        color:#FFF;
        float:left;}
        
    #mainMenu li:hover {
        background-color:#8fc016;
        cursor:pointer;}
        
        #on { 
            background-color:#8fc016}
            
        .off {
            background-color:#97d3bb}
    
            
    #replaceHome, #replaceBooks, #replaceAuthors, #replacePoetry, #replaceLatest, #replaceBlog {
        /*text-indent:-9000px;*/
        }
    
    #replaceHome a, #replaceBooks a, #replaceAuthors a, #replacePoetry a, #replaceLatest a, #replaceBlog a {
        display:block; height:20px; text-indent:-9000px;
        }
            
    #replaceHome {
        background:url(/web/chameleonAssets/images/home.png) no-repeat;
        height:24px;
        width:70px;}
        
    #replaceBooks {
        background:url(/web/chameleonAssets/images/books.png) no-repeat;
        height:20px;
        width:70px;}
        
    #replaceAuthors {
        background:url(/web/chameleonAssets/images/authors.png) no-repeat;
        height:20px;
        width:90px;}
        
    #replacePoetry {
        background:url(/web/chameleonAssets/images/poetry.png) no-repeat;
        height:23px;
        width:77px;}
        
    #replaceLatest {
        background:url(/web/chameleonAssets/images/latest.png) no-repeat;
        height:20px;
        width:65px}
        
    #replaceBlog {
        background:url(/web/chameleonAssets/images/blog.png) no-repeat;
        height:25px;
        width:55px}
        
    #mainMenuSocial{ 
        float:left;
        width:16px;
        margin:10px 0 5px 17px;}
        
        #mainMenuSocial img {
            margin-bottom:5px;}
            
    #mainMenuLogo { 
        float:left;
        width:50px;
        clear:left;
        margin-bottom:10px; margin-top:5px}
    

/*===================================================================================================*\

    1.5) Side bar PDR105

\*===================================================================================================*/

    #poetryComp {
        float:left;
        width: inherit;
        height:auto;
        border-bottom:1px dotted #222222;
        padding-bottom:10px;}
        
    #newsletterBox { 
        float:left;
        width: inherit;
        padding:0px 0 15px 0;
        border-bottom:1px dotted #222222;
        margin-top:15px;}
    
        #newsletterText { 
            width: inherit;
            padding:5px;
            float:left;
            clear:left;
            margin-top:20px;}
            
/*===================================================================================================*\

    2.0) Side Bar PDR200

\*===================================================================================================*/

#sideBar { float:left; margin-top:100px; width:inherit;}

/*===================================================================================================*\

    2.1) Author Modules PDR201

\*===================================================================================================*/

.authorModuleLrg {
    width: inherit;
    float:left;
    font-family:Verdana, Geneva, sans-serif;	
    border-top:1px dotted #222222;
    padding:10px 0 10px 0;}
    
.authorModuleLrg ul li { margin-bottom:5px;}
    
    .authorModuleLrg .text-block {
        margin:5px 0 10px 0;}
        
.authorModuleSml {
    width:206px;
    float:left;
    font-family:Verdana, Geneva, sans-serif;	
    border-top:1px dotted #222222;
    padding:10px 0 10px 0;}
    
    .authorModuleSml img {
        float:left;}
    
    .authorModuleSml .text-block {
        margin:0px 0 10px 0;
        float:left;
        padding-left:10px;
        width:147px;}
    
/*===================================================================================================*\

    2.2) Right Link PDR202

\*===================================================================================================*/

.linkRight { 
    width: inherit;
    float:left;
    padding:10px 0 10px 0;
    border-top:1px dotted #222222;}

.linkRight a { 
    height:18px; 
    padding:7px 5px 5px 5px;
    background:url(/web/chameleonAssets/images/linkRightArrow.gif) no-repeat right; 
    float:left; 
    width:185px; 
    font-family:Verdana, Geneva, sans-serif; 
    font-size:1em; 
    color:#FFF; display:block;}

.sendContent:hover { 
    color:#FFF}
    
/*===================================================================================================*\

    2.3) Link Groups PDR203

\*===================================================================================================*/

.linkGroups {
    border-top:1px dotted #222222;
    padding:10px 0 10px 0;
    float:left;
    width:inherit;
    height:auto;}
    
/*===================================================================================================*\

    2.4) Footer PDR204

\*===================================================================================================*/

#footer {
    float:left;
    width: inherit;}
    
    #footerCopyright { 
        width: inherit; 
        border-top:1px dotted #222222; 
        padding:10px 0 10px 0; 
        float:left;}
        
        #footerCopyright p { 
        font-size:0.83em;
        }
    
    #footerPanMac { 
        width: inherit; 
        padding:10px 0 10px 0; 
        float:left;
        border-top:1px dotted #222222;}
        
            #footerLinks { 
        width: inherit; 
        padding:10px 0 10px 0; 
        float:left;
        border-top:1px dotted #222222;}
        
        #footerLinks a { font-size:0.83em}
    
    #backToTop { 
        width: inherit; 
        padding:10px 0 10px 0; 
        float:left;
        border-top:1px dotted #222222;}

/*===================================================================================================*\

    3.0) Modules PDR300

\*===================================================================================================*/

.authorImageLrg {
    float:left;
    height:auto;
    width: inherit;
    padding:10px 0 10px 0;}
    
    .authorImageLrg img {
        float:left; width:inherit; height:auto;}

/*===================================================================================================*\

    3.1) Book Cover Large PDR301

\*===================================================================================================*/

.bookCoverLrg {
    float:left;
    height:auto;
    width:inherit;
    padding:10px 0 10px 0;}
    
    .bookCoverLrg img {
        float:left;}
        
    .bookCoverLrg .coverOptions {
        float:left;
        width:inherit;
        height:auto;}
        
        .bookCoverLrg .coverOptions img {
            float:right;
            margin-top:10px;
            clear:both;}
            
        .bookCoverLrg .coverOptions .downloadLink {
            float:right;
            margin-top:10px;
            display:block;
            font-family:Verdana, Geneva, sans-serif;
            
            clear:both;}
            
/*===================================================================================================*\

    3.2) Quote PDR302

\*===================================================================================================*/

.quote {
    float:left;
    width:inherit;
    height:auto;
    padding:10px 0 10px 0;}
    
    .quote blockquote {
        padding:5px 0px 5px 0px;
        height:auto;
        width: inherit;
        float:left;
        clear:both;}
    
    .speechOpen {
        float:left;
        width: inherit;
        clear:both;}
        
        .speechOpen img {
            float:left;}
    
    .speechClose {
        float:left;
        width: inherit;
        clear:both;}
        
        .speechClose img {
            float:right;}
        
    .quoteLinks {
        float:left;
        width: inherit;
        height:auto;
        padding-top:10px;
        text-align:right;
        clear:both;}	
        
    .quote .moreButton {
        margin-top:20px;
        float:right;}
        
/*===================================================================================================*\

    3.3) Articles PDR303

\*===================================================================================================*/

.threeColumnFrame .text-block {

    padding:10px 0 10px 0;
    }

/*===================================================================================================*\

    4.0) Articles PDR400

\*===================================================================================================*/

.articleHeader {
    float:left;
    height:auto;
    width:inherit;
    border-top:1px dotted #222222;
    padding:10px 0 10px 0;
    margin-bottom:10px;
    }
    
.articleAvatar { padding-right:10px; padding-bottom:10px; float: left;}
    
.eventArticleHeader {	margin-top:100px; width:inherit}
.bookHubArticleSnippet .articleHeader { border:none; width:inherit;}	
.authorHubArticleSnippet .articleHeader { border:none; width:inherit; border-bottom:1px dotted #c8c8c8;}	
.bookHubArticleSnippet { border:none; width:inherit}	
.authorHubArticleSnippet { border:none; width:inherit}	
.bookHubArticle { width:inherit; float:left; padding:0px 0px 10px 0px}
    .dateStamp {
        color:#777;
        font-size:1em;
        font-family:Georgia, "Times New Roman", Times, serif;}
        
        .HorizontalFrameBottom .dateStamp {
            margin-bottom:4px;}
        
    .fourColumnFrame .text-block {
        /*border-top:1px dotted #c8c8c8;*/
        float:left;
        padding:5px 0 10px 0;
        height:auto;
        width: inherit}
        
        .fourColumnFrame .text-block p {
            /*float:left;*/
            font-size:1.14em;
            }
            
            .text-block p a {
                font-weight:bold;}
                .freetext-block p a {
                font-weight:bold;}
            
    .articleOptions, .articleOptionsBase {
        float:left;
        width: inherit;
        padding:5px 0px 0px 0px;}
        
        .articleOptions {
            border-top:1px dotted #c8c8c8;
            margin-top:10px;
            }
        
        .articleOptionsBase {
            padding-top:8px;
            height:22px;}

        .articleOptionsLeft {
            float:left;}

        .articleOptionsRight {
            float:right;}

            .articleOptionsLeft a {
                height:16px;
                padding-right:21px;
                display:inline-block;}

            .articleOptionsLeft .printButton {
                background:url(/web/chameleonAssets/images/print-icon-16px.gif) no-repeat right;}
            .articleOptionsLeft .emailButton {
                background:url(/web/chameleonAssets/images/email-icon-16px.gif) no-repeat right;}
            .articleOptionsLeft .tweetButton {
                background:url(/web/chameleonAssets/images/twitter-icon-16px.gif) no-repeat right;}

/*===================================================================================================*\

    4.1) Comments PDR401

\*===================================================================================================*/

.commentOverview {
        border-top:1px dotted #c8c8c8;
        border-bottom:1px dotted #c8c8c8;
        width: inherit;
        padding-top:8px;
        height:22px;
        float:left; background-color:#f5f5f5;}

        .commentOverview .commentNo {
            float:left; margin-left:5px;}
            
                
            
        .commentOverview .commentLink {
            float:right; margin-right:5px;}
            

.commentBlock {
    padding:10px 0 10px 0;
    margin:0px;
    height:auto;
    float:left;
    width: inherit;}
    
.commentHeader {background-color:#f5f5f5; float:left; width:inherit}

.staffComment { background-image:url(../chameleonAssets/images/staffComment.gif); background-repeat:no-repeat; height:60px; width:20px; float:right; background-position:right bottom; margin-right:5px; margin-bottom:5px;}

.authorComment { background-image:url(../chameleonAssets/images/authorComment.gif); background-repeat:no-repeat; height:60px; width:20px; float:right; background-position:right bottom; margin-right:5px; margin-bottom:5px;}

.authorComment span, .staffComment span { width:20px; height:20px; display:block; margin-top:35px;}

.avatarSml { padding:5px 5px 5px 5px}

.fourColumnFrame .replyBlock .contributorDetails { width:205px;}
.fourColumnFrame .commentBlock .contributorDetails { width:305px;}

.sixColumnFrame .commentBlock .contributorDetails { width:515px;}
.sixColumnFrame .replyBlock .contributorDetails { width:405px;}

.replyBlock {
    float:left;
    padding:10px 0 10px 0;
    margin-left:110px;
    position:relative;
}

.sixColumnFrame .replyBlock 
{
    width:510px;
}
.fourColumnFrame .replyBlock 
{
    width:300px;
}
    
    
.externalBlock {
    border-bottom:1px dotted #222222;
    padding:10px 0 10px 0;
    height:auto;
    float:left;
    width: inherit;
    }
    
.externalBlock object { width:inherit;}
.externalBlock embed { width:inherit;}

    .commentBlock .avatarSml, .externalBlock .avatarSml {
        float:left;
        width:48px;
        height:48px; margin:0 0 0 0px;}

    .replyBlock .avatarSml {
        float:left;
        width:48px;
        height:48px;
         margin:0 0 0 0px;
        }

        .avatarSml a {
            border:0;}

    .commentBlock .commentDetails, .replyBlock .commentDetails, .externalBlock .commentDetails {
        height:20px;
        float:left;}

        .contributorDetails {
            float:left; width:inherit; margin-left:10px; margin-top:5px;}

.twitterFrame .contributorDetails { margin-left:0px;}
.text-block .contributorDetails { margin-left:0px;}



        .commentReplyLink {
            float:left;
            margin-top:5px;
            }
            
        .commentReplyLink ul { list-style:none;}
        
                .commentReplyLink li {    display:inline;
    list-style:none;
    padding:1px 10px 0 0px;
    margin-right:10px;}
                
                .commentReplyLink li a { font-weight:bold}
            
        .commentBlock .comment, .replyBlock .comment, .social-media-icon, .externalBlock .comment {
            float:left;
            clear:left;
            width: inherit;
            min-height:28px;
            margin:10px 0 0 0;
            }

        .social-media-icon {
            height:38px;}

        .commentBlock h3, .externalBlock h3 {
            clear:both;
            }

            .commentBlock .comment p, .replyBlock .comment p, .social-media-icon img {
                font-size:1.14em;
                }

.commentField {
    padding:10px 0 10px 0;
    height:auto;
    float:left; width:inherit;}

    .commentField textarea {
        padding:5px;
        width: inherit;
        margin:5px 0 0 0;
        font-family:Verdana, Geneva, sans-serif;
        font-size:1em;}
        
        .sixColumnFrame	.commentField textarea {
        padding:5px;
        width: 610px;
        margin:5px 0 0 0;
        font-family:Verdana, Geneva, sans-serif;
        font-size:1em;}
        
        .fourColumnFrame	.commentField textarea {
        padding:5px;
        width: 400px;
        margin:5px 0 0 0;
        font-family:Verdana, Geneva, sans-serif;
        font-size:1em;}

    .makeCommentButton {
        float:right;
        margin-top:10px;}

/*===================================================================================================*\

    5.0) Page Headers PDR500

\*===================================================================================================*/

.newsHeader {
    height:65px;
    border-bottom:1px dotted #222222;
    margin-top:35px;
    }

    .newsTitle {
        height:35px;
        float:left;
        color:#fff;
        background-color:#8fc016;
        clear:both;}

        .newsTitle h2 {
            font-size:2.18em;
            padding:3px;}

.authorHeader {
    height:35px;
    width: inherit;
    margin-top:65px; float: left; border-bottom:1px dotted #222222;}

    .authorTitle {
        height:35px;
        float:left;
        color:#fff;
        background-color:#8fc016;
        clear:both;}

        .authorTitle h2 {
            font-size:2.18em;
            padding:3px;}

.bookContainer { width:1260px; float:left; height:400px; margin:0px; padding:0px;}

.poetryContainer { width:945px; float:left; height:400px;}

.featuredBooksHeader, .brickLevelHeader {
    height:65px;
    width: inherit;
    margin-top:35px;
float:left;
    border-bottom:1px dotted #222222;
    }
    
#divAjaxLoginForm .brickLevelHeader { margin-top:0px;}

    .featuredPoetryHeader {
    height:65px;
    width: inherit;
    margin-top:35px;
float:left;
    border-bottom:1px dotted #222222;
    }

    .featuredBookTitle, .brickLevelTitle {
        height:35px;
        float:left;
        color:#fff;
        background-color:#8fc016;
        clear:both;}

        .featuredBookTitle h2, .brickLevelTitle h2 {
            font-size:2.18em;
            padding:3px;
            }
            
        .featuredBookTitle h2 a, 		.brickLevelTitle h2 a { color:#FFF}

    .featuredBookAuthor {
        height:30px;
        float:left;
        color:#fff;
        background-color:#8fc016;
        clear:both;}

        .featuredBookAuthor h3 {
            font-size:1.63em;
            padding:3px;
            }

/*===================================================================================================*\

    6.0) Horizontal Page PDR600

\*===================================================================================================*/

.HomeBG {
    background:url(/web/chameleonAssets/images/LineBackground4Books.gif) no-repeat top left;}
    
.PoetryBG {
    background:url(/web/chameleonAssets/images/LineBackgroundPoetry.gif) no-repeat top left;}

.featuredBookCover {
    padding:10px 0 10px 0;
    height:auto;
    float:left;}
    
.vimeoFrame {
    padding:10px 0 10px 0;
    height:auto;
    float:left; width:inherit;}
    
    .vimeoFrame h3 {
        margin-top:5px;}
        
    .twoColumnFrame	.vimeoFrame embed {
        width:inherit}
        
    .threeColumnFrame .vimeoFrame embed {
        width:inherit}
        
    .twoColumnFrame	.vimeoFrame object {
        width:inherit}
        
    .threeColumnFrame .vimeoFrame object {
        width:inherit}
        
.youtubeFrame {
    padding:10px 0 10px 0;
    height:auto;
    float:left; width:inherit;}
    
    .youtubeFrame h3 {
        margin-top:5px;}
        
    .twoColumnFrame	.youtubeFrame embed {
        width:inherit;}
        
    .threeColumnFrame .youtubeFrame embed {
        width:inherit;}
        
    .twoColumnFrame	.youtubeFrame object {
        width:inherit;}
        
    .threeColumnFrame .youtubeFrame object {
        width:inherit;}
        
        .HorizontalFrameBottom .vimeoFrame object, .HorizontalFrameBottom .vimeoFrame embed, .HorizontalFrameBottom .youtubeFrame embed, .HorizontalFrameBottom .youtubeFrame object {
            height:145px;}
                
.twitterFrame {
    /*border-top:1px dotted #222222;*/
    padding:10px 0 10px 0;
    height:138px;
    float:left; width:inherit; overflow:hidden}

    .quoteFrame {
    /*border-top:1px dotted #222222;*/
    padding:10px 0 10px 0;
    height:138px;
    float:left; width:inherit;}
    
    .NoCommentsFrame {
    /*border-top:1px dotted #222222;*/
    padding:10px 0 10px 0;
    height:148px;
    float:left;}
    
.HorizontalFrameBottom .text-block {
    padding:10px 0 10px 0;
    overflow:hidden;
    }
    
.scrollMarker {
    /*border:pink 1px solid;*/
    position:absolute;
    top:0;}
    
.feedTabs { 
    float:left;
    clear:left}

    .feedTabs ul { 
        list-style:none;
        margin:0;
        padding:0;
        float:left;
        height:20px;}
        
    .feedTabs li { 
        display:inline;
        padding:3px 5px 0 5px;
        margin:0;
        float:left;
        height:17px;}	
        
        .feedTabs li a { 
            color:#222222;
            padding:0;
            margin:0;}	
        
        .feedTabs li:hover { 
            background-color:#8fc016}
            
        .feedTabsOn { 
            background-color:#8fc016;}

/* CTAs */

.poetryPrize {
    border-top:1px dotted #222222;
    padding:10px 0 10px 0; float:left;}
    
    .poetryPrize ul {
        float:none; }
        
    .poetryPrize ul li {
        float:none;}
        
    .poetryPrize p {
        margin:10px 0 10px 0;}

.poetryNewsletter {
    border-top:1px dotted #222222;
    font-family:Georgia, "Times New Roman", Times, serif;
    padding:10px 0 10px 0; float:left; width:inherit;}
    
.poetryNewsletter h4 {
    font-family:Georgia, "Times New Roman", Times, serif;
    }
    
    .poetryNewsletter .textfield {
        width:192px;
        font-size:1em;
        margin-top:5px;
        padding:3px;
        border:1px dotted #CCCCCC;
        font-family:Georgia, "Times New Roman", Times, serif;
        }
        
        .poetryNewsletter .textfield:focus { background-color: #F9F9F9}
        
        .signUpButton {
            float:right;
            margin:10px 0 10px 0;}
        
        .poetryNewsletter a {
            margin:10px 0 10px 0;
            float:left;}
            
.textfieldError { border:1px #971C30 solid !important;}

.newsletterSignUpMessage { font-size:10px; color:#c8c8c8; text-align:right}

.newsletterSignUpErrorMessage { font-size:10px; color:#971C30; text-align:right}
            
/*===================================================================================================*\

    6.1) Accordion PDR601

\*===================================================================================================*/

.accordianPoetryPrize ul, .accordionBlock ul {
    float:none; 
    margin-bottom:10px;}
    
    .accordianPoetryPrize li, .accordionBlock li {
        float:none;}

.accordianPoetryNewsletter
{
    font-family:Georgia, "Times New Roman", Times, serif;
    }
    
    .accordianPoetryNewsletter .textfield {
                width:192px;
        font-size:1em;
        margin-top:5px;
        padding:3px;
        border:none; border-bottom:1px dotted #CCCCCC;
        font-family:Georgia, "Times New Roman", Times, serif;
        }
            
        .accordianPoetryNewsletter a {
            margin:10px 0 10px 0;
            float:left;}
            
.accordian p {
    margin:10px 0 10px 0;
    padding:0px;}
    
.accordian  {
    width: inherit;
    float:left;}
    
.accordian .accordianHeader {
    height:19px;	
    cursor:pointer;
    display:block;
    padding:5px 0 5px 0;
    /*margin-top: 0;*/
    border-top:1px dotted #222222;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.63em;
    background:url(/web/chameleonAssets/images/bulletDown.gif) no-repeat;
    background-position:190px 15px;}
    
/*.basic a:hover {
    background:url(v/web/images/bulletUp.gif);
}*/

.accordian .selected {
    /*background:url(/web/images/bulletUp.gif) no-repeat right;
    background-position:190px 15px;*/
    background:0;}

/*===================================================================================================*\

    7.0) Login/Register Modal PDR700

\*===================================================================================================*/

.ajax-form-block
{
    float:left;
    padding-top:10px;
    height:auto;
    width:100%;
}

/*.ajax-form-block p
{
    padding:5px 0 10px 0;
    float:left;
}*/

.ajax-form-block fieldset
{
    padding:15px;
    margin:20px 0 20px 0;
    border:1px dotted #c8c8c8;
}

.ajax-form-block fieldset legend
{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.45em;
}

.ajax-form-block dl
{
    margin:15px 0 10px 0;
}

.ajax-form-block dt
{
}

.ajax-form-block dd
{
    padding:5px 0 0 0;
}

.ajax-form-block textarea
{
    width:380px;
    padding:5px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:1em;
}

#mask
{
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#222222;
    display:none;
}

#boxes .window
{
    position:absolute;
    left:0%;
    top:0%;
    width:630px;
    display:none;
    z-index:9999;
    padding-left:35px;
    padding-right:35px;
}

#boxes #divAjaxLoginPlaceHolder, #boxes #divMyAccountLoginPlaceHolder
{
    width:630px;
    background-color:#ffffff;
    position:fixed;
    margin-left:-325px;
    height:710px;
    margin-top:-350px;
}

.stylecenter
{
    text-align: center;
}

/*===================================================================================================*\

    7.1) FlickrGallery

\*===================================================================================================*/

/*#gallery-slideshow { display:block; height:280px; border:1px; overflow:hidden; clear:left;}*/
.gallery-slideshow { display:block; height:280px; border:1px; overflow:hidden; clear:left;}

/*#gallery-slideshow img {
    height:280px;        
}*/
.gallery-slideshow img {
    height:280px;        
}

/*#gallery-nav img { width:40px; height:40px; margin:2px 4px 2px 0 ; }*/
.gallery-nav img { width:40px; height:40px; margin:2px 4px 2px 0 ; }

/*#gallery-slideshow { position: relative; margin: 10px 0 10px 0; text-align:center;}*/
.gallery-slideshow { position: relative; margin: 10px 0 10px 0; text-align:center;}
/*#gallery-controls { z-index: 1000; position: absolute; top: 0; left: 0; display: none; background-color: #801e5f; margin: 0; padding: 6px;}
#gallery-controls a { color:#FFF !important}
#gallery-controls span { margin: 0 5px }
*/
.gallery-block { float: left; width:inherit;}

/*===================================================================================================*\

    7.2) My Account Form PDR702

\*===================================================================================================*/

.myAccount
{
    border-top: dotted 1px #222222;
    padding:10px 0 10px 0;
    width:inherit;
    float:left;
}

.myAccount ul, li
{
    margin:0;
    padding:0;
}

.myAccount li
{
    display:inline;
    background:url(/web/chameleonAssets/images/default_bullet.gif) no-repeat left 5px;
    list-style:none;
    padding:1px 0 0 10px;
    margin-right:10px;
}

.myAccount li a { font-size:1em}


/*===================================================================================================*\

    7.3) Load More

\*===================================================================================================*/

#loadMore
{
    width: 100%;
    height:30px;
    background-color:#f4f4f4;
    text-align:center;
    color:#FFFFFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.90em;
    float:left;
    clear:left
}

#loadMore a
{
    display:block;
    width:100%;
    height:15px;
    padding-top:10px;
    padding-bottom:5px;
    text-decoration:none;
    color:#801e5f
}

#loadMore:hover
{
    background-color:#e8e8e8;
}

#spanLoadMore { width: inherit}


.moreBlogsBox 
{
    width: 100%;
    height:30px;
    background-color:#f4f4f4;
    text-align:center;
    color:#FFFFFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:0.90em;
    float:left;
    clear:left
}
.moreBlogsBox p
{
    display:block;
    width:100%;
    height:15px;
    padding-top:10px;
    padding-bottom:5px;
    text-decoration:none;    
    color:#801e5f
}
.moreBlogsBox a 
{
    display:block;
    width:100%;
    height:15px;
    padding-top:10px;
    padding-bottom:5px;
    text-decoration:none;
    color:#801e5f
}

.moreBlogsBox:hover
{
    background-color:#e8e8e8;
}

.spanMoreBlogBox { width: inherit}

/*===================================================================================================*\

    7.3) Top Nav

\*===================================================================================================*/

#topNav { position: absolute; display: block; height: 25px; top: 0px; left: 0px;}
#topNav a {position: relative; display:block; height:20px; color:#ffffff; padding:2px 0px 0px 0px; text-align:left; font-family:Verdana, Geneva, sans-serif; margin:0px; font-size:1em;}
.navBoxRight {
    position:absolute;
    top:5px;
    left:0px;
    background-repeat:no-repeat;
    background-position:right;
    padding-right:0px;
    height:20px;
    width:100px;
}

.navBoxRightText {height:20px; padding-right:5px; display:block;}
.navBoxLeftText {height:20px; padding-right:10px; display:block;}

.navBoxLeft { 	position:absolute;
    top:5px;
    left:0px;
    background-repeat:no-repeat;
    background-position:left;
    padding-left:12px;
    display:block;}
 
.anchor { position:absolute; height:25px; display:block; width:20px; top:0; left:0}
/*===================================================================================================*\

    7.3) All Books More

\*===================================================================================================*/

.allBooksAuthorsMore{	float:left; width:inherit;}

/*===================================================================================================*\

    7.4) Side Bar Text Block

\*===================================================================================================*/

.sideBarTextBlock {
    border-top:1px dotted #222222;
    padding:10px 0 10px 0;
    float:left;
    width:inherit;
    height:auto;}
    
/*===================================================================================================*\

    7.4) Separator

\*===================================================================================================*/

.separator {
    border-top:1px dotted #222222;
    float:left;
    width:inherit;
    height:1px; margin:10px 0 0px 0}
    
/*===================================================================================================*\

    7.5) Latest

\*===================================================================================================*/

.latestHeader { margin-bottom:10px; float:left; width:inherit;}

    
/*===================================================================================================*\

    7.6) No Articles

\*===================================================================================================*/

.noArticle { margin-bottom:10px; width:inherit;}

/*===================================================================================================*\

    7.7) 

\*===================================================================================================*/

.authorsBooksListContainer { width:630px; float:left;}

.blogContainer { width:inherit; float:left;}

.brickLevelContainer { width:630px; float:left;}

.loginRegContainer { width:840px; float:left;}

.myAccountContainer { width:840px; float:left;}

.authorsBooksListContainer .backToTopLink { margin-top:10px}

.authorsBooksListItem { float:left; width:inherit; margin-top:10px}

.latestListItem { float:left; width:inherit; margin-top:10px;}

.latestListItem p { font-size:1.14em}

/*.authorsBooksListItem .articleHeader { border-top:1px dotted #cccccc}*/

/*===================================================================================================*\

    7.6) Article Frame

\*===================================================================================================*/

.articleFrame { padding:10px 0 10px 0;
    height:auto;
    float:left; width:inherit;}
    
/*===================================================================================================*\

    7.11) Newsletter Sign-up

\*===================================================================================================*/

.newsletterSignUp
{
    border-top: dotted 1px #222222;
    padding:10px 0 10px 0;
    
}

/*===================================================================================================*\

    7.12)

\*===================================================================================================*/

#contentURL { width:519px}

#contentTitle { width:455px;}

#ctl11_collectionTitle { width:385px;}

#userGender { width:517px;}

#ctl11_userFirstName, #ctl11_userLastName {width:122px;}

#ctl11_userEmail { width:430px;}

#newsletterSignUp {}

#ctl11_userURL { width:122px;}

#ctl11_userPhone { width:425px;}

#ctl11_favePoem { width:430px;}

.regFirstName { width:410px;}

.regSurname { width:410px;}

#contentDescription { width:100%;}

#collectionFile {}

#suggestALinkForm,#poetrySubmission,#polls { width:inherit; float:left; margin-top:10px;}

#polls {clear:both;}

.pollsLinks{ color:#801e5f; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:11px;}

.loginRegForm { float:left; width:inherit;}

#suggestALinkForm fieldset, #poetrySubmission fieldset,  .loginRegForm fieldset { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#222222; border:0;}

#suggestALinkForm fieldset input,#poetrySubmission fieldset input,  .loginRegForm input { border:1px dotted #CCCCCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

#suggestALinkForm fieldset select,#poetrySubmission fieldset select,  .loginRegForm select {border:1px dotted #CCCCCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

#suggestALinkForm fieldset input:focus,#poetrySubmission fieldset input:focus,  .loginRegForm fieldset input:focus { background-color: #F9F9F9}

#suggestALinkForm fieldset textarea,#poetrySubmission fieldset textarea,  .loginRegForm textarea {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; border:0; line-height:30px; height:90px; background-image: url(/web/chameleonAssets/images/textAreaLines.jpg);}

#suggestALinkForm fieldset label,#poetrySubmission fieldset label,  .loginRegForm fieldset label { font-weight:bold}

.labelRequired { background-image: url(../chameleonAssets/images/required.jpg); background-repeat:no-repeat; background-position:top right; padding-right:10px;}

input .required { background:none; padding:0px; !important}

#hibLogin, #hibRegister { border:none; !important}

.sendButton { padding:10px 0 10px 0; text-align:right; width:410px; float:left;}

.requiredText {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-align:right; margin-bottom:20px; float:right; margin-top:40px; width:100px;}

.loginRegisterInput, .poetrySubmissionInput { width:410px;}

.avatarChkBox { width:49px; text-align:center; float:left}

.avatarChkBox img { margin-top:10px; margin-bottom:10px;}

.avatarChkBox input { border:none; !important}

.newsletterChkBox { display:inline;}

.newsletterChkBox input { border:none; margin:0; padding:0; !important;}

.defaultAvatar { width:410px; float:left; margin-top:10px;}

#loginLightBox { width:410px; height:190px; padding-right:20px;}

#joinLightBox {width:410px; height:490px;  padding-right:20px;}

.signMeUpTo { float:left; clear:left; margin-top:10px;}

.labelInputErrorText { float:left; clear:left; margin-top:10px;}


/*===================================================================================================*\

    7.5) Blog

\*===================================================================================================*/

.blogHeader { margin-bottom:10px; float:left; width: inherit;}

#moreblogs {width:inherit}


/*===================================================================================================*\

    7.6) Prize Winner

\*===================================================================================================*/

.prizeWinner { background-image:url(/web/chameleonAssets/images/prizeWinner.png); background-repeat:no-repeat; width:114px; height:114px; position: absolute;}

/*===================================================================================================*\

    7.7) Home Mouse Overs

\*===================================================================================================*/

.homeScrollerFirstBookTop { width:inherit; height:75px; float:left; clear:left; background-image:url(../chameleonAssets/images/homeScroller/4y5kga9nHover.jpg); margin-top:10px;}

.homeScrollerFirstBookTop:Hover {background-image:url(../chameleonAssets/images/homeScroller/4y5kga9nHover.jpg)}

.homeScrollerFirstBookTop a { display:block; height:75px; width:inherit}

.homeScrollerFirstBookMiddle { width:inherit; height:110px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/dogSketch.jpg)}

.homeScrollerFirstBookMiddle:Hover { background-image: url(../chameleonAssets/images/homeScroller/dogSketchHover.jpg)}

.homeScrollerFirstBookMiddle a { display:block; height:110px; width:inherit}

.homeScrollerFirstBookBottom { width:inherit; height:75px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/adelaideRoad.jpg)}

.homeScrollerFirstBookBottom:Hover {background-image: url(../chameleonAssets/images/homeScroller/adelaideRoadHover.jpg) }

.homeScrollerFirstBookBottom a { display:block; height:75px; width:inherit;}

.homeScrollerNourishmentBookTop { width:305px; height:135px; float:left; clear:left; background-image:url(../chameleonAssets/images/homeScroller/Nourishment_Column_4_Item_1.jpg); margin-top:10px;}
.homeScrollerNourishmentBookTop:Hover {background-image:url(../chameleonAssets/images/homeScroller/Nourishment_Column_4_Item1Hover.jpg)}
.homeScrollerNourishmentBookTop a { display:block; height:135px; width:inherit}

.homeScrollerNourishmentBookBottom { width:305px; height:135px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/Nourishment_Column4_Item2Hover.jpg)}
.homeScrollerNourishmentBookBottom:Hover {background-image: url(../chameleonAssets/images/homeScroller/Nourishment_Column4_item2Hover.jpg) }
.homeScrollerNourishmentBookBottom a { display:block; height:135px; width:inherit;}



.homeScrollerRoomBookTop { width:305px; height:75px; float:left; clear:left; background-image:url(../chameleonAssets/images/homeScroller/column_3_publishing.jpg); margin-top:10px;}
.homeScrollerRoomBookTop:Hover {background-image:url(../chameleonAssets/images/homeScroller/column_3_publishinghover.jpg)}
.homeScrollerRoomBookTop a { display:block; height:75px; width:inherit}

.homeScrollerRoomBookMiddle { width:305px; height:80px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/column_3_floor_planhover.jpg)}
.homeScrollerRoomBookMiddle:Hover { background-image: url(../chameleonAssets/images/homeScroller/column_3_floor_planhover.jpg)}
.homeScrollerRoomBookMiddle a { display:block; height:80px; width:inherit}

.homeScrollerRoomBookBottom { width:305px; height:105px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/column_3_a_z.jpg)}
.homeScrollerRoomBookBottom:Hover {background-image: url(../chameleonAssets/images/homeScroller/column_3_a_zhover.jpg) }
.homeScrollerRoomBookBottom a { display:block; height:105px; width:inherit;}



.homeScrollerSecondBookTop { width:inherit; height:135px; float:left; clear:left; background-image:url(../chameleonAssets/images/homeScroller/interviewWithHover.jpg); margin-top:10px;}

.homeScrollerSecondBookTop:Hover {background-image:url(../chameleonAssets/images/homeScroller/interviewWithHover.jpg)}

.homeScrollerSecondBookTop a { display:block; height:135px; width:inherit}

.homeScrollerSecondBookBottom { width:inherit; height:135px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/writingSystem.jpg)}

.homeScrollerSecondBookBottom:Hover {background-image: url(../chameleonAssets/images/homeScroller/writingSystemHover.jpg) }

.homeScrollerSecondBookBottom a { display:block; height:135px; width:inherit;}


.homeScrollerThirdBookTop { width:305px; height:135px; float:left; clear:left; background-image:url(../chameleonAssets/images/homeScroller/hornsHover.jpg); margin-top:10px;}

.homeScrollerThirdBookTop:Hover {background-image:url(../chameleonAssets/images/homeScroller/hornsHover.jpg)}

.homeScrollerThirdBookTop a { display:block; height:135px; width:inherit}

.homeScrollerThirdBookBottom { width:305px; height:135px; float:left; clear:left; margin-top:10px; background-image: url(../chameleonAssets/images/homeScroller/25years.jpg)}

.homeScrollerThirdBookBottom:Hover {background-image: url(../chameleonAssets/images/homeScroller/25yearsHover.jpg) }

.homeScrollerThirdBookBottom a { display:block; height:135px; width:inherit;}



#judges { width:inherit;}

.fourColumnFrame .text-block ol, .fourColumnFrame .

 ul { margin:10px 0px 10px 40px}

.fourColumnFrame .text-block li, .fourColumnFrame .text-block li { font-size:1.14em}

#poetrySubmission .twoColumnFrame .text-block p { font-size:1.14em}

#poetrySubmission .twoColumnFrame .text-block li { font-size:1.14em}

.fourColumnFrame li {
        list-style:none;
        background:url(/web/chameleonAssets/images/default_bullet.gif) no-repeat left 5px;
        padding:1px 0 0 10px;}


/*===================================================================================================*\

    7.7) Poetry Admin Table

\*===================================================================================================*/
.poetryAdminTable { width:630px; padding:10px;}

.poetryAdminTable td { padding:5px;}

.poetryAdminTableColTitles { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; background-color:#eeeeee}

.poetryAdminTableLineItem { font-family:Verdana, Geneva, sans-serif; font-size:12px;}

.poetryAdminTableLineItemBold { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold;}

.poetryAdminTablePages a { text-decoration:none; font-weight:bold;}

.poetryAdminTablePages { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-align: center; width:630px; margin-top:20px;}

.poetryAdminTableMoreDetails { font-family:Verdana, Geneva, sans-serif; font-size:10px; padding-left:20px !important;}