/* File: custom.css Description: Custom styles for the Neoclassical Theme that you define Use: The tag has been appended with the "custom" class, like so: . You can use the "custom" class to overwrite *any* CSS declarations contained in this theme's 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! */ body { background-color: #087ac4; background-image: url(/images/sitebg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } #container { width: 960px; padding: 0; height: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #masthead { width: 960px; margin: 0px; padding: 0px; text-align: left; background-image: url(/images/spcm_header.jpg); height: 293px; background-repeat: no-repeat; } #content_box { width: 945px; text-align: left; background-image: none; background-repeat: repeat-y; background-color: #ffffff; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #left_box { width: 730px; padding: 0px; float: left; margin: 0px; } #content { width: 530px; padding: 0px; float: right; margin: 0px; } #content_inner { width: 484px; margin: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: -10px; padding-left: 20px; } #left_bar { width: 200px; padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #right_bar { width: 200px; padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .sidebar { float: left; margin: 0px; padding: 0px; width: auto; } /*---:[ sidebar styles ]:---*/ h2.widgettitle, li.widget h2 { background-image: url(/images/widgetheader_lp.jpg); background-repeat: no-repeat; height: 28px; padding: 0px; width: 140px; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin-bottom: 1em; } .sidebar_list .widgettitle, .sidebar_list .widget h2{ color: #FFFFFF; padding-left: 60px; padding-top: 11px; } .sidebar_list .widget a { margin: 0px; padding: 0px; } li.widget ul, li.linkcat ul { list-style-image:url(../../../../images/anchor.gif); list-style-position:outside; list-style-type:none; margin-left: 32px; } .custom #container #page #content_box #left_box #left_bar .sidebar_list #pages ul li li { list-style-image:url(../../../../images/anchor2.gif); margin: 0px; padding: 0px; list-style-type: square; } .custom #container #page #content_box #left_box #left_bar .sidebar_list #pages ul li li a { font-weight: normal; font-size: 11px; } /*---:[ comment styles ]:---*/ #comments { margin-left: 25px; } .navigation { width: 445px; border-top: 1px solid #ddd; font-size: 1.3em; line-height: 1.53846em; clear: both; background-color: #FFFFFF; margin-left: 20px; padding-top: 0.69231em; padding-right: 19px; padding-bottom: 0.76923em; padding-left: 19px; } /*---:[ comment form styles ]:---*/ #comment_form { width: 475px; padding: 0 19px; } #comment_form .text_input { padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; } #comment_form .text_area { width: 425px !important; height: 6.15385em; line-height: 1.53846em; } /*---:[ calendar widget ]:---*/ #calendar_wrap { width: 195px; margin: 0px; padding: 0px; } table#wp-calendar { width: 195px; border-collapse: collapse; } ul.sidebar_list li.widget a{ font-weight: bold; color: #333399; } h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } h2 { margin-left: 0px; font-size: 18px; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #003366; width: 465px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; font-style: italic; } .archives h1 { background:#FFFFFF none repeat scroll 0 0; font-size:1.1em; letter-spacing:2px; line-height:1.81818em; margin:0 0 1.81818em; padding:0.36364em 10px; text-align:center; text-transform:uppercase; border-top-style: none; border-bottom-style: none; border-bottom-color: #DDDDDD; } /*---:[ weather styles ]:---*/ .wp-forecast { text-align:left; width: 200px; margin: 0px; padding: 0px; } div.wp-forecast-curr { font-size: 11px; font-family: Arial; border: 0px solid; text-align:left; margin-left:auto; margin-right:auto; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } div.wp-forecast-curr-details { font-size: 11px; font-family: Arial; border: 0px solid; padding: 0px; text-align:left; } div.wp-forecast-fc-details { font-size: 11px; font-family: Arial; border: 0px solid; padding: 0px; text-align:left; } /*---:[ classifieds styles ]:---*/ .smallTxt{ font-size:9px; padding-top: 0px; color: #444; font-family: Arial, Helvetica, sans-serif; } #wpclassified a{ font-size:11px; } .wpc_head{ margin: 0px; padding: 0px; } .wpc_head h3{ margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .wpc_head a{ text-decoration: none; } .wpc_head img{ border:0; } .wpc_head p{ vertical-align: top; margin: 0px; font-weight: bold; display:inline; } .wpc_footer li{ margin-top: 4px; margin-left: 35px; padding-left: 0px; } .piclenselink { visibility: hidden; } /*---:[ footer styles ]:---*/ #footer { background-image: url(/images/footerbg.jpg); background-repeat: repeat-x; width: 100%; padding-top: 1em; padding-right: 0; padding-bottom: 0; padding-left: 0; height: 74px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #092A6F; } #footer p { font: normal 1.1em/1.63636em Verdana, sans-serif; color: #999; text-align: center; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } #footer a, #footer a:visited { color: #999; border-bottom: 1px solid #ddd; text-decoration: none; } #footer a:hover { color: #333; text-decoration: none; } h1.category_spcm { padding-top: 23px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; width: 465px; margin-left: 20px; } .ngg-widget { text-align: center; width: 200px; } #slideshow { text-align: center; width: 200px; } .widgettitle { text-align: left; } /*---:[ more classifieds styles ]:---*/ .catphoto { visibility: hidden; } .list-content dt { padding-left:100px; } .list-content { margin-left:0px; } .format_text p { padding: 0px; line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }