/*BACKGROUND IMAGE************/ body { background: url('http://www.triciahackney.info/websiteimages/cbbg.jpg'); background-attachment:fixed; background-color: #FFFFFF; /*if you want a solid color instead, erase "url('images/bg.jpg') repeat" and write in your color code "#333333"*/ font:14px 'Century Gothic', Arial, Helvetica, sans-serif; /*ENTRY FONTS*/ color:#472a0c; /*OVERALL TEXT COLOR*/ } /*LINK STYLES****************/ a { text-decoration:none; color:#e04b8d; } a:hover {text-decoration:none; color:#b8cf65;} a.commentsspecial { text-decoration:none; font:14px 'Century Gothic', Arial, Helvetica, sans-serif; /*ENTRY FONTS*/ color:#472a0c; /*OVERALL TEXT COLOR*/ } a.commentsspecial:hover {text-decoration:none;} /*LOGO IMAGE*****************/ #logo { height:70px; width:100%; background:#fff url('images/logo.jpg') no-repeat left; } /*MENU COLORS****************/ #menu { background:#fff; } #menu li a { font:11px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/ text-transform: uppercase; color:#222; /*MENU FONT COLOR*/ } #menu li a:hover { color:#7a7a7a; /*MENU FONT COLOR WHEN HOVERING*/ } /*BANNER COLORS*************/ #banner { height: 325px; /*BANNER HEIGHT in case you want to change it*/ overflow: hidden; } #slideshowbanner {background: #ffffff; width: 1000px; height: 250px;} /*TWITTER / SEARCH / RSS***/ .holder { background:#e9e6dd; } .holder .text strong { display:block; font-size:10px; color:#2c2c2c; font-weight:normal; line-height:17px; position:relative; margin:-4px 0 0; } .holder .text p { font-size:10px; color:#2c2c2c; line-height:17px; margin:0 0 5px; } /*POSTS*******************/ .title { /*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/ background:url(http://www.triciahackney.info/websiteimages/titleimage.jpg) no-repeat; padding:0 0 0 44px; margin-top: 20px; } /*POST TITLE FONT STYLE**/ .ti, .title h2 { margin:0; font-size:20px; font-family: 'Century Gothic', Arial, sans serif; font-weight:normal; line-height:20px; color:#472a0c; } /*DATE AND CATEGORY FONT STYLES*/ .title span a, .title span { color:#b8cf65; font-size:12px; font-weight:normal; line-height:24px; } /*COMMENT BOX**************/ .comment { /*COMMENT BOX BACKGROUND color*/ background:#e04b8d; } #commentbackground {background:#e04b8d; padding-left:8px} .text-box p span, .text-box p a { /*COMMENTER's LINK COLOR*/ color:#b8cf65; } .text-box p a:hover { /*COMMENTER's LINK COLOR*/ color:#ffffff; } .comment { width:970px; /* proposed change by JAY width: 810px*/; margin:0 15px 58px; padding:8px 0 4px; height:148px; overflow:auto; } #respond {padding-left:10px} .text-box {padding:0 12px;} .text-box p { font: 14px/30px 'Century Gothic', Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#b8cf65; margin:0; } /* NEXT / PREVIOUS PAGE ARROWS*/ .arrows { list-style:none; margin:0; padding:0; height:1%; overflow:hidden; background:#ffffff; } .arrows li { font:10px/25px Verdana, Arial, Helvetica, sans-serif; color:#472a0c; text-transform:uppercase; } .arrows li.prev { float:left; padding:0 0 0 29px; } .arrows li.next { float:right; padding:0 16px 0 0; } .arrows li a { color:#472a0c; text-decoration:none; } .arrows li a:hover {text-decoration:underline;} /*FOOTER LINKS*/ #footer { width:1000px; font:10px/25px 'Century Gothic', Tahoma,Verdana, Arial, Helvetica, sans-serif; color:#e04b8d; text-align:center; /* height: 50px; */ margin:0 auto; } #footer p {margin:0; font:10px} #footer a, #footer a:hover, #footer a:visited { text-decoration: none; color: #b8cf65; font:10px } /*NAVIGATION for single posts*/ .navigation { width: 970px; padding-left: 15px; } .alignleft {float: left;} .alignright {float: right;} .clear {clear: both;} /*Edit only if you dare*/ body { margin:0; } img {border-style:none;} input, textarea, select{ font:100% arial,sans-serif; vertical-align:middle; } form,fieldset{ margin:0; padding:0; border-style:none; } #outerwrapper { margin:0 auto; width: 1020px; background:url(images/bg_shadow.png) repeat-y; } /*main container*/ #main { margin:0 auto; width: 1000px; padding:0px 0 20px; } /*header*/ #menu { list-style:none; margin:0; padding:0 0 0px 15px; height:1%; } #menu:after { content:" "; display:block; clear:both; } #menu li { padding:8px 30px 0px 30px; float:left; } #menu li a { height:25px; float:left; text-align:center; text-decoration:none; } #menu li.hover a, #menu li:hover a, #menu li.hover, #menu li:hover { position: relative; } #menu li.hover ul, #menu li:hover ul { display: block; } #menu ul { padding:14px 0 6px; margin:0; list-style:none; width:147px; display: none; position: absolute; left: 0; top: 100%; background:#e9e6dd; } #menu ul li { padding:0 10px 0 17px; width:120px; } #menu ul li a { text-align:left; width:100%; background:none; color:#7a7a7a; line-height:18px; height:auto; display:block; } #menu ul li a:hover {color:#000;} .holder { padding:20px 15px 20px; width:970px; overflow:hidden; } .holder ul { list-style:none; margin:0; padding:0; height:1%; overflow:hidden; } .holder ul li {float:left;} .holder .text { width:420px; padding:0 64px 0 17px; } .holder ul li.search { padding:0 67px 0 95px; width:187px; } .holder ul li.search label { color:#2b2b2b; font-size:10px; line-height:10px; display:block; text-transform:uppercase; padding:0 0 9px; } .holder ul li.search span { background:url(images/search.gif) no-repeat; display:block; width:171px; height:33px; padding:6px 8px 0; } .holder ul li.search span input { background:none; border:0; width:171px; } .holder ul li.rss {padding: 11px 0 0 49px;} .holder ul li.rss a { display:block; width:43px; height:44px; overflow:hidden; text-indent:-9999px; background:url(images/rss.png) no-repeat; } /*content*/ #content { width:1000px; background:#fff; padding: 1px 0 0; } .post { padding:0 15px; overflow:hidden; } .post p { line-height:25px; margin:0 0 22px; font-size: 14px; } .image { display:block; margin:0 0 19px; } .image img, img { display:block; margin:0 auto; } .content-box { width:970px; padding:0 15px 10px; overflow:hidden; } .coment { list-style:none; margin:0; padding:0; float:left; overflow:hidden; height:1%; position:relative; } .coment li { background:url(images/comments-divider.gif) no-repeat 0 50%; padding:0 19px 0 21px; position:relative; float:left; font:10px/25px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif; margin:0 19px 0 -21px; font-weight: bold; } .coment li a { color:#82817d; text-decoration:none; outline:none; } .coment li a:hover {text-decoration:underline} .links { list-style:none; margin:0; padding:0 2px 0 0; float:right; } .links li { float:left; padding:0 6px 0 0; } * html .links li { float:left; width: 15px; padding:0 6px 0 0; } * +html .links li { float:left; width: 15px; padding:0 6px 0 0; } /*new-comment*/ .new-comment { width:640px; padding:0px 0 0 257px; } .form { width:436px; padding:0px 35px 30px 28px; background:#fff;------ } .form label { display:block; color:#472a0; font:14px/16px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif; } .form-box { width:100%; overflow:hidden; } .left-box { float:left; width:232px; padding:2px 0 0; } .right-box { float:right; width:200px; } .right-box textarea { width:178px !important; height:109px !important; padding:10px !important; overflow:auto !important; border:1px solid #ccc !important; } .form .line { padding:0 0 17px !important; } .form .line input { width:186px !important; border:1px solid #ccc !important; padding:1px 6px !important; } .form .cancel { display:block; width:38px; height:12px; overflow:hidden; background:url(images/cansel.gif) no-repeat; text-indent:-9999px; } .form .bottom { height:1%; overflow:hidden; padding:8px 0 0 144px; } .form .bottom input { float:left; margin:0 19px 0 0; padding:2px 0 0; } .log_admin{ padding-left: 234px; } .title a { text-decoration: none; } .comment_form input, .comment_form textarea, .input { border:1px solid #ccc !important; } .comment_form{ padding-left: 257px; width: 432px; } .comment_form .submit{ border: none !important; } .inner { padding: 20px; } .coment{ text-transform: uppercase; } /*CUSTOM CSS*********************/ /*CUSTOM CSS - Header ***********/ #header img {display:none;} #menu {display:none;} .holder {display:none;} #logo {display:none;} #topbanner {background:url(http://www.triciahackney.info/websiteimages/topbanner.jpg) no-repeat; width:1000px; height: 100px; display: none;} #slideshowbanner {height: 394px; background: #ffffff; display: none;} #topbannercb {background:url(http://www.triciahackney.info/websiteimages/bannercb.png) no-repeat; width:1000px; height: 100px; display: block;} #slideshowbannercb {height: 394px; background: #ffffff; display: block;} /*CUSTOM CSS - Removes the Bookmark Logic *******/ div.sexy-bookmarks {display: none;} div.sexy-bookmarks-expand {display: none;} /*CUSTOM CSS - Removes the bottom content box *******/ .content-box {display: none;} .nocomments {display: none;} .arrows {display: none;} #customNavContainer { text-align: left; background: #e04b8d; height: 30px;} #customNav { font-family: ''Century Gothic'', Tahoma, sans-serif !important; font-size: 18px; color: #ffffff !important; list-style-type: none; padding: 0; margin: 0; padding-top: 3px; padding-left: 5px;} #customNav li { display: inline; } #customNav li a, #customNav li a:active, #customNav li a:visited, #customNav li a:link { font-family: ''Century Gothic'', Tahoma, sans-serif !important; font-size: 18px; color: #ffffff !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} #customNav li a:hover { font-family: ''Century Gothic'', Tahoma, sans-serif !important; font-size: 18px; color: #b8cf65 !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} #customNavL { width: 650px; text-align:left; float: left; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; background-color: #e04b8d; border: 0px solid #00ff00; } .headerspacer {width: 200px; background-color: #e04b8d;} #customNavR { background-color: #e04b8d; text-align: right; padding-right: 100px; width: 300px;} #customNavR a, #customNavR a:active, #customNavR a:visited, #customR a:link { font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 20px; color: #b8cf65 !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} #customNavR a:hover { font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 20px; color: #ffffff !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} /*CUSTOM CSS - Footer Divisions *********/ #footer {display:block;} #sitefooter {display:block;} #webfooter {display:block; } .sitefooterfb {background:url(http://www.triciahackney.info/websiteimages/fbicon20.jpg) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;} .sitefooterfb a, .sitefooterfb a:link, .sitefooterfb a:visited, .sitefooterfb a:hover, .sitefooterfb a:active {text-decoration: none;} .postend { background-color: transparent; background-image: url(http://www.triciahackney.info/websiteimages/postborder.jpg); background-repeat: no-repeat; background-attachment: scroll; height: 25px; width: 970px; margin-left: 15px; background-position: top center;} .postmetadata { font-size: 12px; padding: 0px; font-family: 'Century Gothic', Tahoma, Arial, Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; } .postmetadata a { color:#e04b8d; text-decoration:none; outline:none; } .postmetadata a:hover {text-decoration:none; color: #b8cf65; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } .center {text-align: center;} .center2 { display: block; margin-left: auto; margin-right: auto; } /* =================== ADDED FOR ARCHIVE LISTINGS (Rob Smith - rob@quirky-bird.com) */ .archiveList { width:950px; list-style:none; margin:0 25px 0 25px; padding:0; float:left; overflow:hidden; position:relative; height: 40px; padding: 3px 0 3px 0; background-color: #e04b8d; } .archiveList li { color: #472a0c; width: 73px; text-align:center; position:relative; float:left; font:12px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif; height: 30px; padding: 4px; } .archiveList a, .archiveList a:visited { color:#000000; text-decoration:none; } .archiveList li a:hover {text-decoration:underline} .archiveYear { border-right:solid 1px; color: #472a0c; } /*CUSTOM CSS - Portfolio Page *********/ #contentcontainerport { width: 960px; height: 235px; text-align:left; margin: 0 auto; margin-top: 25px; margin-bottom: 5px; background-color: transparent; border-style:double; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e04b8d; border-right-color: #e04b8d; border-bottom-color: #e04b8d; border-left-color: #e04b8d; } /*CUSTOM CSS - Footer Divisions *********/ #footer {width: 1000px; margin-bottom: 10px; display:none;} #sitefooter {display: block; width: 1000px; height: 200px;} .sitefooterfb {background:url(http://www.triciahackney.info/websiteimages/fbicon20.jpg) no-repeat; width:50px; height:50px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px; } .sitefooterfb a, .sitefooterfb a:link, .sitefooterfb a:visited, .sitefooterfb a:hover, .sitefooterfb a:active {text-decoration: none;} .sitefootertw {background:url(http://www.triciahackney.info/websiteimages/twicon20.png) no-repeat; width:50px; height:50px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;} .sitefootertw a, .sitefootertw a:link, .sitefootertw a:visited, .sitefootertw a:hover, .sitefootertw a:active {text-decoration: none;} .sitefooterrss {background:url(http://www.triciahackney.info/websiteimages/rsicon20.png) no-repeat; width:50px; height:50px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;} .sitefooterrss a, .sitefooterrss a:link, .sitefooterrss a:visited, .sitefooterrss a:hover, .sitefooterrss a:active {text-decoration: none;} .ContentTextFooter { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #000000;} .ContentTextFooter a { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooter a:link { font-family: font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooter a:visited { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooter a:hover{ font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #b8cf65;} .ContentTextFooter a:active { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooterSmall { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #000000;} .ContentTextFooterSmall a { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooterSmall a:link { font-family: font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooterSmall a:visited { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #e04b8d;} .ContentTextFooterSmall a:hover{ font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #b8cf65;} .ContentTextFooterSmall a:active { font-family: Times New Roman, Tahoma Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: none; color: #e04b8d;} /*CUSTOM CSS - Club Bliss Page *********/ #contentcontainercb { width: 960px; height: 1175px; text-align:left; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; background-color: transparent; border-style:double; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #6a5238; border-right-color: #6a5238; border-bottom-color: #6a5238; border-left-color: #6a5238; } #leftcontentcb { border: transparent; float:left; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 420px; height : 1175px; margin-top: 0px; margin-right: 0px; margin-bottom: 17px; margin-left: 8px; border-style:double; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #6a5238; border-right-color: #6a5238; border-bottom-color: #6a5238; border-left-color: #6a5238; } #rightcontentcb { border: transparent; float: right; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 480px; height : 1175px; text-align: left; margin-top: 0px; margin-right: 8px; margin-bottom: 17px; margin-left: 0px; border-style:double; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #6a5238; border-right-color: #6a5238; border-bottom-color: #6a5238; border-left-color: #6a5238; }