/* Theme Name:Music 4 the Kids Theme URI: Description:Music 4 the Kids Wordpress Theme Version:1.0 Author:Ryan McMaster Author URI:http://www.ryanmcmaster.com Tags:white, purple, green, blue */ /* CSS Document */ * { margin:0; padding:0; } a { outline:none; } a img { border:0; outline:0; } .clear { width:100%; clear:both; height:0; overflow:hidden;} body { background-image:url(images/body-bg.jpg); background-repeat:repeat; background-position:top center; font-family:Arial, Helvetica, sans-serif; } #wrapper-outer {width:100%; height:auto; float:left; background-repeat:no-repeat; background-position:top center;} body#green #wrapper-outer {background-image:url(images/wrapper-outer-bg-green.jpg);} body#purple #wrapper-outer {background-image:url(images/wrapper-outer-bg-purple.jpg);} body#blue #wrapper-outer {background-image:url(images/wrapper-outer-bg-blue.jpg);} #wrapper-inner { width:1011px; height:auto; margin:auto; } /****************************/ /* header */ /****************************/ #header-container { width:100%; height:134px; float:left; } #header-container div.logo { width:auto; height:auto; float:left; padding:35px 0 0 38px; } /****************************/ /* header - blog page*/ /****************************/ #header-blog-container { width:100%; height:133px; float:left; } /****************************/ /* top navbar */ /****************************/ #top-navbar { width:553px; height:83px; float:right; display:inline; margin:23px 8px 0 0; } #top-navbar ul { width:auto; height:auto; float:left; padding:0 0 0 30px; list-style:none; } #top-navbar ul li { float:left; display:inline; } #top-navbar ul li a { width:100px; height:45px; padding:38px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; color:#bfa323; letter-spacing:3px; text-transform:uppercase; text-align:center; } #top-navbar ul li a:hover, #top-navbar ul li a.active { background-image:url(images/hand-print.png); background-repeat:no-repeat; background-position:0 top; color:#665920; } /****************************/ /* content container */ /****************************/ #content_container { width:100%; height:auto; float:left; } #content_container div.featured-video-green { width:100%; height:408px; float:left; background-image:url(images/featured-video-bg-green.jpg); background-repeat:no-repeat; } #content_container div.featured-video-green div.video-container { width:511px; height:319px; float:left; display:inline; margin:65px 0 0 54px; } #content_container div.featured-video-green div.small-desc{ width:367px; height:auto; float:right; padding:70px 52px 0 0; } #content_container div.featured-video-green div.small-desc p.title{ width:100%; height:auto; float:left; font-size:33px; color:#86ae28; letter-spacing:2px; line-height:36px; padding-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; } #content_container div.featured-video-green div.small-desc p.text { width:100%; height:auto; float:left; padding-bottom:20px; font-size:14px; color:#2c3d09; line-height:20px; } #content_container div.featured-video-green div.small-desc a.learn-more { width:auto; height:auto; float:left; font-size:19px; color:#ffffff; text-decoration:none; padding:13px 20px; background-color:#86ae28; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; } #content_container div.featured-video-purple { width:100%; height:402px; float:left; background-image:url(images/featured-video-bg-purple.jpg); background-repeat:no-repeat; margin:11px 0 0 0; } #content_container div.featured-video-purple div.video-container { width:511px; height:319px; float:left; display:inline; margin:52px 0 0 54px; } #content_container div.featured-video-purple div.small-desc{ width:367px; height:auto; float:right; padding:57px 52px 0 0; } #content_container div.featured-video-purple div.small-desc p.title{ width:100%; height:auto; float:left; font-size:33px; color:#624c6a; letter-spacing:2px; line-height:36px; padding-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; } #content_container div.featured-video-purple div.small-desc p.text { width:100%; height:auto; float:left; padding-bottom:20px; font-size:14px; color:#624c6a; line-height:20px; } #content_container div.featured-video-purple div.small-desc a.learn-more { width:auto; height:auto; float:left; font-size:19px; color:#ffffff; text-decoration:none; padding:13px 20px; background-color:#5e4e71; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; } #content_container div.featured-video-blue { width:100%; height:399px; float:left; background-image:url(images/featured-video-bg-blue.jpg); background-repeat:no-repeat; margin:-1px 0 0 0; } #content_container div.featured-video-blue div.video-container { width:511px; height:319px; float:left; display:inline; margin:65px 0 0 54px; } #content_container div.featured-video-blue div.small-desc{ width:367px; height:auto; float:right; padding:70px 52px 0 0; } #content_container div.featured-video-blue div.small-desc p.title{ width:100%; height:auto; float:left; font-size:33px; color:#85bfec; letter-spacing:2px; line-height:36px; padding-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; } #content_container div.featured-video-blue div.small-desc p.text { width:100%; height:auto; float:left; padding-bottom:20px; font-size:14px; color:#1c415e; line-height:20px; } #content_container div.featured-video-blue div.small-desc a.learn-more { width:auto; height:auto; float:left; font-size:19px; color:#ffffff; text-decoration:none; padding:13px 20px; background-color:#85bfec; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; } #content_container div.main-content { width:100%; height:auto; float:left; padding:30px 0 0 0; } #content_container div.main-content-blog { width:100%; height:auto; float:left; padding:0; } /* Left Content */ #content_container div.left-content { width:602px; height:auto; float:left; } #content_container div.left-content div.each-blog-post { width:100%; height:auto; float:left; padding-bottom:40px; position:relative; z-index:20; } #content_container div.left-content div.each-blog-post div.bottom { width:602px; height:80px; float:left; background-image:url(images/each-blog-post-bottom-bg.png); background-repeat:no-repeat; background-position:2px 0; } #content_container div.left-content div.each-blog-post div.top { width:506px; height:auto; padding:30px 38px 0 58px; float:left; background-image:url(images/each-blog-post-top-bg.png); background-repeat:no-repeat; background-position:top; } #content_container div.left-content div.each-blog-post div.top div.time-total-comments { text-transform:lowercase; width:164px; height:35px; padding:0 0 0 32px; display:inline; margin-left:-32px; float:left; background-image:url(images/line-date-total-comments.gif); background-repeat:no-repeat; background-position:0 13px; color:#a29d8b; font-size:12px; letter-spacing:2px; clear:both; } #content_container div.left-content div.each-blog-post div.top div.time-total-comments a { color:#a29d8b; text-decoration:none; } #content_container div.left-content div.each-blog-post div.top div.time-total-comments a:hover { text-decoration:underline; } /* Headers */ #content_container div.left-content div.each-blog-post div.top h1 {width:100%; height:auto; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:43px; letter-spacing:2px; line-height:48px; font-weight:normal; padding:5px 0 10px 0;} #content_container div.left-content h2 {width:100%; height:auto; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; letter-spacing:2px; line-height:24px; font-weight:normal; padding:5px 0 10px 0; text-transform:lowercase;} body#green #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1, body#green #wrapper-outer #content_container div.left-content h2 {color:#86ae28;} body#blue #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1, body#blue #wrapper-outer #content_container div.left-content h2 {color:#85bfec;} body#purple #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1, body#purple #wrapper-outer #content_container div.left-content h2 {color:#624c6a;} body#green #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1 a { color:#86ae28; text-decoration:none; } body#blue #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1 a { color:#85bfec; text-decoration:none; } body#purple #wrapper-outer #content_container div.left-content div.each-blog-post div.top h1 a { color:#624c6a; text-decoration:none; } #content_container div.left-content div.each-blog-post div.top h1 a:hover { text-decoration:underline; } #content_container div.left-content div.each-blog-post div.top p { width:100%; height:auto; float: left; font-size:14px; color:#928d7b; line-height:23px; padding-bottom:30px; } #content_container div.left-content div.each-blog-post div.top div.wp-caption { width:auto; height:auto; float:left; padding-bottom:30px; } #content_container div.left-content div.each-blog-post div.top div.wp-caption img { float:left; display:block; border:3px solid #dcd29e; } #content_container div.left-content div.each-blog-post div.top div.wp-caption p.wp-caption-text { margin:0px; width:auto; height:auto; float:left; background-color:#dcd29e; padding:5px 10px; font-size:21px; color:#6a5a0e; font-family:"Courier New", Courier, monospace; } /* Right Content / Sidebar */ #content_container div.right-content { width:374px; height:auto; float:right; padding:0 8px 0 0; position:relative; z-index:10; } #content_container div.right-content div.each-sidebar-box { width:100%; height:auto; float:left; } #content_container div.right-content div.each-sidebar-box div.bottom { width:374px; height:64px; float:left; background-image:url(images/each-sidebar-bottom-bg.png); background-repeat:no-repeat; } #content_container div.right-content div.each-sidebar-box div.subscribe { width:100%; height:auto; float:left; padding:0 0 6px 0; } #content_container div.right-content div.each-sidebar-box div.subscribe a.rss-icon { width:auto; height:auto; padding-left:13px; float:right; } #content_container div.right-content div.each-sidebar-box div.subscribe a.mail-icon { width:auto; height:auto; padding:3px 0 0 13px; float:right; } #content_container div.right-content div.each-sidebar-box div.subscribe span { float:right; padding:5px 0 0 0; color:#7a6d38; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } #content_container div.right-content div.each-sidebar-box div.top { width:318px; height:auto; padding:27px 29px 0 27px; float:left; background-image:url(images/each-sidebar-top-bg.png); background-repeat:no-repeat; background-position:top; } #content_container div.right-content div.each-sidebar-box div.top h1 { text-transform:lowercase; width:100%; height:auto; float:left; font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; color:#caad26; padding-bottom:12px; letter-spacing:2px; font-weight:normal; } #content_container div.right-content div.each-sidebar-box div.top p.text { width:100%; height:auto; float:left; font-size:13px; color:#848484; line-height:20px; padding-bottom:14px; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount { width:299px; height:48px; float:left; background-image:url(images/donation-amount-bg.png); background-repeat:no-repeat; display:inline; margin-bottom:10px; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a { width:auto; height:35px; float:left; display:inline; text-align:center; font-size:20px; color:#6b5a0a; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a.one { float:left; padding:13px 0 0 0; width:60px; text-align:center; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a.two { float:left; padding:13px 0 0 0; width:70px; text-align:center; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a.three { float:left; padding:13px 0 0 0; width:80px; text-align:center; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a.four { float:left; padding:13px 0 0 0; width:85px; text-align:center; } #content_container div.right-content div.each-sidebar-box div.top div.donation-amount a:hover { text-decoration:underline; } #content_container div.right-content div.each-sidebar-box div.top div.each-dropdown { width:100%; height:auto; float:left; padding:0 0 12px 0; } /* Drop down styles*/ div.each-dropdown-wrapper { position:absolute; border:1px solid #ccc; margin:0px; margin-top:-1px; padding:0px; text-align:left; max-height:200px; overflow:auto; width:312px; } /*Drop down list styles*/ div.each-dropdown option { list-style-type:none; margin:5px 0; padding:10px 0; background-color:#fff; }/* Selected item in dropdown list*/ div.each-dropdown option ul li.selected { color:#d3ab08; } /* Hover state for dropdown list */ div.each-dropdown option:focused { background-color: #d3ab08; color:#fff; } /* Drop down list items style*/ div.each-dropdown select option.level-0 { list-style-type:none; display:block; margin:0; padding:8px 16px; font-size:14px; cursor:pointer; color:#a4a197; } /* Look and feel of select box */ .each-dropdown select { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px;/* Resize Font*/ width:310px; /* Resize Width */ height:48px; padding:14px 12px 14px 14px; display : block; text-align:left; background-repeat:no-repeat; cursor: pointer; color:#a4a197; border:0; line-height:48px; background-color:#fff; border:1px solid #eee; } #content_container div.right-content div.each-sidebar-box div.top div.links { width:312px; height:auto; float:left; padding:10px 0 15px 0; } #content_container div.right-content div.each-sidebar-box div.top div.links ul { width:auto; height:auto; float:left; list-style:none; padding:0; } #content_container div.right-content div.each-sidebar-box div.top div.links ul li { float:left; display:block; } #content_container div.right-content div.each-sidebar-box div.top div.links ul li a { width:278px; height:auto; float:left; font-size:13px; line-height:12px; color:#9c998d; text-decoration:none; padding:8px 17px; background-image:url(images/right-arrow-orange.gif); background-repeat:no-repeat; background-position:295px 9px; } #content_container div.right-content div.each-sidebar-box div.top div.links ul li a:hover { color:#d3ab08; } #content_container div.right-content div.each-sidebar-box div.top div.links ul li a.brown-bar { background-color:#ecebe4; } #content_container div.right-content div.widget_links div.top div { width:312px; height:auto; float:left; padding:10px 0 15px 0; } #content_container div.right-content div.widget_links div.top div ul { width:auto; height:auto; float:left; list-style:none; padding:0; } #content_container div.right-content div.widget_links div.top div ul li { float:left; display:block; } #content_container div.right-content div.widget_links div.top div ul li a { width:278px; height:auto; float:left; font-size:13px; line-height:12px; color:#9c998d; text-decoration:none; padding:8px 17px; background-image:url(images/right-arrow-orange.gif); background-repeat:no-repeat; background-position:295px 9px; } #content_container div.right-content div.widget_links div.top div ul li a:hover { color:#d3ab08; } #content_container div.right-content div.widget_links div.top div ul li a.brown-bar { background-color:#ecebe4; } /****************************/ /* footer container */ /****************************/ body#purple #footer-outer-wrapper {background-image:url(images/footer-bg-purple.jpg); width:100%; height:260px; float:left; background-repeat:no-repeat; background-position:top center; display:inline; padding:201px 0 0 0; margin-top:-135px; position:relative; z-index:1; } body#green #footer-outer-wrapper {background-image:url(images/footer-bg-green.jpg); width:100%; height:260px; float:left; background-repeat:no-repeat; background-position:bottom center; display:inline; padding:600px 0 0; margin-top:-513px; position:relative; z-index:1; } body#blue #footer-outer-wrapper {background-image:url(images/footer-bg-blue.jpg); width:100%; height:260px; float:left; background-repeat:no-repeat; background-position:bottom center; display:inline; padding:201px 0 0 0; margin-top:-135px; position:relative; z-index:1; } #footer-inner { width:1011px; height:auto; padding:0px 0 0 0; margin:auto; } #footer-inner div.footer-logo { width:auto; height:auto; float:left; padding:32px 0 0 45px; } /* footer nav */ #footer-nav { width:553px; height:83px; float:right; padding:0px 20px 0 0; } #footer-nav ul { width:auto; height:auto; float:left; padding:0 0 0 30px; list-style:none; } #footer-nav ul li { float:left; display:inline; } #footer-nav ul li a { width:100px; height:45px; padding:38px 0 0 0; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; text-decoration:none; color:#bfa323; letter-spacing:3px; text-transform:uppercase; text-align:center; } #footer-nav li a:hover { color:#6b5a0a; } #footer-inner p.copyright-text { width:95%; height:auto; text-align:left; padding:20px 0 0 30px; float:left; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:4px; } body#green #footer-inner p.copyright-text, body#green #footer-inner p.copyright-text a {color:#86ae28; text-decoration:none;} body#blue #footer-inner p.copyright-text, body#blue #footer-inner p.copyright-text a {color:#85bfec; text-decoration:none;} body#purple #footer-inner p.copyright-text, body#purple #footer-inner p.copyright-text a {color:#624c6a; text-decoration:none;} /****************************/ /* Blog page */ /****************************/ #content_container div.left-content div.blog-full-article { width:100%; height:auto; float:left; padding-bottom:40px; position:relative; z-index:20; } #content_container div.left-content div.blog-full-article div.text-article { width:100%; height:auto; float:left; padding-bottom:50px; } #content_container div.left-content div.blog-full-article div.text-article div.top { width:506px; height:auto; padding:30px 38px 0 58px; float:left; background-repeat:no-repeat; background-position:top; } body#purple #content_container div.left-content div.blog-full-article div.text-article div.top { background-image:url(images/blog-article-content-purple.png); } body#green #content_container div.left-content div.blog-full-article div.text-article div.top { background-image:url(images/blog-article-content-green.png); } body#blue #content_container div.left-content div.blog-full-article div.text-article div.top { background-image:url(images/blog-article-content-blue.png); } #content_container div.left-content div.blog-full-article div.text-article div.top div.time-total-comments { width:164px; height:35px; padding:0 0 0 32px; display:inline; margin-left:-32px; float:left; background-image:url(images/line-date-total-comments.gif); background-repeat:no-repeat; background-position:0 13px; color:#a29d8b; font-size:12px; letter-spacing:2px; clear:both; } #content_container div.left-content div.blog-full-article div.text-article div.top div.time-total-comments a { color:#a29d8b; text-decoration:none; } #content_container div.left-content div.blog-full-article div.text-article div.top div.time-total-comments a:hover { text-decoration:underline; } body#purple #content_container div.left-content div.blog-full-article div.text-article div.top h1 { width:100%; height:auto; float:left; color:#624c6a; font-family:Georgia, "Times New Roman", Times, serif; font-size:38px; letter-spacing:2px; line-height:48px; font-weight:normal; padding:5px 0 10px 0; } body#green #content_container div.left-content div.blog-full-article div.text-article div.top h1 { width:100%; height:auto; float:left; color:#86ae28; font-family:Georgia, "Times New Roman", Times, serif; font-size:38px; letter-spacing:2px; line-height:48px; font-weight:normal; padding:5px 0 10px 0; } body#blue #content_container div.left-content div.blog-full-article div.text-article div.top h1 { width:100%; height:auto; float:left; color:#85bfec; font-family:Georgia, "Times New Roman", Times, serif; font-size:38px; letter-spacing:2px; line-height:48px; font-weight:normal; padding:5px 0 10px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top p { width:100%; height:auto; float: left; font-size:14px; color:#928d7b; line-height:23px; padding-bottom:30px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.wp-caption { width:auto; height:auto; float:left; padding-bottom:30px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.wp-caption img { float:left; display:block; border:3px solid #dcd29e; } #content_container div.left-content div.blog-full-article div.text-article div.top div.wp-caption p.wp-caption-text { width:auto; height:auto; float:left; background-color:#dcd29e; padding:5px 10px; font-size:15px; color:#6a5a0e; font-family:"Courier New", Courier, monospace; margin:0px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.sociable { width:100%; height:auto; float:left; } #content_container div.left-content div.blog-full-article div.text-article div.top div.sociable .sociable_tagline { width:auto; float:left; font-size:13px; color:#6a5a0e; background-color:#dcd29e; padding:10px; font-family:Georgia, "Times New Roman", Times, serif; display:inline; margin-right:10px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.sociable ul li { float:left;display:inline; margin:8px 6px 0 0; overflow:hidden; list-style:none;} #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect1 { background-position:0 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect1 { background-position:0 -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect2 { background-position:-24px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect2 { background-position:-24px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect3 { background-position:-47px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect3 { background-position:-47px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect4 { background-position:-71px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect4 { background-position:-71px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect5 { background-position:-95px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect5 { background-position:-95px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect6 { width:22px; background-position:-118px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect6 { background-position:-118px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect7 { background-position:-139px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect7 { background-position:-139px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect8 { background-position:-162px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect8 { background-position:-162px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect9 { background-position:-184px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect9 { background-position:-184px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect10 { background-position:-208px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect10 { background-position:-208px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect11 { width:21px; background-position:-232px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect11 { background-position:-232px -16px; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a.connect12 { width:21px; background-position:-253px 0; } #content_container div.left-content div.blog-full-article div.text-article div.top div.share-story-online a:hover.connect12 { background-position:-253px -16px; } #content_container div.left-content div.blog-full-article div.comments-container { width:100%; height:auto; float:left; padding-bottom:50px; } #content_container div.left-content div.blog-full-article div.comments-container h1 { width:auto; height:auto; float:left; padding-left:28px; color:#6f6740; font-size:26px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; letter-spacing:2px; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment { width:100%; height:auto; float:left; padding:0 0 20px 0; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top { width:506px; height:auto; padding:40px 38px 20px 58px; float:left; background-image:url(images/blog-page-comments-bg.png); background-repeat:no-repeat; background-position:top; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.image-left { width:76px; height:73px; float:left; background-color:#e6e3d4; text-align:center; padding:3px 0 0 0; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.image-left img { border:1px solid #cac5b3; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text { width:365px; height:auto; float:left; display:inline; margin-left:20px; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.commentor-name-date { width:100%; height:30px; float:left; background-image:url(images/line-date-total-comments.gif); background-repeat:repeat-x; background-position:bottom; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.commentor-name-date p.name { float:left; font-size:12px; color:#624c6a; letter-spacing:2px; padding-right:15px; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.commentor-name-date p.name a { text-decoration:none; color:#624c6a; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.commentor-name-date p.date { float:left; font-size:12px; color:#a29d8b; letter-spacing:2px; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.comment p { width:100%; height:auto; float:left; font-size:14px; color:#928d7b; line-height:20px; padding:15px 0 0 0; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.comment p a { text-decoration:none; color:#8073af; display:block; } #content_container div.left-content div.blog-full-article div.comments-container div.each-comment div.top div.right-text div.comment p a:hover { text-decoration:underline; } #content_container div.left-content div.blog-full-article div.comment-form { width:100%; height:auto; float:left; padding-bottom:50px; } #content_container div.left-content div.blog-full-article div.comment-form h1 { width:auto; height:auto; float:left; padding-left:28px; color:#6f6740; font-size:26px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:10px; letter-spacing:2px; } #content_container div.left-content div.blog-full-article div.comment-form div.top { width:506px; height:auto; padding:40px 38px 20px 58px; float:left; background-image:url(images/blog-page-comments-bg.png); background-repeat:no-repeat; background-position:top; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row { width:100%; height:auto; float:left; padding-bottom:13px; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row div.textbox { width:312px; height:48px; float:left; background-image:url(images/comment-form-textbox.jpg); background-repeat:no-repeat; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row div.textbox input.textbox { width:282px; height:auto; padding:17px 15px; border:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a4a197; background:none; letter-spacing:2px; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row div.textarea { width:488px; height:257px; float:left; background-image:url(images/comment-form-textrea.jpg); background-repeat:no-repeat; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row div.textarea textarea { width:458px; height:227px; padding:15px; float:left; border:0; font-size:14px; color:#a4a197; background:none; letter-spacing:2px; font-family:Arial, Helvetica, sans-serif; } #content_container div.left-content div.blog-full-article div.comment-form div.top div.each-row input.comment-btn { width:164px; height:49px; float:right; display:inline; background-image:url(images/comment-btn.jpg); background-repeat:no-repeat; border:0; cursor:pointer; margin:0 18px 0 0; font-size:0; line-height:0; text-indent:-9999px;} /* Images Gallery */ .text-article p a { border:3px solid #DCD29E; display:block; float:left; margin:0 20px 20px 0; overflow:hidden; width:100px; } .text-article p a img { width:125px; }