/* custom.css custom styles for Cutline that YOU define ------------------------------------------------------ This stylesheet will allow you to futureproof your changes against future releases and upgrades. I know you work hard on your modified styles, and I don't want you to feel like every upgrade is a total drag! Instructions: Modifying existing Cutline styles to your liking is a breeze with this handy stylesheet. The tag within the header.php file has been appended with a CSS class called "custom," and thanks to this, you now have the ability to override ANY style that's declared in the original Cutline stylesheet. In practice, you simply need to copy the CSS for the element that you want to change (from style.css) and then paste it here. Prefix the new CSS declaration with .custom, and then make your tweaks as necessary. Here's an example: To change the default color of unvisited links from blue to red (#c00) and remove the default underline, this is what you would do: .custom a { color: #c00; text-decoration: none; } Cool? Now get to hackin! */ .custom body { color: #333; background-color: #fff; font: 62.5% "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; text-align: center; } /* offsets begin ==================================================== */ .strip { position: absolute; margin-top: -9000px; margin-left: -9000px; } .hide { display: none; } .no_print, p.no_print { display: block; } ul.offset li { list-style-type: none; } ul.offset { position: absolute; top: -9000px; left: -9000px; z-index: 9; } ul.offset a:focus, ul.offset a:active { position: absolute; top: 9146px; left: 9011px; background-color: #075; border: 1px solid #000; display: block; width: 20em; font-size: 0.9em; font-weight: bold; padding: 1px 4px 1px 0; color: #fff; z-index: 9; } /* offsets end */ /*---: [ global elements ]: ---*/ .custom a { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #04b; background-color: transparent; text-decoration: underline; } .custom a:visited { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #565656; background-color: transparent; text-decoration: underline; } .custom a:hover { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #800; background-color: transparent; text-decoration: underline; } .custom abbr, acronym, span.abbr { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; } .custom blockquote { font-style: italic; font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #565656; background: url(images/quotes.gif) no-repeat top left; text-indent: 25px; margin: 10px 30px 10px 30px; padding: 0 0 0 10px; border-left: 2px solid #cc0; } .custom blockquote cite { background: transparent url(images/end_quotes.gif) no-repeat top right; font-style: italic; color: #8f6100; /* color: #cc0; */ margin-top: -5px; margin-right: -15px; margin-left: 10px; padding-top: 20px; padding-right: 30px; display: block; text-align: right; } .custom code { color: #075; background-color: transparent; font-family: Tahoma, monospace; } .custom #akismetwrap #aka, #aka:link, #aka:visited, #aka:hover, #aka:active { background-color: #039; } .custom #footer #sk2-footer { background: #444; color: #fff; } .custom #footer #sk2-footer a:link { background: #444; color: #fff; } .custom #footer #sk2-footer a:visited { background: #444; color: #f0f0f0; } .custom #footer #sk2-footer a:hover, a:focus { background: #444; color: #ccffe2; } .custom #footer #sk2-footer a:active { background: #444; color: #ccffe2; } .custom #footer #sk2-footer strong { background: #444; color: #e3faf9; } .custom p { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; } .custom #flickr img { float: left; clear: left; display: block; position: relative; border-width: 0; margin: 2px; padding: 0; width: 55px; height: 55px; } .custom .flickr_blue { color: #007ae4; background-color: transparent; text-transform: lowercase; } .custom .flickr_pink { color: #ff2a96; background-color: transparent; text-transform: lowercase; } .custom .green { color: #075; background-color: transparent; } .custom .red { color: #f00; background-color: transparent; } .custom .orange { color: #f40; background-color: transparent; } .custom .purple { color: #909; background-color: transparent; } /*---: [ headlines ]: ---*/ .custom h1, h2, h3 { font-weight: bold; font-family: verdana, "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #000; background-color: transparent; } .custom h1 a, h1 a:visited, h1 a:hover { color: #000; background-color: transparent; text-decoration: none; } .custom h2 a { color: #000; background-color: transparent; text-decoration: none; } .custom h2 a:visited { color: #555; background-color: transparent; text-decoration: none; } .custom h2 a:hover { color: #075; background-color: transparent; text-decoration: none; } .custom #masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #565656; background-color: transparent; text-align: center; } .custom h4 { font: italic 1.2em verdana, "lucida grande", "lucida sans", "gill sans", arial, sans-serif; background-color: transparent; color: #565656; } .custom h4 a, h4 a:visited { color: #565656; background-color: transparent; text-decoration: none; } .custom h4 a:hover { color: #565656; background-color: transparent; text-decoration: underline; } /*---: [ core layout elements ]: ---*/ .custom #container { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; width: 1000px; margin: 15px auto 0 auto; } .custom .alignright { float: right; } .custom .alignleft { float: left; } /*---: [ header styles ]: ---*/ .custom #masthead img.left { border: none; vertical-align: top; float: left; clear: left; margin: -0.15em 0 0.2em 0.2em; padding: 0; width: 98px; height: 97px; } .custom #masthead img.right { border: none; vertical-align: top; float: right; clear: right; margin: -0.15em 0.2em 0.2em 0; padding: 0; width: 103px; height: 103px; } .custom ul#nav li { padding: 0.85em 40px 0.7em 0; font: bold 1.4em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; text-transform: uppercase; float: left; } .custom ul#nav li a, ul#nav li a:visited { color: #000; background-color: transparent; text-decoration: none; } .custom ul#nav li a:hover { color: #075; background-color: transparent; text-decoration: underline; } .custom ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #075; background-color: #fff; text-decoration: underline; } .custom ul#nav li.rss { margin: 0 0.5em 0 0; padding: 0.85em 0 0.7em 0; float: right; } .custom ul#nav li.delicious { margin: 0 0 0 0.5em; padding: 0.85em 0 0.7em 0; float: right; } .custom ul#nav li.delicious a { padding: 0 18px 0 0; background: url('images/delicious.png') 100% 50% no-repeat; } /*---: [ content styles ]: ---*/ .gold { background-color: inherit; color: #cd950c; font-family: "trebuchet ms", sans-serif; } .silver { background-color: inherit; color: #708090; font-family: "trebuchet ms", sans-serif; } .bronze { background-color: inherit; color: #87421f; font-family: "trebuchet ms", sans-serif; } .platinum { background-color: inherit; color: #cad3d0; font-family: "trebuchet ms", sans-serif; } .custom .st-tags { line-height: 1.1em; } .custom .entry { color: #222; background-color: transparent; font-size: 1.3em; line-height: 1.5em; } .custom .entry li { margin: 0 0 0.4em 0; } .custom .entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.4em 0 0.4em 30px; } .custom .entry dl { margin: 0 0 1.2em 0; } .custom .entry dt { font-weight: bold; margin: 0 0 0.3em 0; } .custom .entry dd { margin: 0 0 0.2em 20px; } .custom .tagged { margin: 1em 0 1em 0; padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #565656; background-color: transparent; clear: both; } .hr { margin: 0.5em 0 2em 0; padding: 0.4em 0 0.5em 0; font-size: 0.2em; line-height: 0.2em; color: #269; background-color: transparent; background: url('images/hr_tag_sep.gif') repeat; width: 500px; } .hr2 { margin: 0.5em 0 0.8em 0; padding: 0.4em 0 0.5em 0; font-size: 0.2em; line-height: 0.2em; color: #269; background-color: transparent; background: url('images/hr_tag_sep.gif') repeat; width: 500px; } .custom .tagged a, .tagged a:visited { padding: 0.25em; color: #333; background-color: transparent; text-decoration: none; } /*.custom .posts h2, h2.page_header { margin: 0 0 0.1em 0; line-height: 2px; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% repeat; }*/ /*---:[ core layout elements ]:---*/ .custom #content { width: 520px; padding: 0 15px 0 0; float: left; } /*---: [ sidebar styles ]: ---*/ .custom #sidebar { width: 215px; padding: 0 5px 0 0; float: left; } .custom #sidebar2 { width: 215px; padding: 0 0 0 5px; float: right; } .custom ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; width: 210px; margin: 0 0 1.5em 0; font-size: 1.15em; line-height: 1.25em; float: left; } .custom li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.3em 20px; } .custom li.widget ol, li.linkcat ol { margin: 0 0 0.4em 20px; } .custom li.widget li, li.linkcat li { margin: 0 0 0.4em 0; } #nopost, .nopost, #printtext, .printtext { display: none; } .widget_ffb a { font-weight: normal; font-size: 0.8em; font-family: "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; } .widget_ffb a:link { color: #04b; background-color: transparent; text-decoration: none; } .widget_ffb a:visited { color: #565656; background-color: transparent; text-decoration: none; } .widget_ffb a:hover, a:focus { color: #800; background-color: transparent; text-decoration: underline; } .widget_ffb a:active { color: #565656; background-color: transparent; text-decoration: underline; } .custom li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #565656; background-color: transparent; } /*---< FlickrRSS styles for the widget only >---*/ .custom li.widget ul.flickr_stream li a:hover img { color: #ff2a96; background-color: transparent; } .custom li.widget_flickrrss a:hover img { background-color: #ff2a96; background-color: transparent; } /*---< TanTan Flickr widget only >---*/ div.flickr-photos { margin: 1.2em 0 0 0; } /*---: [ footer styles ]: ---*/ .custom #footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #565656; background-color: transparent; text-align: right; } .custom #footer a, #footer a:visited { color: #565656; background-color: transparent; text-decoration: none; } .custom #footer a:hover { color: #565656; background-color: transparent; text-decoration: underline; } /*---: [ comment styles ]: ---*/ /* comments */ .custom .sepc { width: 500px; height: 1px; background: #e0e0e0; margin-top: 30px; margin-bottom: 10px; } .custom #comment { margin-top: 0.6em; width: 500px; height: auto; } .custom .comments1 { margin-top: 20px; } .custom form#commentform { width: 500px; height: auto; } .custom h2#comments2 { margin-top: -30px; color: #000; } .custom h3#comments3 { margin-bottom: 20px; text-align: right; color: #000; } .custom h3#respond { margin-top: 20px; } .custom input#url { color: #000; border: #e1e1e1 1px solid; } .custom input#email { color: #000; border: #e1e1e1 1px solid; } .custom input#author { color: #000; border: #e1e1e1 1px solid; } .custom .commenttext { color: #066; font-weight: bolder; font-size: 1.3em; margin-top: -0.2em; } .custom .cancel { font-size: 0.9em; } .custom h2.comments-header { background-color: transparent; color: #000; } .custom .thread-alt { background-color: #f8f8f8; } .custom .thread-even { background-color: white; } .custom .depth-1 { border: 1px solid #ddd; } .custom .even, .custom .alt { border: none; /* border-left: 1px solid #ddd;*/ } .custom .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'trebuchet ms', 'lucida grande', verdana, arial, sans-serif; } .custom .commentlist li { font-weight: bold; margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .custom .commentlist li ul li { font-size: 0.9em; margin-right: -5px; margin-left: 10px; } .custom .commentlist li .avatar { float: left; border: 1px solid #eee; margin-right: 10px; padding: 2px; background: #fff; } .custom .commentlist cite, .custom .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1em; } .custom .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; } /* .custom #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } */ .custom #commentform p { font-family: 'trebuchet ms', 'lucida grande', verdana, arial, sans-serif; margin: 5px 0; } .custom .commentmetadata { font-weight: normal; display: block; margin: 0; } .custom h3.comments { padding: 0; margin: 40px auto 20px; } /*---: [ comment_form and commentform styles ]: ---*/ .custom #comment_form .text_input { width: 206px; padding: 3px; color: #444; background-color: transparent; font: normal 1.4em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .custom #comment_form .text_input:hover, text_area:hover, .text_input:focus, text_area:focus { cursor: text; color: #000; background-color: #ffc; } .custom #comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: normal 1.4em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; cursor: pointer; } .custom #comment_form input.submit.form_submit:hover, input.submit.form_submit:focus { cursor: pointer; color: #fff; background-color: #095; height: 1.9em; border: 2px outset #666; } .custom #comment_form input.submit.form_submit:active { cursor: pointer; color: #fff; background-color: #095; height: 1.9em; border: 2px inset #666; } .custom #commentform { margin: 5px 10px 0 0; } .custom #commentform legend { font-weight: bold; color: #075; margin-top: 2px; margin-bottom: 2px; margin-left: -3px; } .custom #commentform textarea { width: 100%; padding: 2px; } .custom #respond: after { content: "."; display: block; margin-bottom: 1.5em; padding-bottom: 1.5em; height: 0; clear: both; visibility: hidden; } .custom #commentform #submit.button, #reset.button { font-weight: bold; font-size: 1.1em; border: 2px outset #ccc; padding: 2px 2px 17px 1px; height: 1.9em; } .custom #commentform #submit.button { float: right; color: #fff; background-color: #075; } .custom #commentform #reset.button { float: left; color: #fff; background-color: #049; } .custom #commentform .text_input { width: 206px; padding: 3px; color: #444; background-color: transparent; font: normal 1.4em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .custom #commentform .text_input:hover, text_area:hover, .text_input:focus, text_area:focus { cursor: text; color: #000; background-color: #ffc; } .custom #commentform #submit.button:hover, #submit.button:focus, #reset.button:hover, #reset.button:focus { cursor: pointer; font-weight: bold; font-size: 1.1em; border: 2px outset #666; padding: 2px 2px 17px 1px; height: 1.9em; } .custom #commentform #submit.button:hover, #submit.button:focus { color: #fff; background-color: #095; } .custom #commentform #reset.button:hover, #reset.button:focus { color: #fff; background-color: #04b; } .custom #commentform #submit.button:active, #reset.button:active { cursor: pointer; font-size: 1.1em; border: 2px inset #666; padding: 2px 2px 17px 1px; height: 1.9em; } .custom #commentform #submit.button:active { color: #fff; background-color: #095; } .custom #commentform #reset.button:active { color: #565656; background-color: #b3c7e1; } .error { color: #aa0022; } .success { color: #2244cc; } /* End Form Elements */ /* Begin Comments*/ .custom .alt { margin: 0; padding: 10px; } .custom .commentlist { padding: 0; text-align: justify; } .custom .children { padding: 0; } .custom .nocomments { text-align: center; margin: 0; padding: 0; } /* End Comments */ .custom .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /*.custom #comments { margin-top: 3em; width: 100%; float: left; clear: both; } */ .custom .comment_num a, .comment_num a:visited { color: #565656; background-color: transparent; text-decoration: none; } .custom .comment_num a:hover { color: #933; background-color: transparent; text-decoration: none; } .custom .comment_time { font: normal 1.1em verdana, "lucida grande", "lucida sans", "gill sans", arial, sans-serif; color: #565656; background-color: transparent; } .custom small, .nocomments, .postmetadata, blockquote, ins, del { /* color: #c90; */ color: #960; } .custom .tagging { font-size: 1.1em; color: #075; } /*---: [ sidebar search form styles ]: ---*/ .custom #search_form .search_input { width: 206px; padding: 3px; color: #075; background-color: #fff; font: normal 0.4em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .custom textarea:hover, textarea:focus, input.search_input:hover, input.search_input:focus, input.med:hover, input.med:focus, input.info:hover, input.info:focus, input.addressinfo:hover, input.addressinfo:focus { cursor: text; color: #000; background-color: #ffc; } .custom #sidebar #search_form .search_input:hover, .search_input:focus, input.info:hover, input.info:focus { cursor: text; color: #000; background-color: #ffc; } /* search page form elements begin ================================================== */ .custom #searchform .search_input { width: 400px; padding: 3px; color: #075; background-color: #fff; font: normal 1em "trebuchet ms", "lucida grande", "lucida sans", "gill sans", arial, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } * html form { width: 103%; } fieldset { margin: 0; padding: 0; border: none; } legend { font-weight: bold; color: #075; margin-top: 2px; margin-bottom: 2px; margin-left: -3px; } .custom #content #searchform textarea:hover, textarea:focus, input.search_input:hover, input.search_input:focus, input.med:hover, input.med:focus, input.info:hover, input.info:focus { cursor: text; color: #000; background-color: #ffc; } /* ~~~~~~~~~~~~~~~ CONTACT and COMMENT FORMS ~~~~~~~~~~~~~~~~~~~ */ .custom input[type="radio"], input[type="checkbox"] { display: inline; margin:0 0.8em 0 0; padding: 0.8em; } input.button, input.submit, input#submit { height: 1.9em; color: #fff; background-color: #075; font-weight: bold; border: 2px outset #999; padding: 2px; } input.button.hover, input.button.focus { cursor: pointer; color: #fff; background-color: #095; height: 1.9em; border: 2px outset #666; } .button:hover, .button:focus, .submit:hover, .submit:focus, input#submit:hover { cursor: pointer; color: #fff; background-color: #095; height: 1.9em; border: 2px outset #666; } .button:focus, input.button.focus, .button:focus, input#submit:focus { cursor: pointer; color: #fff; background-color: #095; border-style: outset; height: 1.9em; } input.button:active, .button:active, input#submit:active { cursor: pointer; color: #fff; background-color: #095; border-style: inset; height: 1.9em; } .custom label { line-height: 1.5em; font-size: 1.18em; color: #000; background-color: transparent; background-image: none; margin-top: 0em; margin-bottom: 1.1em; padding-top: 0em; padding-right: 0em; padding-bottom: 1.2em; padding-left: 0.6em; width: auto; } /*---: [ post-notification widget styles ]: ---*/ .custom form#newsletter legend, form#newslettersub legend { font-weight: bold; color: #075; margin-top: 2px; margin-bottom: 2px; margin-left: -3px; } .custom form#newsletter input.addressinfo, form#newslettersub input.addressinfo { cursor: text; margin-bottom: 5px; height: 1.2em; width: 175px; } .custom form#newsletter input.addressinfo:hover, input.addressinfo:focus, form#newslettersub input.addressinfo:hover, input.addressinfo:focus { cursor: text; color: #000; background-color: #ffc; } .custom form#newsletter input.button, form#newslettersub input.button { color: #fff; background: #075; font-weight: bold; border: 2px outset #999; margin-top: 1em; } .custom form#newsletter input.button:hover, form#newsletter input.button:focus, form#newslettersub input.button:hover, form#newslettersub input.button:focus { color: #fff; background-color: #095; } .custom form#newsletter input.button:active. form#newslettersub input.button:active { color: #fff; background-color: #095; border-style: inset; } .custom form#newsletter input[type="radio"], form#newsletter input[type="checkbox"], form#newslettersub input[type="radio"], form#newslettersub input[type="checkbox"] { display: inline; margin:0 0.8em 0 0; padding: 0.8em; } .subpage { margin-bottom: 2em; } /* ~~~~~~~~~~~~~~~ SELECT LISTS ~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* .custom select:hover, select.hover, select:focus, select.focus, select:active { color: #000; background-color: #ffc; border: 1px inset #ded6cb; cursor: pointer; } */ /* ~~~~~~~~~~~~~~~ OTHER FORMATTING ~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } /* images ================================================== */ .custom .photo_framed_right, .map_framed_right { float: right; clear: right; margin-right: 0em; padding: 0em; } .custom .photo_framed_right, .map_framed_right { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 0em; margin-bottom: 0.5em; margin-left: 1.5em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: -2em; margin-bottom: 1em; margin-left: 1em; } .custom html>body .photo_framed_right, .map_framed_right { /* be nice to Opera rule */ margin-top: 0em; margin-bottom: 0.5em; margin-left: 1.5em; } .custom .photo_framed_right, .photo_framed_left { border: 0.3em ridge; border-top-color: #cc9; border-right-color: #cc9; border-bottom-color: #cc9; border-left-color: #cc9; } .custom .map_framed_right, .map_framed_left { border: 0.1em ridge; border-top-color: #cc9; border-right-color: #cc9; border-bottom-color: #cc9; border-left-color: #cc9; } .custom img.photo_small, img.photo_right, img.photo_framed_right, img.map_framed_right, img.map_right, img.image_right { float: right; clear: right; margin-right: 0em; padding: 0em; } .custom img.map_framed_right, img.map_framed_left { border: 0.1em ridge; border-top-color: #cc9; border-right-color: #cc9; border-bottom-color: #cc9; border-left-color: #cc9; } .custom img.photo_framed_right, img.photo_framed_left { border: 0.3em ridge; border-top-color: #cc9; border-right-color: #cc9; border-bottom-color: #cc9; border-left-color: #cc9; } .custom img.photo_framed_right, img.map_framed_right { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 0em; margin-bottom: 0.5em; margin-left: 1.5em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: -2em; margin-bottom: 1em; margin-left: 1em; } .custom html>body img.photo_framed_right, img.map_framed_right { /* be nice to Opera rule */ margin-top: 0em; margin-bottom: 0.5em; margin-left: 1.5em; } .custom img.map_right, img.map_left { border: 0.3em ridge; border-top-color: #cc9; border-right-color: #cc9; border-bottom-color: #cc9; border-left-color: #cc9; } .custom img.map_right { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 1em; margin-bottom: 0.5em; margin-left: 1.5em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: -2em; margin-bottom: 1em; margin-left: 1em; } .custom html>body img.map_right { /* be nice to Opera rule */ margin-top: 1em; margin-bottom: 0.5em; margin-left: 1.5em; } .custom img.photo_right, img.image_right { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 0em; margin-bottom: 0.2em; margin-left: 0.5em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: -2em; margin-bottom: 1em; margin-left: 1em; } .custom html>body img.photo_right, img.image_right { /* be nice to Opera rule */ margin-top: 0em; margin-bottom: 0.2em; margin-left: 0.5em; } .custom img.photo_small { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 0em; margin-bottom: 0.2em; margin-left: 0.5em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: 0em; margin-bottom: 0em; margin-left: 1em; } .custom html>body img.photo_small { /* be nice to Opera rule */ margin-top: 0em; margin-bottom: 0.2em; margin-left: 0.5em; } .custom img.photo_left, img.photo_framed_left, map_framed_left, img.image_left, img.map_left { float: left; clear: left; margin-right: 1em; margin-left: 0em; padding: 0em; } .custom img.photo_left, img.photo_framed_left, map_framed_left, img.image_left, img.map_left { /* workaround for IE bug */ /* for Firefox, Gecko, Camino, Konqueror, Linux */ margin-top: 1em; margin-bottom: 0.3em; voice-family: "\"}\""; voice-family: inherit; /* for IE */ margin-top: -2em; margin-bottom: 2.2em; } .custom html>body img.photo_left, img.photo_framed_left, map_framed_left, img.image_left, img.map_left { /* be nice to Opera rule */ margin-top: 1em; margin-bottom: 0.3em; } /* Style for OLD Sidebar Login */ #sidebar-login ul.nobar { list-style-type: none; } #sidebar-login ul li.page_item a { font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; letter-spacing: normal; font-size: inherit; color: #04b; background-color: transparent; text-decoration: none; border: none; } #sidebar-login ul li.page_item a:visited { font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; letter-spacing: normal; font-size: inherit; color: #565656; background-color: transparent; text-decoration: underline; border: none;} #sidebar-login ul li.page_item a:hover, #sidebar-login ul li.page_item a:focus { font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; letter-spacing: normal; font-size: inherit; color: #900; background-color: transparent; text-decoration: underline; border: none; } #sidebar-login ul li.page_item a:active { font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; letter-spacing: normal; font-size: inherit; color: #075; background-color: transparent; text-decoration: none; border-bottom: 2px dotted teal; } /* Style for Sidebar Login */ /*.custom .widget_wp_sidebarlogin form legend { font-weight: bold; color: #075; margin-top: 2px; margin-bottom: 2px; margin-left: 0px; } */ .custom .widget_wp_sidebarlogin label { font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; font-size: 101%; font-weight: bold; line-height: 1.3em; margin-top: 0em; margin-bottom: 0.1em; padding-top: 0em; padding-right: 0.2em; padding-bottom: 1.2em; padding-left: 0em; } .custom .widget_wp_sidebarlogin .avatar_container img, #sidebar-login .avatar_container img { padding: 3px; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* margin-right: 8px; margin-top: 5px; */ margin-top: 5px; margin-right: 26px; margin-left: 16px; } .custom .widget_wp_sidebarlogin hr { display: block; clear: both; border: 0; border-top: 1px solid #999; height: 1px; } .custom .widget_wp_sidebarlogin #openid_field { background-image: url(../openid/f/openid.gif); background-position: 3px 50%; background-repeat: no-repeat; /* padding-left: 21px !important; */ padding-left: 26px !important; } .custom .widget_wp_sidebarlogin ul.sidebarlogin_otherlinks { /* margin-left: 0 !important; */ cursor: text; color: #000; background-color: transparent; font-family: "trebuchet ms","lucida grande","lucida sans","gill sans",arial,sans-serif; font-size: 99%; font-weight: normal; line-height: 1.2em; margin-top: 0em; margin-bottom: 0em; margin-left: -0.5em; padding: 0em; } .custom .widget_wp_sidebarlogin .login_error { color: #ae121e; background-color: #fbb1b7; border: 1px solid; margin: 1em 0; padding: 1em; font-size: 13px; } .custom .widget_wp_sidebarlogin .login_error a { color: #ae121e; } .custom .widget_wp_sidebarlogin form input.text { cursor: text; margin-top: -5px; margin-bottom: 5px; height: 1.3em; width: 175px; } .custom .widget_wp_sidebarlogin form input.text:hover, input.text:focus { cursor: text; color: #000; background-color: #ffd; } .custom .widget_wp_sidebarlogin form p.submit { background: none; border: 0 none; margin-top: 1px; width: auto; } .custom .widget_wp_sidebarlogin form input.button { color: #fff; background-color: #006b6b; font-size: 0.9em; font-weight: bold; border: 2px outset #ccc; /* padding: 1px 2px 18px 3px; height: 1.95em; */ } .custom .widget_wp_sidebarlogin form input.button:hover, .custom .widget_wp_sidebarlogin form input.button:focus { cursor: pointer; color: #fff; background-color: #008888; font-weight: bold; font-size: 0.9em; border: 2px outset #ccc; /* padding: 1px 2px 18px 3px; height: 1.95em; */ } .custom .widget_wp_sidebarlogin form input.button:active { color: #fff; background-color: #147786; font-weight: bold; font-size: 0.9em; border: 2px inset #ccc; /* padding: 1px 2px 18px 3px; height: 1.95em; */ } .custom .widget_wp_sidebarlogin form input[type="radio"], .custom .widget_wp_sidebarlogin form input[type="checkbox"] { display: inline; margin: 0em 0em 0em 0em; padding: 0.8em; } /* Sidebar -------------------------------------------------- */ /* Style for Good Search Badge */ #badge_center { margin-right: -2em; margin-left: 1.5em; } /* ~~~~~~~~~~~~~~~GoodSearch Rules~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div {border:0px solid green;} img {border: none;} #badgewrapperFB { width: 120px; font-family: "trebuchet ms",arial,verdana,sans-serif; margin: 0em 0.5em 0em 2em; } #badgewrapperFB #badge_header { border: 0px solid blue; width: 120px; height: 70px; background-image: url('http://www.goodsearch.com/_gfx/badges/header-fb.png'); } #badgewrapperFB #badge_header #logo { padding-top: 18px; text-align: center; } #badgewrapperFB #badge_content { width: 120px; background-image: url('http://www.goodsearch.com/_gfx/badges/bg-content-fb.png'); } #badgewrapperFB #badge_content #badge_content_text { position: relative; color: #444; background-color: #fff; font-size: 0.9em; line-height: 1em; text-align: center; margin: 0px auto; padding-top: 4px; padding-bottom: 5px; width: 85%; } #badgewrapperFB #badge_content #badge_content_text #badgeFBnameSpan a:link { position: relative; color: #369; background-color: transparent; font-weight: bold; font-size: 0.9em; line-height: 1em; text-align: center; text-decoration: underline; margin: 0px auto; padding-top: 4px; padding-bottom: 5px; width: 85%; } #badgewrapperFB #badge_content #badge_content_text #badgeFBnameSpan a:visited { position: relative; color: #369; background-color: transparent; font-weight: bold; font-size: 0.9em; line-height: 1em; text-align: center; text-decoration: underline; margin: 0px auto; padding-top: 4px; padding-bottom: 5px; width: 85%; } #badgewrapperFB #badge_content #badge_content_text #badgeFBnameSpan a:hover, #badgewrapperFB #badge_content #badge_content_text #badgeFBnameSpan a:focus { position: relative; color: #900; background-color: transparent; font-weight: bold; font-size: 0.9em; line-height: 1em; text-align: center; text-decoration: underline; margin: 0px auto; padding-top: 4px; padding-bottom: 5px; width: 85%; } #badgewrapperFB #badge_linkblock { width: 120px; height: 77px; background-image: url('http://www.goodsearch.com/_gfx/badges/footer-fb.png'); border: 0px solid blue; } #badgewrapperFB #badge_linkblock .badge_link a { width: 82%; line-height: 1em; font-size: 0.9em; color: #fff; background-color: transparent; margin: 0px auto 0px auto; padding-top: 8px; position: relative; top: 12px; bottom: 0px; left: 8px; } #badgewrapperFB #badge_linkblock .badge_link a:link { color: #fff; background-color: transparent; text-decoration: underline; } #badgewrapperFB #badge_linkblock .badge_link a:hover { color: #ff3; background-color: transparent; text-decoration: underline; } #badgewrapperFB #badge_linkblock .badge_gobutton { border: 0px solid red; width: 16px; float: left; clear: left; } #badgewrapperFB #badge_linkblock .badge_golink { margin-left: 26px; } #badgewrapperFB #badge_linkblock .badge_golink a:link, #badgewrapperFB #badge_linkblock .badge_golink a:visited { border: 0px solid blue; } /* End of style for Good Search badge */ /* Style for Validation Links */ div#icons_box { text-align: center; margin: 0px; } div#icons_box ul { text-align: center; list-style-type: none; margin: 0 0 0 -10px; } div#icons_box ul li ul { margin-top: 11px; } div#icons_box ul li ul li { margin-left: 0px; } div#icons_box a { text-decoration: none; } /* AStore Gift Card style */ #astore_giftcert { border: none; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 32px; padding: 0; width: 150px; height: 140px; } /* ~~~~~~~~~~~~~~~ HIDDEN ELEMENTS ~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #nopost, .nopost, #printtext, .printtext { display: none; } #for_screen { color: #000000; background-color: #ffffff; } .off_left { /* used for audio only put text off left of the main page */ position: absolute; left: -999999px; /* prevent long text from */ /* invading display space */ width: 999900px; color: #ffffff; background-color: transparent; } .off_left a:visited { color: #ffffff; background-color: transparent; } /* offsets begin ==================================================== */ .strip { position: absolute; margin-top: -9000px; margin-left: -9000px; } .hide { display: none; } .no_print, p.no_print { display: block; } ul.offset li { list-style-type: none; } ul.offset { position: absolute; top: -9000px; left: -9000px; z-index: 9; } ul.offset a:focus, ul.offset a:active { position: absolute; top: 9146px; left: 9011px; display: block; width: 20em; font-size: 0.9em; z-index: 9; } /* offsets end */ /* WPJobBoard ================================== */ .custom .widget custom .widget_wpjb-recent-jobs .small { color: #907000; } /* Simple Tags ================================== */ .custom li.widget_tag_cloud div.tagcloud { line-height: 1.2em; }