/* name: Anti-War designer: Marcos Hernandez designer_url: http://www.portfolioofmh.com description: red, black, grungey layouts: one-column, two-column-left, two-column-right, three-column */ @import url(base-weblog.css); body{ background-image: url(circleBackground.jpg); margin: 20px 0px 0px; background-attachment: fixed; color: #FFFFFF; } p{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 18px; } #banner{ background-image: url(topGraphic2.png); _background-image: url(topAntiWar2.gif); background-repeat: no-repeat; height: 300px; width: 950px; } #banner-inner{ margin-top: 60px; clear: right; float: right; height: 150px; width: 400px; margin-right: 220px; _padding-left: 340px; } #banner-header a{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF; text-decoration: none; font-weight: bold; } #banner-header a:visited{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF; text-decoration: none; font-weight: bold; } #banner-header a:hover{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF; text-decoration: none; font-weight: bold; } #banner-description{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #CCCCCC; margin-top: -12px; } #pagebody{ background-image: url(bodybackGround.png); _background-image: url(bodybackGround.gif); background-repeat: repeat-y; height: auto; width: 950px; } #pagebody-inner{ height: auto; width: 782px; margin-right: 93px; margin-left: 115px; } .layout-three-column #beta{ clear: none; float: left; height: auto; width: 430px; margin-left: 12px; margin-top: -80px; } .layout-three-column .entry-header{ margin-left: 3px; _margin-left: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-image: url(paragraph_01.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 10px; height: 40px; padding-top: 15px; margin-top: -5px; } .layout-three-column .entry-content{ width: 410px; margin-top: -22px; } .layout-three-column .entry{ background-image: url(entry-userpic.jpg); background-repeat: no-repeat; background-position: bottom; width: 415px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-bottom: 30px; _margin-left: -5px; _margin-right: 10px; } .layout-three-column .entry-body{ height: auto; background-image: url(paragraph_02.jpg); background-repeat: repeat-y; margin-left: 3px; _margin-left: 5px; width: 390px; padding-top: 10px; padding-right: 10px; padding-left: 10px; } .layout-three-column .entry-userpic{ width: 415px; margin-top: -20px; _margin-top: -20px; _margin-top: -5px; padding-right: 5px; _padding-right: 15px; padding-bottom: 5px; background-image: url(paragraph_02.jpg); background-repeat: repeat-y; height: 110px; margin-left: 3px; _margin-left: 5px; } .layout-two-column-left #beta, .layout-one-column #alpha{ clear: right; float: right; height: auto; width: 590px; _width: 600px; margin-left: 12px; _margin-left: 12px; margin-top: -80px; margin-right: 12px; } .layout-two-column-left .entry-header, .layout-one-column .entry-header{ margin-left: 3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-image: url(paragraphLarge_01.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 10px; height: 40px; padding-top: 15px; margin-top: -5px; _margin-left: 10px; } .layout-two-column-left .entry-content, .layout-one-column .entry-content{ width: 580px; margin-top: -22px; } .layout-two-column-left .entry, .layout-one-column .entry{ background-image: url(entry-userpicLarge.jpg); background-repeat: no-repeat; background-position: bottom; width: 585px; _width: 595px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-bottom: 30px; } .layout-two-column-left .entry-body, .layout-one-column .entry-body{ height: auto; background-image: url(paragraphLarge_02.jpg); background-repeat: repeat-y; margin-left: 3px; width: 570px; padding-top: 10px; padding-right: 10px; padding-left: 10px; _margin-left: 10px; } .layout-two-column-left .entry-userpic, .layout-one-column .entry-userpic{ width: 570px; margin-left: 3px; _margin-left: 10px; margin-top: -20px; _padding-top: 20px; padding-right: 20px; padding-bottom: 5px; background-image: url(paragraphLarge_02.jpg); background-repeat: repeat-y; height: 110px; } .layout-two-column-left #alpha, .layout-three-column #alpha { clear: none; float: left; height: auto; width: 165px; _width: 165px; margin-left: 0px; _margin-left: 0px; background-repeat: no-repeat; background-position: top; background-image: url(left_01.jpg); } .layout-two-column-left #alpha-inner, .layout-three-column #alpha-inner{ height: auto; width: 165px; margin-top: 22px; background-image: url(left_02.jpg); background-repeat: repeat-y; margin-left: 5px; _margin-left:10px; } /* */ .layout-two-column-right #alpha{ clear: left; float: left; height: auto; width: 590px; _width: 600px; margin-left: 8px; _margin-left: 8px; margin-top: -45px; margin-right: 8px; } .layout-two-column-right .entry-header{ margin-left: 3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; background-image: url(paragraphLarge_01.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 10px; height: 40px; _height: 40px; padding-top: 15px; margin-top: -5px; _margin-left: 10px; } .layout-two-column-right .entry-content{ width: 580px; margin-top: -22px; } .layout-two-column-right .entry{ background-image: url(entry-userpicLarge.jpg); background-repeat: no-repeat; background-position: bottom; width: 585px; _width: 595px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; padding-bottom: 30px; } .layout-two-column-right .entry-body{ height: auto; background-image: url(paragraphLarge_02.jpg); background-repeat: repeat-y; margin-left: 3px; width: 570px; padding-top: 10px; padding-right: 10px; padding-left: 10px; _margin-left: 10px; } .layout-two-column-right .entry-userpic{ width: 570px; margin-left: 3px; _margin-left: 10px; margin-top: -20px; _padding-top: 20px; padding-right: 20px; padding-bottom: 5px; background-image: url(paragraphLarge_02.jpg); background-repeat: repeat-y; height: 110px; } /* */ #alpha .module-content { width: 140px; font-size: 10px; } #alpha .module-content ul { margin: 0; _margin-left: 0px; padding: 0; _padding-left: -50px; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; font-size: 10px; } #alpha .module-content li { margin: 0; _margin-left: 0px; } #alpha .module-content ul ul li { margin: 0; _margin-left: 0px; } #alpha .module-content li a{ display: block; background-image: url(redButton.jpg); background-repeat: repeat-y; _background-image: none; _background-repeat: repeat-y; width: 145px; _width: 140px; margin-left: -10px; _margin-left: 0px; padding-top: 5px; padding-bottom: 8px; padding-right: 5px; padding-left: 5px; _padding-top: 8px; _padding-bottom: 5px; _padding-right: 5px; _padding-left: 5px; color: #FFF; height: auto; text-decoration: none; } #alpha .module-content ul ul a:hover{ display: block; background-image: url(grey.jpg); background-repeat: repeat-y; _background-image: none; width: 145px; _width: 140px; margin-left: -10px; padding-top: 5px; padding-bottom: 8px; padding-right: 5px; _margin-left: 0px; _padding-top: 5px; _padding-bottom: 8px; _padding-right: 5px; padding-left: 30px; color: #333333; _color: #EEEEEE; height: auto; text-decoration: underline; } #alpha .module-content ul ul a{ display: block; background-image: url(redButton.jpg); background-repeat: repeat-y; _background-image: none; _background-repeat: repeat-y; width: 145px; _width: 140px; margin-left: -10px; _margin-left: 0px; padding-top: 5px; padding-bottom: 8px; padding-right: 5px; padding-left: 30px; _padding-top: 5px; _padding-bottom: 8px; _padding-right: 5px; _padding-left: 30px; color: #CCC; height: auto; text-decoration: none; } #alpha .module-content li a:hover{ display: block; background-image: url(grey.jpg); background-repeat: repeat-y; _background-image: none; width: 145px; _width: 140px; margin-left: -10px; padding-top: 5px; padding-bottom: 8px; padding-right: 5px; _margin-left: 0px; _padding-top: 5px; _padding-bottom: 8px; _padding-right: 5px; padding-left: 5px; _padding-left: 5px; _color: #EEEEEE; color: #333333; height: auto; text-decoration: underline; } #alpha .module-categories{ background-image: url(catagoriesTitle.jpg); background-repeat: no-repeat; padding-top: 45px; } #alpha .module-categories .module-header{ display:none; } #alpha .module-search{ background-image: url(searchTitle.jpg); background-repeat: no-repeat; padding-top: 45px; } #alpha .module-search .module-header{ display:none; } #alpha .module-archives{ background-image: url(archivesTitle.jpg); background-repeat: no-repeat; padding-top: 45px; } #alpha .module-archives .module-header{ display:none; } #alpha .module-header{ font-size: 15px; padding-right: 5px; padding-left: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } a{ color: #FFFFFF; font-weight: bold; } a:hover{ color: #FFFFFF; font-weight: bold; } #alpha .module{ height: auto; width: 165px; } #alpha .module-powered { background-image: url(left_03.jpg); background-repeat: no-repeat; background-position: bottom; height: 70px; padding-bottom: 50px; margin-left: -5px; } #search{ width: 120px; } .module-header, .module-header a{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #000000; height: auto; width: 120px; } .module-header a:visited{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #000000; height: auto; width: 120px; } img{ padding: 6px; _padding: 0px; border: thin dashed #990000; margin-right: 10px; _margin-right: 15px; } .entry-userpic img{ padding: 3px; float: right; } .entry-footer a:hover, .permalink a:hover, .post-footers a:hover{ color: #666666; } .post-footers { color: #CC0000; font-weight: bold; } .entry-footer a, .permalink a, .post-footers a{ color: #CCCCCC; } .date-header{ font-family: Perpetua, Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background-image: url(dateBulleye.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; height: 20px; padding-top: 8px; _padding-top: 0px; margin-left: 2px; } #beta li{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; } /* gamma */ .layout-two-column-right #beta, #gamma{ clear: right; float: right; height: 100; width: 165px; margin-top: -42px; margin-bottom: 5px; margin-right: 10px; _margin-left: -15px; background-repeat: no-repeat; background-position: top; background-image: url(right_01.jpg); } .layout-two-column-right #beta-inner, #gamma-inner{ height: auto; width: 165px; margin-top: 22px; background-image: url(right_02.jpg); background-repeat: repeat-y; margin-left: 5px; _margin-left: 10px; } .layout-two-column-right #beta .module-content, #gamma .module-content { width: 140px; font-size: 10px; } .layout-two-column-right #beta .module-powered, #gamma .module-powered { background-image: url(right_03.jpg); background-repeat: no-repeat; background-position: bottom; height: 70px; padding-bottom: 90px; margin-left: -5px; } .layout-two-column-right #beta .module, #gamma .module{ height: auto; width: 165px; } .layout-two-column-right #beta .module-header a, .layout-two-column-right #beta .module-header a:visited, #gamma .module-header a, #gamma .module-header a:visited{ font-size: 14px; padding-right: 5px; padding-left: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none; } .layout-two-column-right #beta .module-header a:hover, #gamma .module-header a:hover{ font-size: 14px; padding-right: 5px; padding-left: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: underline; } .layout-two-column-right #beta .module-header, #gamma .module-header{ font-size: 14px; padding-right: 5px; padding-left: 5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-image: url(rightHeader.jpg); height: 30px; width: 145px; padding-top: 7px; padding-left: 30px; background-repeat: no-repeat; margin-top: 12px; } .layout-two-column-right #beta ul ul, #gamma ul ul{ text-decoration: none; padding-left: 15px; _padding-top: 10px; } .layout-two-column-right #beta ul, #gamma ul{ text-decoration: none; } .layout-two-column-right #beta li a, #gamma li a{ text-decoration: none; display: block; padding-left: 15px; } .layout-two-column-right #beta li a:hover, #gamma li a:hover{ text-decoration: underline; color: #FFFFFF; display: block; padding-left: 15px; background-image: url(redStar.jpg); background-repeat: no-repeat; background-position: left; } .layout-three-column .comments{ background-color: #000000; padding: 65px 10px 10px; border: thin dashed #990000; width: 390px; background-image: url(commentsTitle.gif); background-repeat: no-repeat; } .layout-three-column .trackbacks{ background-color: #990000; padding: 45px 10px 10px; border: thin dashed #999999; width: 390px; background-image: url(trackTitle.gif); background-repeat: no-repeat; } .layout-two-column-left .comments, .layout-one-column .comments, .layout-two-column-right .comments{ background-color: #000000; padding: 65px 10px 10px; border: thin dashed #990000; width: 560px; background-image: url(commentsTitle.gif); background-repeat: no-repeat; } .layout-two-column-left .trackbacks, .layout-one-column .trackbacks, .layout-two-column-right .trackbacks{ background-color: #990000; padding: 45px 10px 10px; border: thin dashed #999999; width: 560px; background-image: url(trackTitle.gif); background-repeat: no-repeat; } blockquote{ background-color: #231F20; padding: 5px; border: thin none #CCCCCC; } .content-nav{ text-align: right; /* position: absolute; top: -213px; */ } #trackback{ display:none; } .comments-header{ display:none; } .trackbacks-header h3{ background-image: url(trackTitle.gif); background-repeat: no-repeat; padding-top: 45px; height: 50px; width: 300px; } /*.trackbacks-header{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF; height: 30px; padding-top: 0px; _padding-top: 0px; }*/ .comments-header{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF; height: 30px; padding-top: 0px; _padding-top: 0px; } submit{ background-image: url(submitButton.gif); } .comments-open-header{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFFFFF; font-weight: bold; }