/* Theme Name: WP Spicy Web 2.0 Theme URI: http://www.wordpressthemed.com/ Description: Brought to you by http://www.wordpressthemed.com. Version: 1.0 Author: WordpressThemed Author URI:http://www.wordpressthemed.com/ */ /* Begin Typography & Colors */ body { font-size: 11px; font-family: verdana, Arial, Helvetica, Sans-Serif; color: #FFFFFF; text-align: center; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 { text-align: left; } .alt { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-top:10px; } small { font-family: verdana, Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family:verdana, Arial, Helvetica, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } h4{color:#94171c;} #headerimg .description { font-size: 1.2em; text-align: center; } h2 { font-size: 18px; } h2.pagetitle { font-size: 1.4em; } #sidebar h2, #sidebar2 h2 { font-family: Arial; font-size: 1.2em; } #sidebar ul li h2 { font-family: tahoma, arial, verdana; background-image:url(images/icon.gif); font-size: 12px; padding-bottom: 3px; height:15px; color: #932526; line-height:15px; text-transform:uppercase; text-indent:22px; padding-top:0px; background-repeat:no-repeat; } #sidebar2 ul li h2 { font-family: tahoma, arial, verdana; font-size: 12px; padding-bottom: 3px; height:15px; color: #932526; line-height:15px; text-transform:uppercase; padding-top:0px; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #fff; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #sidebar2 h2, #wp-calendar caption, cite { text-decoration: none; } .entry { padding-top:10px; } .entry p a, .entry p a:visited { color: #ffffff; } .entry p a:hover { color: #ffffff; } .editpost a:link, .editpost a:visited { color: #ffffff; text-decoration:underline; } .editpost a:hover { color: #ffffff; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em verdana, Arial, Helvetica, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family:verdana, Arial, Helvetica, Sans-Serif; } .commentmetadata { font-weight: normal; color:#333; } small, #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li, .nocomments, blockquote, strike { color: #ffffff; } code { font: 1.1em verdana, Arial, Helvetica, Sans-Serif; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #ffffff; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a, #wp-calendar a:visited { text-decoration: none; color: #ffffff; text-decoration:underline; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', verdana, Arial, Helvetica, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ .narrowcolumn { padding: 0px 10px 15px 20px; margin: 5px 0px 0px 0px; width: 580px; } .widecolumn { float: left; padding: 0px 10px 15px 20px; margin: 5px 0px 0px 0px; width: 400px; } .post { margin: 0px 0px 0px 0px; text-align: left; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata, .narrowcolumn .postmetadata1 { padding-top: 5px; } .widecolumn .postmetadata, .widecolumn .postmetadata1 { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; color:#932526; line-height:30px; } /* End Structure */ /* Begin Headers */ h1 { padding-top: 70px; margin: 0; } h2 { margin: 0px 0 0; } h2.pagetitle { margin-top: 10px; text-align: center; } #sidebar h2, #sidebar2 h2 { margin: 0px 0 0; padding: 0; } h3 { padding: 0; margin: 22px 0 0; } h3.comments { padding: 0; margin: 40px auto 20px; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } div.alignright, div.alignright2 { float: right; color:#fff; } div.alignleft, div.alignleft2 { float: left; color:#fff; } .alignleft a, .alignleft a:visited { color:#fff; } .alignright a, .alignright a:visited { color:#fff; } .spacer { float:left; } /* End Images */ /* Begin Lists */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before, #sidebar ul ul li { list-style-image:url(images/icon_arrow.gif); list-style-position:outside; list-style-type:none; margin:0px; padding:0px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li, .postmetadata1 ul, .postmetadata1 li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol, #sidebar2 ul, #sidebar2 ul ol { margin: 0; padding: 0; } #sidebar ul li, #sidebar2 ul li { list-style-type: none; list-style-image: none; margin-bottom: 20px; } #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol { margin: 5px 4px 0 30px; } #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li, #sidebar2 ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 15px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s, #sidebar2 #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit, #sidebar2 #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 90%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { padding: 10px; color:#ffffff; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar, #sidebar2 { padding: 0px 0px 0px 0; margin-left: 0px; float:left; } #sidebar form, #sidebar2 form { margin: 0; } /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 130px; color:#ffffff; } #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; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: transparent; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { margin-top: 0px; height:20px; padding-top:5px; } .navigation2 { margin-top: 0px; padding-top:0px; } /* End Various Tags & Classes*/ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */ div.post h2 a:link, div.post h2 a:visited, div.post h3 a:link, div.post h3 a:visited { color:#ffffff; font-family: verdana, Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; } div.post h3 a:hover, div.post h2 a:hover { color: #932526; } li.current-cat a:link, li.current-cat a:visited { padding-left: 0px; margin-left: 7px; color: #ffffff; } li.pagenav a:link, li.pagenav a:visited { padding-left: 0px; margin-left: 7px; color: #ffffff; } li a:link, li a:visited { padding-left: 0px; margin-left: 7px; color: #ffffff; } div.post small { color: #932526; } .line { } .postmetadata a { color: #932526; text-decoration: none; } .postmetadata a:hover { color: #ffffff; text-decoration: underline; } .narrowcolumn h2 { color: #fff; margin-top:8px; } label small { color:#fff } #comments, #respond { color:#fff; } img { margin-right:10px; } .but { vertical-align:bottom; } .input01 { width:170px; } #sidebar li ul, #sidebar2 li ul { padding-left:10px; } #today, #today a:link, #today a:visited { color:#932526; } #commentform p a { color:#fff; } /*.title{ background-image:url(images/bg_titlebottom.gif); background-repeat:repeat-x; background-position:bottom; padding: 10px 0px 6px 0px; */ } .title_mid h2, .title_mid h3 { padding-top:6px; } /*.title_mid{ background-image:url(images/bg_titletop.gif); background-repeat:repeat-x; background-position:top; }*/ /*=========style index.html========*/ /* CSS Document */ body { background-color:#000000; margin:0px; padding:0px; } #body_container { width:800px; } #container { width:800px; text-align:left;padding-top:10px; } #top_header { background-image:url(images/bg_navtop.gif); background-repeat:no-repeat; height:49px; } #header { background-image:url(images/bg_top.jpg); background-repeat:no-repeat; width:780px; margin:0px 10px 0px 10px; height:201px; } #main { width:800px; background-image:url(images/content_top.gif); background-repeat:no-repeat; background-color:#212121; float:left; padding-top:15px; padding-bottom:50px; } #left_nav { float:left; width:160px; margin-left:15px; margin-right:4px; padding-top:10px; } #right_nav { float:left; width:160px; margin-left:15px; margin-right:4px; padding-top:10px; } /*#bg_content{ background-image:url(images/bg_main.gif); background-repeat:repeat-y; float:left; } #content{ background-image:url(images/maincontent_bottom.gif); background-repeat:no-repeat; background-position:bottom; float:left; padding-bottom:20px; } #main_content{ background-image:url(images/maincontent_top.gif); background-repeat:no-repeat; background-position:top; }*/ #main_content { float:left; padding-left:10px; width:580px; } #footer { width:800px; height:25px; float:left; padding-top:10px; color:#fff;} #footer_left { float:left; padding-left:20px; } #footer_right { float:right; padding-right:20px; } #menu, #menu a:link, #menu a:visited, #menu a:active { font-family:verdana, arial; font-size:12px; font-weight:bold; color:#ffffff; padding-right:10px; padding-left:15px; padding-top:22px; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { display: inline; } #txt_logo { font-family:verdana, arial; font-size:36px; color:#ffffff; padding-left:50px; padding-top:70px; text-align:left; } .desc { padding-left:50px; color:#ffffff; font-size:11px; font-family:verdana, arial; } .search #searchform { padding-top:20px; } a.mainpix01_link, a.mainpix01_link:visited { color:#ffffff; } p.alt small { color:#ffffff; } p.alt small a, p.alt small a:visited { color:#932526; } p.alt small a:hover { color:#932526; text-decoration:underline; } #sidebar ul ul li a:link, #sidebar ul ul li a:visited, small.commentmetadata a:link, small.commentmetadata a:visited { color:#ffffff; } /* menu */ #dropmenu .menu { clear:both; padding:0; margin:0 0 0 5px; list-style:none; z-index:9999999999999; position:absolute; } #dropmenu .menu ul { list-style:none; padding:0; width:100%; } #dropmenu .menu ul li { float: left; cursor: pointer; text-align:center; line-height:50px; padding:0; } #dropmenu .menu ul li:first-child { background:none } #dropmenu .menu ul li a { display:block; color:#fff; font-size:16px; text-decoration:none; padding-left:24px; font-weight:bold; } #dropmenu .menu ul li a span { display:block; float:left; padding-right:24px; } #dropmenu .menu ul li a span span { line-height:50px; padding-bottom:5px; padding-right:0 } #dropmenu .menu ul li a:hover { text-decoration:none; color:#941212; float:left; display:block; } #dropmenu .menu ul li a:hover span { background:url(images/arrow_over.png) top right no-repeat; } #dropmenu .menu ul li a:hover span span { } #header .menu ul li.current_page_item a { text-decoration:none; color:#fff; float:left; display:block; } #header .menu ul li.current_page_item a span { display:block; float:left; background:url(images/arrow_over.png) top right no-repeat; } #header .menu ul li.current_page_item a span span { } #header .menu ul li.current-menu-item a { text-decoration:none; color:#fff; float:left; display:block; } #header .menu ul li.current-menu-item a span { display:block; float:left; background:url(images/arrow_over.png) top right no-repeat; } #header .menu ul li.current-menu-item a span span { } #header .menu ul li.current-menu-parent a { text-decoration:none; color:#fff; float:left; display:block; } #header .menu ul li.current-menu-parent a span { display:block; float:left; background:url(images/arrow_over.gif) top right no-repeat; } #header .menu ul li.current-menu-parent a span span { } /* drop menu */ #dropmenu { z-index:10 } #dropmenu .menu ul ul { background-color:#212121; z-index:99; width:270px; position: absolute; margin-top:40px; clear:both; *margin-top:-5px; *margin-left:0; } #dropmenu .menu ul ul li { width:270px; height:37px; padding-left:10px; padding-top:3px; } #dropmenu .menu ul ul li a { color:#fff; font-size:14px; text-transform:none; float:left; display:inline !important; padding:0; margin:0; line-height:24px; } #dropmenu .menu ul ul li a:hover { color:#941212; font-weight:bold } #dropmenu .menu ul ul li a:hover { background:none !important; } #dropmenu .menu ul ul li a:hover span { background:none !important } #dropmenu .menu ul ul li a:hover span span { line-height:24px; padding-left:11px } #dropmenu .menu ul ul li a span span { line-height:24px; padding-left:11px } #header .menu ul li.current_page_item ul li a { background:none !important } #header .menu ul li.current_page_item ul li a span { background:none !important } #header .menu ul li.current_page_item ul li a span span { line-height:24px !important; padding-left:11px !important } #header .menu ul li ul li.current_page_item a { background:none !important; text-decoration:none; color:#fff; float:left; display:block; } #header .menu ul li ul li.current_page_item a span { background:none !important; display:block; float:left; } #header .menu ul li ul li.current_page_item a span span { line-height:24px !important; padding-left:11px !important } #header .menu ul li ul li.current_page_item a:hover { color:#000; } #header .menu ul li.menu-item-object-page ul li a { background:none !important } #header .menu ul li.menu-item-object-page ul li a span { background:none !important } #header .menu ul li.menu-item-object-page ul li a span span { background:none !important } ul.list li{list-style:disc; padding-left:10px;}