/* Theme Name: Caty Cat theme Theme URI: http://blogs.catydesign-studio.com Description: css style designed by Caty Design Studio. Author: Caty Ng Author URI: http://blogs.catydesign-studio.com Tags: cat, custom header, two columns, widgets See it, learn from it BUT do not copy the design, images, positioning, styling of color and typography. This is copyright Caty Design Studio and may NOT be reproduced! */ * { margin: 0; padding: 0;} body{ font: 62.5%/160% Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; margin: 0; padding: 0; text-align: center; background: #000000 url(images/catyb_hdrtop.gif) repeat-x; height: 250px;} a { outline: none; } a:link { color: #efbb05; text-decoration: none;} a:visited { text-decoration: none; color: #666666;} a:hover {color: #FF9900; text-decoration: underline;} h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.1em;} h1 { font-size: 2em;} h2 { font-size: 1.8em;} h3 { font-size: 1.5em; } h4 { font-size: 1.4em; } h5, h6 { font-size: 1.2em; } h6 { padding-left: 1em; padding-bottom: 0.5em; padding-top: 1em;} .infos { font-weight: normal;} img, a img { border:none;} /* Begin Various Tags & Classes */ hr { display: none; } hr.hidden { margin: 0; padding: 0; clear: both; visibility: hidden;} .hidden { display: none;} .clear { clear: both;} .clearfix:after {content: "."; display: block; height: 0; visibility: hidden; clear: both;} .clearfix { display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } code { background-color: #313131; padding: 1em; display:block; border: 1px dashed #666666; margin: 1em; font: 100% Geneva, Arial, Helvetica, sans-serif;} em.quote { display: block; padding-top: 1em; padding-bottom: 1em; } blockquote { padding-left: 2em; background: transparent url(images/catyb_iblockq.gif) no-repeat left top; padding-right: 3em; padding-top: 1em; margin: 0 0 0 1em; color: #696969; display: block;} blockquote cite { margin: 5px 0 0; display: block; } .center, .nocomments { text-align: center; } .error, .nocomments, .important { color: #FF6666; background-color:transparent; font-size: 1.2em; text-decoration: none;} .quoted { color: #FF6666; background-color:transparent; text-decoration: none;} .strike { text-decoration: line-through; } h3.error { text-align: center; padding-bottom: 2em; background: transparent url(images/catyb_divdot.gif) repeat-x left center;} ul#errorpage { padding-left: 1.5em; list-style: none; font-size: 1.2em;} ul#errorpage li { background: transparent url(images/catyb_iarrowo.gif) no-repeat scroll left center; line-height: 2em; text-indent: 1.5em; vertical-align: middle; list-style: none;} /* Header */ #header { height: 250px; width: 980px; margin: 0 auto;} #header h1{ width: 980px; font: 0.1em Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; margin: 0; padding: 0; height: 250px; background: transparent url(images/catyb_hdr.jpg) no-repeat; text-align: left;} #header h1 a { text-indent: -10000em; height: 235px; width: 300px; display: block; text-decoration: none;} /* Main navigation */ #mainnav { margin: 0; padding: 0; width: 100%; background: transparent url(images/catyb_navbg.gif) repeat-x;} #mainnav .tagani { background: transparent url(images/catyb_tagani.gif) no-repeat; position: absolute; height: 96px; top: 250px; z-index: 10; width: 63px; left: 70%; } #mainnav ul { list-style: url(none) none outside; background: transparent url(images/catyb_nav.gif) no-repeat; margin: 0 auto; padding: 0; height: 50px; left: 0; width: 980px; text-align: left; position: relative;} #mainnav ul li { margin: 0; padding: 0; list-style: url(none) none outside; position: absolute;} #mainnav ul li, #mainnav a { height: 50px; display: block; } #mainnav ul li a { text-indent: -10000em; text-decoration: none; } #home { width: 150px; left: 50px;} #archive { width: 150px; left: 230px;} #portfolio { width: 150px; left: 410px;} #resource { width: 150px; left: 590px;} #home a:hover { background: transparent url(images/catyb_nav.gif) no-repeat scroll -50px -50px;} #archive a:hover { background: transparent url(images/catyb_nav.gif) no-repeat scroll -230px -50px;} #portfolio a:hover { background: transparent url(images/catyb_nav.gif) no-repeat scroll -410px -50px;} #resource a:hover { background: transparent url(images/catyb_nav.gif) no-repeat scroll -590px -50px;} /* Center Content Section */ #centerwrapmain, #centerwrap { text-align: left; width: 980px; margin: 4em auto 0pt; clear: both; font-size: 1.1em; line-height: 1.8em; position: relative;} #centerwrapmain { background: transparent url(images/catyb_cbg.gif) scroll center top;} #centerwrap { background: transparent url(images/catyb_cbg2.gif) scroll center top;} #centersectmain, #centersect { padding: 3em 2em 2em 2.5em; position: relative;} #centersectmain { background: transparent url(images/catyb_ctop.gif) no-repeat left top;} #centersect { background: transparent url(images/catyb_ctop2.gif) no-repeat left top;} #centersectmain p, #centersect p { padding: 0 0.5em 0.8em 1em;} #bottwrapmain, #bottwrap { height: 100px; width: 980px;} #bottwrapmain { background: transparent url(images/catyb_cft.gif) no-repeat;} #bottwrap { background: transparent url(images/catyb_cft2.gif) no-repeat;} .rss { text-align: right; margin-bottom: 1em;} .rss a { background: transparent url(images/catyb_irss.gif) no-repeat right center; padding-right: 2em; display: block; height: 17px;} .rss a:hover { text-decoration: none;} .rsssub { padding: 0; margin: 3em 0px 3em 1em; } .rsssub a { text-indent: -10000em; display: block; height: 35px; width: 217px;} div.date { padding-left: 17px; padding-bottom: 0.8em;} .date { font-family: Arial, Helvetica, sans-serif; color: #000000; float: left; height: 53px; width: 53px; background: transparent url(images/catyb_idate.gif) no-repeat; margin-right: 0.5em; padding-left: 2px;} .date span.month, .date span.year { font-size: 9px; display: block; margin: 0 0 -6px; text-transform: uppercase; padding-left: 3px;} .date span.month { padding-top: 2px;} .date span.day { font-size: 18px; display: block; margin-bottom: -6px; font-weight: bold; padding-left: 2px; color: #990000;} .post { margin: 1em 0; padding-left: 0.8em; padding-right: 0.5em; padding-bottom: 2em;} .post hr { display: block; } .post h2 { color: #efbb05; font-weight: normal; line-height: 1.2em; padding-top: 0.6em; } .post h3 { padding-left: 1em; line-height: 2em;} .post h2 a, .post h3 a , .post h2 a:visited, .post h3 a:visited { color: #efbb05; text-decoration: none;} .post h2 a:hover , .post h3 a:hover {color: #FF9900;} .entry { margin-top: 2em; padding-bottom: 6em; background: transparent url(images/catyb_divarchive.gif) no-repeat center bottom;} .entrymain { margin-top: 2em; padding-bottom: 2em;} .entry p, .entrymain p { font-size: 1.2em;} a.more-link { background: transparent url(images/catyb_iarrowo.gif) no-repeat right center; float: right; padding-right: 1.3em;} a.more-link:hover { text-decoration: none;} a.permalink { background: url(images/catyb_ipermalink.gif) no-repeat; padding-left: 2.5em; color: #268AB0;} a.permalink:hover { text-decoration: underline;} a.su { background: transparent url(images/catyb_isu.gif) no-repeat; padding-left: 1.8em; padding-bottom: 2em;} a.su:hover { text-decoration: underline;} div.promote { font-size: 1em; font-weight: normal; background: #313131; border: 1px dotted #666666; margin-bottom: 1em; padding: 2px; text-align: center; margin-top: 1.5em;} p.digg { margin-left: auto; width: 60px; margin-right: auto;} p.divup { margin-top: 1em;} .divadd { margin-top: 0.5em; margin-bottom: 1.5em; } .nextsect { background: transparent url(images/catyb_divarchive.gif) no-repeat center; height: 33px; margin: 1em 0;} .toydiv { background: transparent url(images/catyb_divarchive.gif) no-repeat center top; padding-top: 3em; padding-bottom: 1em; font-weight: normal; font-size: 1.2em; margin-top: 1em; padding-left: 1em; padding-bottom: 2em; } .permal { float: right;} div.detail { background: transparent url(images/catyb_divdotsg.gif) repeat-x scroll left top; padding-top: 0.3em; padding-left: 0.8em; clear: both;} small.comment { float: right; color: #99ec13; background: transparent url(images/catyb_icomment.gif) no-repeat left center; padding-left: 1.8em; font: normal 0.6em Arial, Helvetica, sans-serif; margin-top: 0.6em;} span.commentmain { color: #99ec13; float: right;} span.commentmain a { background: transparent url(images/catyb_icomment.gif) no-repeat left; color: #A1ED26; padding-left: 1.8em;} span.commentmain a:hover { text-decoration: none; color: #FF9900;} .author, .filed { font-size: 1em; line-height: 1.8em; } .author { background: transparent url(images/catyb_iauthor.gif) no-repeat left center; padding-left: 1.4em; height: 18px; width: 13px;} .filed { background: transparent url(images/catyb_ifolder.gif) no-repeat; padding-left: 1.4em; margin-left: 0.8em; color: #666666;} p.tags { font-size: 1em; clear: both; margin-top:1em; } p.tags a { color: #999; } p.tags a:hover { color: #93E312; text-decoration: underline; } /* Left column */ .mainleft { width: 430px; float: left;} .subleft { width: 630px; float: left;} .cleft, .cright { width: 300px; margin-bottom: 2em;} .cleft { float: left; padding-left: 1em;} .cright { float: right;} /* Article Entry */ p.daytag img { float: left; border-style: none; background: transparent url(none); margin-left: -0.4em; margin-top: 1em;} .dayintro p { margin: 0!important;} .dayintro1 p { margin: 0.5em 0 0 4em!important; padding-bottom: 1px!important;} .dayintro1 img, .dayintro img, p.thumbn img, p.featured img { background-color: #313131; padding: 0.5em; border: 1px dashed #666666;} span.nodisp img { background: transparent url(none)!important; border:none!important; margin-bottom:0!important; padding: 0!important;} p.featured img { margin-bottom: 1.5em;} .dayintro img, .dayintro1 img { margin-bottom: 1.5em!important;} p.thumbns img { background-color: #313131; padding: 0.1em; border: 1px dashed #666666; margin-right: 0.3em;} ul#elink, ul.postList { padding-left: 2em; margin: 0 0 1em; list-style: none; } ul.postList { margin-left: 5em!important; font-size: 1.1em!important; margin-top: 1em!important; } ul#elink li, ul.postList li { background: transparent url(images/catyb_iarrowo2.gif) no-repeat left center; padding-left: 1em; list-style: none;} ul.postList li { padding-left: 1.5em!important; } blockquote.postbq { font: italic normal 1.1em/1.6em Georgia, "Times New Roman", Times, serif!important; margin-bottom: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 1em; padding-left: 1.5em!important; letter-spacing: 0.1em; } h3.articles { line-height: 3em; } /* Page styling */ h2#hdresource { background: transparent url(images/catyb_hdresource.gif) no-repeat; height: 54px; width: 197px; margin-bottom: 1em; color: #181818; text-indent: -100000em;} #relatedpost h6 { font-weight: normal; padding-bottom: 0; } #relatedpost ul { margin-left: 1.5em; } ul.reslink, #relatedpost ul { list-style: none;} ul.reslink li, ul#elink li, #relatedpost li { padding-left: 1.5em; background: transparent url(images/catyb_iarrowo2.gif) no-repeat left center;} /* Right column */ #mainright { float: right; width: 450px;} #subright { float: right; width: 265px;} .rightcol { float: left; width: 200px; margin-bottom: 2em;} .rightcol2 { width: 430px; margin-bottom: 2em; clear: both;} .divider { margin-right: 3em;} .subrightcol { width: 240px; margin-bottom: 1.5em; margin-left: 1.2em;} #latestwork { margin-top: 1em;} .archivesection, h2.pagetitle { background: transparent url(images/catyb_archivebg.gif) no-repeat center top; } .archivesection { margin-bottom: 3em;} #latestwork h2 { background: transparent url(images/catyb_iwork.gif) no-repeat; height: 52px; width: 172px; text-indent: -10000em;} #inspiringsite p, #resources p { color: #CCCCCC; text-decoration: none; padding-top: 0.5em; line-height: 1.4em;} #category h2, #archivemain h2, #resources h2, #featured h2 { height: 52px; width: 160px; text-indent: -10000em;} #archivemain h2 { background: transparent url(images/catyb_iarchives.gif) no-repeat;} #featured h2 { background: transparent url(images/catyb_ifeatured.gif) no-repeat;} #inspiringsite h2 { background: transparent url(images/catyb_isite.gif) no-repeat; height: 52px; width: 174px; text-indent: -10000em;} #resources h2 { background: transparent url(images/catyb_iresource.gif) no-repeat;} #category h2 { background: transparent url(images/catyb_icategory.gif) no-repeat;} #mainright #featured ul { position: relative; } #mainright #featured li { float: left; width: 200px; } .archivesection h2, h2.pagetitle { line-height: 1.8em; font-size: 1.6em; font-weight: normal; text-align: center; padding: 1em 0;} .ftleft ul, .ftleft2 ul { list-style: none; padding-left: 0.5em; padding-top: 1em;} .ftleft li a, .ftleft2 li a { color: #7E7E7E;} #category ul, #archivemain ul, #featured ul{ list-style: none; padding-left: 0.8em;} #category ul, #archivemain ul { padding-right: 0.5em;} #category li, #archivemain li, #featured li, #mleft li, #mright li { list-style: none; padding-top: 0.8em; background: transparent url(images/catyb_divdot.gif) repeat-x scroll left bottom; padding-left: 0.1em; padding-bottom: 0.1em;} #featured li a { color: #23BCF8;} #featured li a:hover { text-decoration: none; color: #FF9900;} #subright #featured h2 { margin-bottom: 0.5em; } p.featuredlist img { border: 1px solid #313131; margin-right: 0.5em; padding: 0.1em; } #advertisement { padding-left: 0.8em; padding-top: 1em; } #category li a:hover, #archivemain li a:hover { text-decoration: none; } #inspiringsite ul, #resources ul, #latestwork ul, .archivesection ul { list-style: none; } #latestwork ul { padding-bottom: 2em; } .archivesection ul { padding: 0 0.5em;} #inspiringsite li, #resources li, .ftleft li, .ftleft2 li, .archivesection li { background: transparent url(images/catyb_divdot.gif) repeat-x scroll left bottom; list-style: none;} #inspiringsite li a, #resources li a, .ftleft li a, .ftleft2 li a, .archivesection li a { display: block; padding: 0.5em;} #inspiringsite li a, #resources li a, small.commentno, .ftleft cite, small.rcommentno { color: #93E312;} #inspiringsite li a:hover, #resources li a:hover, .ftleft li a:hover, .ftleft2 li a:hover, .archivesection li a:hover { display: block; background: #282828 url(images/catyb_divdot.gif) repeat-x scroll left bottom; color: #FFFFFF; text-decoration: none;} #flickrbadge { margin-bottom: 2.5em; background: transparent url(images/catyb_iflickr.gif) no-repeat; height: 126px; width: 370px; margin-left: 0.5em; padding-left: 5em;} #flickrbadge ul { list-style: none;} #flickrbadge li { float: left; margin-top: 10px; margin-right: 3px;} #flickrbadge img { padding: 4px; background-color: #181818; } #sticky { background: transparent url(images/catyb_isticky.gif) no-repeat; width: 370px; margin-left: 0.5em; font-size: 1.1em; height: 120px; margin-bottom: 2.5em;} #sticky p { padding-left: 4em; padding-top: 3em;} #sticky ins, #stickynote ins { color: #93E312; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed;} #stickynote { background: transparent url(images/catyb_isticky240.gif) no-repeat; height: 120px;} #stickynote p { padding-left: 1em; padding-top: 3.8em;} small.info { color: #CCCCCC; padding-left: 0.6em; display: block; padding-top: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 1.8em;} #resources p.more { background: transparent url(images/catyb_imoreg.gif) no-repeat; height: 29px; width: 79px; float: right; margin-top: 1em;} #resources p.more a { text-decoration: none; text-indent: -10000em; display: block; height: 29px; width: 79px;} #resources p.more a:hover { background: transparent;} #latestwork li{ background: transparent url(images/catyb_iworkbg.gif) no-repeat; height: 139px; width: 346px; list-style: none; display: block;} #latestwork li a { border: 2px dotted #666666; display: block; margin-top: 3em; height: 78px; width: 315px; margin-left: 0.8em; position: absolute;} #latestwork li a:hover { border: 2px dotted #FFFFFF;} /* Sidebar menu */ #cate_arcmenu { width: 242px; height: 250px; margin-top: 3em; margin-bottom: 2.5em; } #mleft, #mright { width: 120px; background-color: #1A1A1A; } #mleft { float: left;} #mright { float: right;} #mleft h3 { background: url(images/catyb_tabcateg.gif) no-repeat; height: 42px; width: 120px; font-size: 1.2em; font-weight: normal; text-align: center; line-height: 1.8em; color: #EFBB05; } #mright h3 { background: url(images/catyb_tabarchi.gif) no-repeat; height: 42px; width: 120px; font-size: 1.2em; line-height: 1.8em; font-weight: normal; color: #23BCF8; text-align: center; } #mleft ul, #mright ul{ list-style: none; } #mleft li { padding-left: 0.6em; font: 1em Tahoma, Arial, Verdana; } #mright li { text-align: right; padding-right: 0.8em; font: 1em Tahoma, Arial, Verdana; } #mright li a { color: #23BCF8; text-decoration: none; } #mright li a:visited { text-decoration: none; color: #666666;} #mright li a:hover { color: #FF9900; text-decoration: none; } #mleft li a:hover { text-decoration: none; } .rtabbott { background: transparent url(images/catyb_tabarchibott.gif) no-repeat left bottom; height: 9px; width: 120px;} .ltabbott { background: transparent url(images/catyb_tabcategbott.gif) no-repeat left bottom; height: 9px; width: 120px;} /* Form Elements */ #searchmain { background: transparent url(images/catyb_isearchbg.gif) no-repeat;height: 71px; width: 366px; margin: 0 auto 2em; text-align: center;} #searchsub { background: transparent url(images/catyb_isearchbg2.gif) no-repeat;height: 71px; width: 262px; margin: 0 auto 0.5em; text-align: center;} #searchform { padding: 1.5em 0 0; display: block; } #searchform #s { width: 16em; text-decoration: none; color: #000000; background-color: #999999; border-top: 1px solid #6F6F6F; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #6F6F6F; font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 0.2em; height: 1.3em; } #searchsubmit { background: transparent url(images/catyb_isearch.gif) no-repeat; border: none; height: 23px; width: 23px; text-indent: -10000em; cursor:pointer; line-height: 0; vertical-align: top; } /* Recent post & Recent comment */ #bottpostwrap { background: #151515 url(images/catyb_ftbg.gif) repeat-x; margin: 0; padding: 0 0; font-size: 1.1em; color: #999999; text-decoration: none; clear: both; width: 100%;} #bpostcontent { text-align: left; width: 980px; margin: 0pt auto; background: transparent url(images/catyb_fttop.gif) no-repeat; padding-top: 6em; position: relative;} #bpostcontent p { padding-right: 2em; padding-left: 2em;} .ftleft, .ftleft2 { width: 280px; float: left; margin-left: 2em; padding-bottom: 2em;} .ftleft2 { padding-top: 1em;} .ftleft h4 { background: transparent url(images/catyb_irecpost.gif) no-repeat;} .ftleft h4, h4.recomment, #ftright h4 { text-indent: -10000em; height: 38px; width: 245px;} h4.recomment {background: transparent url(images/catyb_ireccomment.gif) no-repeat;} .ftleft cite { font-style: normal;} #ftright { float: right; width: 340px; padding-right: 1em;} #ftright p { margin-bottom: 1em;} #ftright h4 { background: transparent url(images/catyb_itagcloud.gif) no-repeat;} #ctc { font-family: Verdana, Arial, Helvetica, sans-serif; color: #22A6DB; text-align: center; line-height: 2em; padding: 1em 0em 2em 0.5em; background: transparent url(images/catyb_itagcloudbg.gif) no-repeat left top;} small, small.commentno, small.rcommentno { font: italic 1em/1.5em Arial, Helvetica, sans-serif; } small.commentno { padding-left: 2em;} small.rcommentno { float: right;} .ptitle { color: #F0BD12;} /* Footer */ #footer { margin: 0; padding: 1em 0; font-size: 1em; color: #999999; text-decoration: none; clear: both; width: 100%; background: transparent url(images/catyb_divft.gif) repeat-x; text-align: center;} #footer ul { list-style-type: none; list-style-image: none; list-style-position: outside; padding-top: 1em; margin-right: auto; margin-left: auto;} #footer li { border-left: 1px solid #CCCCCC; padding: 0 0.8em; display: inline; } #footer li.first { border: 0 none ; } #footer a { color: #CCCCCC; text-decoration: none; letter-spacing: 0.1em;} #footer a:hover { color: #FF9900; text-decoration: none;} #copyright { padding: 0.5em 0px;} #copyright, #copyright a:link, #copyright a:visited { color: #999999; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:transparent;} #copyright a:hover { color: #FF9900; text-decoration: none;} #copyright span { padding-left: 2em;} #w3c img { padding-right: 1em; padding-left: 0; margin: 0;} /* Comments paged */ h3#comments { padding: 0.5em 0 0 2.5em; background: transparent url(images/catyb_icommentposted.gif) no-repeat; height: 45px; width: 269px; margin-top: 1em; font: normal 1.8em "Trebuchet MS", Verdana, Arial; } h3#comments a { display: block; width: 200px; height: 30px; margin-left: -2em; padding-left: 2.5em;} h3#respond { padding: 0; background: transparent url(images/catyb_icommentleave.gif) no-repeat; height: 45px; width: 269px; text-indent: -10000em; color: #181818; margin: 1em 0;} p.comment-page-numbers { text-align: right; margin-bottom: 1em;} .commentwrap { background: transparent url(images/catyb_divdotsg.gif) repeat-x left bottom; margin-bottom: 2em; padding-bottom: 1.5em;} .commentwrap p { font-size: 1.2em;} .alt { background: #1D1D1D url(images/catyb_divdotsg.gif) repeat-x left bottom; } .catalt { background: #780127 url(images/catyb_divdotsg.gif) repeat-x left bottom; } .catalt2 { background: transparent url(images/catyb_commentbg2.gif) no-repeat left top;} .catalt2 cite, .catalt2 cite a:link, .catalt2 cite a:visited { color: #FF6666; text-decoration: none; background-color:transparent;} p.commentdate { font-size: 1em; padding-left: 1em; margin-top: 1em; color: #797979;} p.commentdate2 { font-size: 1em; padding-left: 1em; margin-top: 1em; color: #FF719B;} .commenterinfo, .catalt2 { width: 630px; padding-top: 16px; height: 50px; margin-bottom: 1.5em;} .commenterinfo { background: transparent url(images/catyb_commentbg.gif) no-repeat left top; } .commenterinfo cite, .catalt2 cite { font: 1.2em "Trebuchet MS", Verdana, Arial; letter-spacing: 0.1em;} .commenterinfo cite, .commenterinfo cite a:link, .commenterinfo cite a:visited { color: #93E312; text-decoration: none;} .commenterinfo cite a:hover, .catalt2 cite a:hover { text-decoration: underline;} .commentmetadata { margin: 0; display: block; font-weight: normal; } small.commentmetadata { font-weight: normal; display: inline; font-size: 1.1em; } .comment-number { color: #333333; padding-left: 55px; height: 20px; width: 30px; padding-right: 2em; margin: 0; font: bold 1em Verdana, Arial, Helvetica, sans-serif; background: transparent;} ul.note { color: #FF6666; background: #1D1D1D; border: 1px dashed #666666; margin-bottom: 1em; padding-top: 1em; padding-bottom: 1em; width: 90%;} ul.note li { padding-left: 1em; list-style: square inside;} ul.note ul { list-style: none; padding: 0; margin: 0 0 1em 2em;} ul.note ul li { list-style: none; color: #93E312; margin: 0; padding: 0;} #commentform div { clear:left; margin: 0.5em 0;} #commentform label { float:left; width: 39%; margin-left: 10px; letter-spacing: 0.1em;} #commentform span { font-size: 0.85em; color: #93E312;} #commentform input, #commentform textarea, #commentform label {color: #CCCCCC; font: normal 1.2em/150% "Trebuchet MS", Verdana, Arial; } #commentform input { width: 22.4em; margin-bottom: 0.5em;} #commentform input, #commentform textarea { padding: 0.2em; background: #2C2C2C; border: 1px solid #4E4E4E;} #commentform textarea { width: 90%;} #commentform #submit { margin: 0 9% 0 0; float: right; cursor:pointer; height: 2em; width: 12em; padding: 2px;} #commentform #submit:hover { border: 1px solid #FFAAAA; color: #000000; background-color: #FF6666; cursor:pointer;} /* Begin Calendar */ #calendar { padding-left: 0.8em; background: transparent url(images/catyb_icalendarbg.gif) no-repeat left bottom; } #wp-calendar { empty-cells: show; width: 20em; border: 1px solid #2D2D2D; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; color: #23BCF8; } #wp-calendar a:hover { text-decoration: none; color: #FF9900; } #wp-calendar caption { width: 100%; font-size: 1.2em; line-height: 1.8em; color: #23BCF8; text-align: center; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar th { text-align: center; } #wp-calendar thead { background-color: #23BDF8; color: #FFFFFF; } /* End Calendar */ /* css style designed by Caty Design Studio http://www.catydesign-studio.com */