/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* === PAGE LAYOUT & COLOURS === */ body { background:#99cc33 url(images/bg.gif) repeat-x; color:#312F2F; font-family: Myriad Pro, Helvetica, Arial, sans-serif; } /*---:[ global elements ]:---*/ .custom a { color:#cc3333; outline:none } .custom a:hover { text-decoration:none } .custom #page { padding-top:0 } .custom ul { list-style-type:square } .custom #header_area, .custom p.to_comments, .custom #comments span.bracket, .custom .comments .says { display:none } .custom h3 a:hover, .custom h4 a:hover, .custom h5 a:hover, .custom .post p.headline_meta a:hover, .custom .teasers_box a.teaser_comments:hover, #foot p a:hover, .custom dl#comment_list, .custom dl#trackback_list { border:0 } #rss a:hover, #media_box p a:hover, #sum #surround .content a:hover, #author p a:hover, .custom .blogroll a:hover, .custom .popular p a:hover, #feed_box p#twitter a:hover { text-decoration:underline } #content ::selection { background: #669900; color: #FFF; } #content ::-moz-selection { background: #669900; color: #FFF; } /*---:[ headline styling ]:---*/ .custom h1, .custom h2 { font:bold 35px Myriad Pro, Helvetica, Arial, sans-serif; line-height:0.9em; letter-spacing:-1px; text-decoration:none } .custom h1 a, .custom h2 a { color:#cc3333; } .custom h3 a { color:#cc3333; text-decoration: underline } .custom h3 a:hover { color:#312F2F !important; text-decoration:none } .custom h1 a:hover, .custom h2 a:hover, .custom h3 a:hover { color:#669900 } .custom h3 { color:#312F2F; font:bold 2em Myriad Pro, Helvetica, Arial, sans-serif; letter-spacing:-1.5px; line-height:1em; margin:0 0 7px 0; text-decoration:none } .custom h4 { color:#669900; font:bold 1.5em Myriad Pro, Helvetica, Arial, sans-serif; letter-spacing:-0.3px; padding:0 0 5px 0; text-decoration:none } .custom h5 { color:#5C5A5A; font:bold 1.3em Myriad Pro, Helvetica, Arial, sans-serif; letter-spacing:-0.3px; padding:0; text-decoration:none; text-transform:none } .custom h4 a, .custom h5 a { text-decoration: underline; } /*---:[ core layout elements ]:---*/ .custom #content_box { background:#FFF url(images/sidebarbg.gif) repeat-y 66.4em 0; border:1px solid #0A0A0A } .custom #content { border-right:1px solid #0A0A0A } /*---:[ header styles ]:---*/ #head { height:195px } .custom #head .page { position:relative } #rss { background:url(images/header_rss.gif) top right no-repeat; color:#888; font:normal 11px Myriad Pro, Helvetica, Arial, sans-serif; height:38px; letter-spacing:1px; padding:8px 4.2em 0 0; position:absolute; right:14px; top:0; text-transform:uppercase } #rss a { color:#CCC } .custom ul#tabs { border:0; height:26px; list-style:none } .custom ul#tabs li { background:none; border:0; float:left; padding-top:2px } .custom ul#tabs li a { border-right:1px solid #1C1B1B; color:#F1F1F1; display:block; text-transform:uppercase } .custom ul#tabs li a:hover { background:#424040; text-decoration:none } .custom ul#tabs li.current_page_item a { background:#424040; cursor:default } .custom ul#tabs li.current_page_item a:hover { text-decoration:none } .custom #logo a { background:url(images/honey.png) no-repeat; display:block; height:250px; text-indent:-9999px; } .custom h1#tagline, .custom p#tagline { color: #cc3333; text-shadow:#cc3333 3px solid; font: bold 20.7px Rockwell, Myriad Pro, Helvetica, Arial, sans-serif; /* margin: -33px 0 12px 3.6em; */ position: absolute; top: 220px; right: 352px; text-transform: uppercase; } .custom p#tagline { letter-spacing: -1px; } ul#tabNav { height:70px; list-style-type:none; width:999px } #tabNav li { display:inline; float:left; margin:9px 50px 0 0 } #tabNav li a { color:#F1F1F1; display: block; font-size: 11px; height:70px } #tabNav li a:hover, #tabNav p.archives:hover { color:#ccff99 } #tabNav li p { color:#111; font:bold 2.8em Myriad Pro, Helvetica, Arial, sans-serif; letter-spacing:-1px } #tabNav li p:hover { color:#fff; text-shadow: 1px 1px 1px #669966; } #tabNav p.archives { color:#F1F1F1 } p#breadcrumb { color:#333; font:normal 12px Helvetica, Arial, sans-serif; margin:17px 0 15px 0; text-transform:uppercase } p#breadcrumb a { border-bottom:1px solid #545454; color:#cc0000 } p#breadcrumb a:hover { border:0 } /*---:[ post styles ]:---*/ .custom .post li { margin:15px 0 0 1em; list-style-position:outside } .custom blockquote { background:#3a3a3a url(images/blockquote.gif) no-repeat; border:1px solid #000; color:#F1F1F1; font-style:italic; margin:7px 0; height: 50px; height: auto !important; margin-bottom: 25px; min-height:50px; -moz-border-radius:5px; padding:1em 1em 0 5.6em; -webkit-border-radius:5px } .custom .post img.frame { padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px } .custom .top, .custom .post_box { background:#FFF url(images/post_grad.gif) repeat-x; border-top:1px solid #F8BBBB; margin:0 1px } .custom .post_box { padding:15px 15px 0 15px } .custom .post p.headline_meta { font-style:normal; margin-top:3px; text-transform:uppercase } .custom .post p.headline_meta a, .custom .teasers_box a.teaser_comments { border-bottom:1px solid #CCC; color:#888 } #media_box {/*background:#FFF url(images/post_box_bottom.gif) repeat-x bottom;*/ clear:both; margin:0 -15px; overflow:hidden; position:relative } #media_box p { float:right; margin:0; padding:0 17px 17px 0 } #media_box p a { font-size:12px; text-decoration:none; text-transform:uppercase } #media_box p a.rss { background:url(images/mini_rss.gif) 0 50% no-repeat; padding:10px 0 10px 25px } .custom .prev_next { display:none } #singlenav { background:#FFF url(images/blackGrad.gif) repeat-x; border-top:1px solid #BBB; clear:both; font-size:12px; overflow:hidden; padding:2em } #singlenav a { font-size:12px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#444343 } #singlenav a:hover { border-bottom:5px solid #669900 } #singlenav h5 { font-size:1.5em; padding-bottom:5px; text-transform:uppercase } #singlenav #previous { float:left; text-align:left; width:45% } #singlenav #next { float:right; text-align:right; width:45% } #sum { padding:15px } #sum ul.nav { font:bold 19px Myriad Pro, Helvetica, Arial, sans-serif; list-style-type:none } #sum ul.nav li { background:#FFF url(images/sum_paragraphs.gif) repeat-x; border:1px solid #E1E1E0; border-bottom:0; color:#888; cursor:pointer; display:inline; float:left; margin-right:10px; padding:10px } #sum ul.nav li.active { background:#C22929 url(images/sum_active.gif) repeat-x; border:1px solid #831717; border-bottom:0; color:#FFF; cursor:default } #sum #surround { background:#C22929 url(images/sum_surround.gif) repeat-x; border:1px solid #831717; clear:both; font-size:14px; padding:5px } #sum #surround h4 { border-bottom:1px dashed #AAA; margin:5px 15px; padding:15px 0 3px 0 } #sum #surround p { line-height:1.6em; padding:7px 15px } #sum #surround ul { margin:7px 15px 25px 28px } #sum #surround ol { margin: 5px 0 10px 21px; } #sum #surround li { margin-top:12px } #sum #surround .content { background:#FFF url(images/sum_paragraphs.gif) repeat-x; border:1px solid #831717 } #sum .share { display:none } #sum .share .icon { background:url(images/share-thoughts.gif) no-repeat; float:right; height:41px; margin:9px 12px 0 9px; width:47px } #author { background:#F5F5F5; border-top:1px solid #E1E1E0; border-bottom:1px solid #E1E1E0; overflow:hidden; padding:1.5em } #author img { border:5px solid #E2DEDE; float:left; margin-right:1.5em } #author h4 { color:#888; font-size:2em; margin-bottom:5px } #author h4 a { font-size:1em } #author p { color:#312F2F; font-size:13px; margin-bottom:12px } #author p.hlight { color:#888; font-size:11px; text-transform:uppercase } #author p.hlight span { color:#669900; font-size:13px; font-style:italic; font-weight:bold; letter-spacing:0.8px } #similar { float:left; width:50%; } #similar a { font-size:1.4em; border-bottom:1px solid #669966; line-height:1.5em } #similar a:hover { border:0 } /*#similar img{border:1px solid #111; float:left;}*/ #similar span.date { color:#888; letter-spacing:1px; text-transform:uppercase } #similar p { margin-bottom:15px; padding:10px 2.5em 10px 10px } #similar h3, #rightcol h3 { font-size:1.8em; letter-spacing:normal; padding:15px 0 0 10px } #rightcol { float:right; width:50% } #rightcol ul a { border-bottom:1px solid #669966; font-size:14px } #rightcol ul a:hover { border:0 } #rightcol p { font-size:14px; line-height:1.5em; padding:10px 2.5em 10px 0 } #rightcol h3 { padding:0 } #rightcol ul { list-style-position:inside; list-style-type:square; margin-left:1em } #rightcol li { margin-bottom:10px } #subscribe { background:#FFFBCC; border:1px solid #E6DB55; float:right; margin:15px 15px 0 15px; padding:19px 10px; -moz-border-radius:5px; -webkit-border-radius:5px } #subscribe a { border-bottom:1px solid #a79b12 !important; color:#a79b12 } #use_thesis { background:#E4F2FD; border:1px solid #C6D9E9; float:right; margin:15px; padding:19px 10px; -moz-border-radius:5px; -webkit-border-radius:5px } .custom #use_thesis a { border-bottom:1px solid #5296cc !important; color:#5296cc } .custom #subscribe a:hover, .custom #use_thesis a:hover { border:0 !important } /*---:[ teasers styles ]:---*/ .custom .teasers_box { background:#FFF url(images/blackGrad.gif) repeat-x; border-top:1px solid #BBB; margin:0; padding:0; width:100% } .custom .teasers_box .post { padding:12px } .custom .teasers_box h2 { font:bold 2em Myriad Pro, Helvetica, Arial, sans-serif; letter-spacing:-0.8px; line-height:1em; margin-bottom:5px; text-decoration:none } .custom .teasers_box h2 a:hover { color:#669966 } /*---:[ sidebar styles ]:---*/ .custom #sidebars { background:#444343 } #sidebars img.icon { position:absolute; right:-22px; top:10px } .custom #sidebars h4 { color:#FFF; font:bold 2.7em Myriad Pro, Helvetica, Arial, sans-serif; margin-top:15px } #sidebars .inner { padding:1px 2em } #sidebars .search { padding-bottom:4.5em; position:relative } #sidebars .search img { position:absolute; right:-22px; top:10px } #sidebars .search input { background:#FFF url(images/blackGrad.gif) repeat-x; border:1px solid #000; font-size:14px; -moz-border-radius:3px; padding:10px; -webkit-border-radius:3px; width:160px } #sidebars .search #submit { background:#FFF url(images/post_grad.gif) repeat-x; padding:9px; width: 53px } #sidebars .search p { color:#EEE; float:right; font-size:13px; padding: 15px 15px 0 0 } #sidebars .search p a, .blogroll li a { background:#99cc33; color:#FFF; margin-left:3px; padding:4px 6px } #sidebars .search p a:hover, .blogroll li a:hover { background:#EEE; color:#111 !important; text-decoration: none !important; } .sb_default { background:url(images/s_default.gif) repeat-x } .sb_tweet { background: #cc9933 url(images/s_tweet.gif) repeat-x; color:#fff; font-size:14px; padding-bottom:10px; } .sb_tweet li{ margin-bottom:10px; } .sb_green { background: #669933 url(images/s_green.gif) repeat-x; color:#fff; font-size:14px; padding-bottom:10px; } .sb_green a{ color:#CCC;} .sb_green li{ margin-bottom:10px; } #feed_box { background: #993333 url(images/feedBox.gif) repeat-x; padding-bottom: 1em; position: relative; } #feed_box img { position: absolute; right: -15px; top: -10px; } #feed_box p { color: #FFF; font-size: 13px; line-height: 1.5em; padding: 10px; } #feed_box p#twitter { text-align: right; } #feed_box p#twitter a { color: #fff; font-size: 13px; background: url(images/twitter.gif) no-repeat 0% 50%; padding: 5px 0 4px 28px; } #feed_box form { padding: 10px; } #feed_box input#enter_email { background: url(images/email_subscribe.gif) no-repeat; border: 0; color: #111; font: bold italic 11.5px Arial; padding: 8px; width: 164px; } #feed_box input#submit { background: url(images/email_go.gif) no-repeat; border: 0; height: 32px; text-indent: -9999px; width: 45px; } #feed_box h4 { background: url(images/get_email_updates.gif) no-repeat; display: block; height: 30px; margin: 10px 10px 0 10px; text-indent: -9999px; width: 178px; } #feed_box_subscribe { background:url(images/feed_subscribe.gif) no-repeat; display: block; height: 40px; text-indent: -9999px; width: 145px; } #feed_box_subscribe { background: url(images/feed_box_subscribe.gif) no-repeat; display: block; height: 40px; text-indent: -9999px; width: 145px; } .blogroll, .popular { padding-bottom:15px; position:relative } .popular p { overflow:hidden; min-height: 65px; height: 65px; height: auto !important; } .popular h4 { margin-bottom: 3px; } .popular span { color: #000; font-size: 12px; text-transform: uppercase; } .custom .popular p a, .custom .blogroll li a { color:#FCF6F6; font-size:14px; } .popular p img { float:right; padding-left:5px } .blogroll li { list-style-type: none; } .blogroll p { color: #EEE; font-size: 13px; margin-top: 9px; } .blogroll h4 { margin-bottom: 6px; } .poll { background:#F2F1EE url(images/sb_poll.gif) repeat-x; padding:0 0 7px 0; position:relative } .poll a { background:#454343; color:#F1F1F1; font-size:11px; padding:5px 7px 5px 7px; text-transform:uppercase } .poll a:hover { background:#CC3131 } .poll h4 { background:url(images/s_monthlypoll.gif) no-repeat; display:block; height:52px; margin:0 !important; text-indent:-9999px; width:172px } .poll ul { margin-top:1.5em } .poll li { font-size:14px; list-style-type:none; margin-bottom:10px } .poll li .pollbar { margin-top:6px } .poll p { margin-bottom:10px } .poll p strong { background:#ECECEC; border:1px solid #E0E0E0; color:#669900; font-size:14px; font-style:italic; -moz-border-radius:5px; padding:5px; -webkit-border-radius:5px } .community { position:relative } .community .panel { margin-bottom:15px } .community .panel a { color:#222; text-decoration:none } .community .panel a:hover { color:#669966; text-decoration:underline } .community .tabnav li { display:inline; list-style:none; padding-right:5px } .community .tabnav li a { color:#FFF; outline:none; padding:6px 8px; text-decoration:none; text-transform:uppercase } .community .tabnav li a:hover, .community .tabnav li a:active, .community .tabnav li.ui-tabs-selected a { background:#000; color:#FFF; text-decoration:none } .community .tabdiv { background:#fff url(images/post_grad.gif) repeat-x; border:4px solid #000; margin-top:2px; padding:5px } .community .tabdiv li { list-style-position:inside } .community h3 { color:#111; margin-top:5px } .community #topc h3 { margin-bottom:10px } .community .ui-tabs-hide { display:none } .community #topc ul { font-size:13px; list-style:none; margin-left:10px } .community #topc ul li { list-style-image:url(images/topc_li.gif); margin-bottom:7px } .community #topc ul li a { color:#666600; font-size:14px } .community #topc ul li a:hover { border-bottom:1px solid #666600; text-decoration:none } .community a.name { color:#669966; font-size:16px; font-weight:bold } .community p { font-size:13px; line-height:1.4em; margin:10px 0 } .community #recent ul { list-style-type:none } .community #recent li { font-size:13px; line-height:1.4em; margin:10px 0 } .community #recent li span.gravatar { float:left; padding-right:10px } .community #recent li a { border-bottom:1px solid #669966; color:#669966 } .community #recent li a:hover { border:0; text-decoration:none } .blogquotes { padding-bottom:20px; position:relative } .custom .blogquotes a { border-bottom:1px solid #CCC; color:#EEE } .blogquotes a:hover { border:0 } .blogquotes h4 { margin-bottom:15px !important } .blogquotes p { color:#FFF; font-size:1.6em; font-style:italic; text-align:center } .blogquotes span { color:#CCC; float:right; font-size:12px; font-style:italic; margin-top:10px; text-align:right } #pagenav { background:#FFF url(images/blackGrad.gif.gif) repeat-x; border-top:1px solid #B0B0B0; font-size:12px; overflow:hidden; padding:2em } #pagenav a { font-size:12px; line-height:1.4em; outline:none; text-transform:uppercase } #pagenav a:hover { border-bottom:1px solid #CB3150 } #pagenav h5 { font-family:Myriad Pro, Helvetica, Arial, sans-serif; font-size:1.5em; padding-bottom:5px; text-transform:uppercase } #pagenav #previous { float:left; text-align:left; width:45% } #pagenav #next { float:right; text-align:right; width:45% } /*---:[ comment styles ]:---*/ .custom .comments { clear:both; overflow:hidden; padding:15px 0 0 0; width:100% } .custom .comments a { font-size:14px; text-decoration:none } .custom .comments a:hover { border-bottom:1px solid #669900 } .custom .cluv { background:#F5F5F5; border:1px solid #DDD; font-size:14px; margin-top: 10px; padding:6px; -moz-border-radius:4px } .custom .cluv a { font-size: 14px; } .custom .comments img { display:inline } .custom .comments p { clear:both; font-size:14px } .custom .comments p.comment { float:right } .custom .comments h3 { font-size:1.5em } .custom .comments h3 a { color:#312F2F; text-decoration:none } .custom .comments ul.children li.comment { background:#FFF url(images/post_grad.gif) repeat-x; border:1px solid #F8BBBB; -moz-border-radius:5px; -webkit-border-radius:5px } .custom .comments span.title { color:#FFF; font:bold 2.1em Myriad Pro, Helvetica, Arial, sans-serif; float:left; letter-spacing:-0.5px; padding-bottom:10px; text-decoration:none; text-transform:uppercase } .custom .comments span.buttons { float:right; padding-top:8px } .custom .comments span.buttons a, .comments .cancel-comment-reply a { background:#669900; color:#FFF; font-size:11px; margin-left:13px; padding:4px 6px; text-transform:uppercase } .custom .comments span.buttons a:hover, .comments .cancel-comment-reply a:hover { background:#312F2F; border:0; text-decoration:none } .custom .comments .cancel-comment-reply { padding-bottom:11px } .custom .comments .cancel-comment-reply a { margin:0 } .custom .comments .surround { background:#5C5A5A url(images/comments.gif) repeat-x; border-bottom:1px solid #000; clear:both; padding:10px } .custom .comments .surround ul li { background:#FFF url(images/blackGrad.gif) repeat-x; border:1px solid #000; clear:both; -moz-border-radius:3px; overflow:hidden; padding:10px; -webkit-border-radius:3px } .custom .comments .info { float:left } .custom .comments .author { font-size:1.5em; padding:14px 0 0 0 } .custom .comments .author a { font-size:1em; font-weight:bold } .custom .comments .meta { float:right; width:350px } .custom .comments .reply { float:right; margin:1em 0 1.5em 0 } .custom .comments .reply a { background:#312F2F; color:#FFF; font-size:12px; font-weight:normal; letter-spacing: 1px; padding:4px 6px; text-transform:uppercase } .custom .comments .reply a:hover { background:#669900; border:0 } .custom .comments .commentlist li { font-weight:bold; list-style:none; margin:15px 0 3px; padding:5px 10px 3px } .custom .comments .commentlist li .avatar { background:#FFF; border:1px solid #B9B8B8; float:right; margin:0 0 10px 0; -moz-border-radius:5px; padding:2px; -webkit-border-radius:5px } .custom .comments .commentlist cite { font-size:1.8em; font-style:normal } .custom .commentlist cite a { font:bold 1.2em Myriad Pro, Helvetica, Arial, sans-serif } .custom .comments .commentlist p { font-weight:normal; line-height:1.5em; margin:10px 5px 10px 0; text-transform:none } .custom .comments .commentmetadata { display:block; margin:0 } .custom .comments .commentmetadata a { font-size:11px; font-weight:normal; text-transform:uppercase } .custom .comments #commentform p { margin:5px 0 } .custom .comments .nocomments { margin:0; padding:0; text-align:center } .custom .comments #respond { background:#FFF url(images/post_grad.gif) repeat-x; border-top:1px solid #F8BBBB; margin:0; padding:25px 18px 18px 18px } .custom .comments #respond h3 { font-size:2.5em; letter-spacing:0.1px; margin:0 0 8px 0; padding:0; text-transform:uppercase } .custom .comments p.allowed { background:#F9F7E4; border:1px dotted #BBB; color:#807E70; padding:6px; width:95% } /*---:[ misc styles ]:---*/ #wp_page_numbers { font-weight: bold; padding: 15px; text-transform: uppercase; } #wp_page_numbers ul { list-style-type: none; } #wp_page_numbers li { float: left; padding: 5px; } #wp_page_numbers li a { background: #FFF url(images/blackGrad.gif) repeat-x; border: 1px solid #BBB; color: #312F2F; font-size: 12px; padding: 5px 7px; } li.page_info { background: #FFF url(images/post_grad.gif) repeat-x !important; border: 1px solid #F8BBBB !important; margin-right: 2em; } li.active_page a { background: #454343 url(images/s_default.gif) repeat-x !important; border: 1px solid #0A0A0A !important; border-top: 0 !important; color: #EEE !important; } /*---:[ footer styles ]:---*/ .custom #footer { border:0 } #foot { margin-top:12px } #foot p { color:#CCC; font-size:13px; margin-bottom:3px } #foot p a { border-bottom:1px solid #CCC; color:#DDD } #foot p a:hover { border:0 } #foot span { float:right; margin-top:13px; text-align:right } #foot span a { background:#99cc33; border-bottom:2px solid #669933; color:#EEE; font-size:14px; outline:none; padding:7px; margin-left:10px } #foot span a:hover { background:#3C3C3C; border-bottom:2px solid #669933 } /* AUTHOR BOX */ .custom #comments { clear: both; } .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight { font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { color: #669966; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } /* BOXES */ #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 50%; } #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar a { font-size: 1.4em; border-bottom: 1px solid #669966; line-height: 1.5em; } #similar a:hover { border: 0; } #similar h3 { padding-left: 10px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } #rightcol { float: right; width: 50%; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #669966; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tagcloud { height:130px; margin:auto; } .tagcloud a { color:#ffffff; /*padding-left:3px;*/ } .tagcloud a:hover { color:#000; } .flickr{ float:left; width:80px; height:80px; } .flickr a{ background:#cc3333; } .flickr a:hover{ background:#99cc33; }