/* Theme Name: Translucence Theme URI: Description: Easy to use highly flexible theme with options for defining background images and setting colors, opacity and visibility of various foreground areas including widget bars Version: 1.0.1 Author: Alex Chapin Author URI: Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options, fixed-width, flexible-width, custom-colors, custom-header, sticky-post, light, dark, white, black, yellow, blue, green, red, silver */ /* Begin Typography & Colors */ body { font-size: 62.5%; Resets 1em to 10px; /*font-size: 1em;*/ font-family:'Helvetica Neue',Arial,Helvetica,sans-serif; color: #999999; background-color: #071427; background-image: url('images/blue/bg-seal03.png'); background-repeat: no-repeat center top; background-position: center top; margin-top: 10px; } #headerimg { margin: 7px 9px 0; height: 192px; /* width: 740px;*/ } #content { font-size: 1.2em } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } #footer { /* background: #eee url('images/kubrickfooter.jpg') no-repeat top; border: none; */ } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: Arial, Helvetica, Sans-Serif, Sans-Serif; font-weight: bold; border-bottom: 1px solid #CCCCCC; } h1 { font-size: 4em; text-align: center; } #headerimg .description { font-size: 1.2em; text-align: center; } h2 { font-size: 1.6em; } h2.pagetitle { font-size: 1.6em; } .sidebarleft h2 { font-family: Arial, Helvetica, Sans-Serif, Sans-Serif; font-variant: small-caps; margin: 5px 0 0; padding-left: 5px; padding-top: 15px; padding-bottom: 10px; font-size: 18px; } .sidebarright h2 { font-family: Arial, Helvetica, Sans-Serif, Sans-Serif; font-size: 1.2em; font-variant: small-caps; margin: 5px 0 0; padding-left: 5px; padding-top: 15px; padding-bottom: 10px; font-size: 18px; } .sidebarright02 h2 { font-family: Arial, Helvetica, Sans-Serif, Sans-Serif; font-size: 1.2em; font-variant: small-caps; margin: 5px 0 0; padding-left: 5px; padding-top: 15px; padding-bottom: 10px; font-size: 18px; } 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: #333; } */ /* h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none; } */ .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .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: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } small, .nocomments, .postmetadata, blockquote, strike { color: #777; } .sidebarleft ul ul li, .sidebarleft ul ol li { color: #777; } .sidebarright ul ul li, .sidebarright ul ol li { color: #777; } .sidebarright02 ul ul li, .sidebarright02 ul ol li { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } /* a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } */ #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ #headerimg { margin: 0; height: 200px; width: 100%; } .narrowcolumn { float: left; padding: 0 0 20px 20px; margin: 0px 0 0; width: 450px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 5px; } .post { margin: 0 0 40px; text-align: justify; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } /* .widecolumn .postmetadata { 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: both; text-align: left; } .clear { clear: both; } #footer { padding: 0; margin: 0 auto; /* width: 760px;*/ clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* End Structure */ /* Begin Headers */ h1 { padding-top: 20px; padding-left: 10px; margin: 0; text-align: left; } h2 { margin: 10px 0 0; } /* h2.pagetitle { margin-top: 0px; margin-bottom: 10px; text-align: left; } */ h3 { padding: 0; margin: 30px 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; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { } html>body .entry li { margin: 7px 0 8px 10px; } .entry ol li { list-style-type: decimal; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } .sidebarleft ul, .sidebarleft ul ol { margin: 0; padding: 0; } .sidebarright ul, .sidebarright ul ol { margin: 0; padding: 0; } .sidebarright02 ul, .sidebarright02 ul ol { margin: 0; padding: 0; } .sidebarleft ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; } .sidebarright ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; } .sidebarright02 ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; } .sidebarleft ul p, .sidebarleft ul select { margin: 5px 0 8px; } .sidebarright ul p, .sidebarright ul select { margin: 5px 0 8px; } .sidebarright02 ul p, .sidebarright02 ul select { margin: 5px 0 8px; } .sidebarleft ul ul, .sidebarleft ul ol { margin: 0px 0 0 0; } .sidebarright ul ul, .sidebarright ul ol { margin: 0px 0 0 0; } .sidebarright02 ul ul, .sidebarright02 ul ol { margin: 0px 0 0 0; } .sidebarleft ul ul ul, .sidebarleft ul ol { margin: 0 0 0 10px; } .sidebarright ul ul ul, .sidebarright ul ol { margin: 0 0 0 10px; } .sidebarright02 ul ul ul, .sidebarright02 ul ol { margin: 0 0 0 10px; } ol li, .sidebarleft ul ol li { /*list-style: decimal outside;*/ list-style: none; } ol li, .sidebarright ul ol li { /*list-style: decimal outside;*/ list-style: none; } ol li, .sidebarright02 ul ol li { /*list-style: decimal outside;*/ list-style: none; } .bottombar { float: left; } .sidebarleft a .cat-item { display: block; color: #999999; } .sidebarright a .cat-item { display: block; color: #999999; } .sidebarright02 a .cat-item { display: block; color: #999999; } /* End Entry Lists */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: left; } .sidebarleft #searchsubmit { padding: 1px; } .sidebarright #searchsubmit { padding: 1px; } .sidebarright02 #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 { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ /* shadowbox sidebar options below /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #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: #fff; } /* 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; } .hidden { display: none; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; clear: both; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */ /* ShadowBox non-configurable options */ .headermeta_left { width: 50%; text-align: left; margin-left: 0px; } .headermeta_right { width: 45%; text-align: right; float: right; clear: left; margin-right: 0px; } .footermeta_left { width: 50%; text-align: left; margin-left: 10px; } .footermeta_right { width: 40%; text-align: right; float: right; margin-right: 30px; padding-top: 10px; padding-bottom: 10px; } #syndication{ width: 100%; text-align: right; font-size: 11px; padding: 5px 0 0 0; white-space:nowrap; } #syndication span { padding: 5px 10px 0 23px; background: url(images/feed.png) no-repeat 0 1px; border-bottom: none; } #syndication a.feed{ padding: 5px 10px 0 23px; background: url(images/feed.png) no-repeat 0 1px; border-bottom: none; } /* end RSS styles */ /* ShadowBox default configurable options */ .sitewrapper { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 10px; } .headerwrapper { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 10px; } .block_background .block_background_content { background-color: #FFFFFF; padding: 15px; text-align: left; margin: 0px; } .block_foreground { /* background-color: #FFFFFF;*/ } .page_top { background-image: none; background-repeat: no-repeat; background-position: center; border-top: 1px none #000000; border-left: 1px none #000000; border-right: 1px none #000000; padding-top: 0px; margin-top: 10px; } .page_main { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: center; border-left: 1px none #000000; border-right: 1px none #000000; padding-top: 0px; padding-right: 0px; padding-left: 0px; } .page_bottom { background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: center; border-left: 1px none #000000; border-right: 1px none #000000; border-bottom: 1px none #000000; padding-top: 10px; padding-right: 20px; padding-left: 20px; margin-bottom: 10px; } #header { border: 1px 0 0 0; border-bottom: 1px none #999999; border-top: 1px none #999999; margin: 0 0 0 0; padding: 0 0 0 0; } .centercontent { background-color: #FFFFFF; width: 100%; padding-right: 30px; padding-left: 20px; } h1, h2, h3 { color: #999999; border-bottom: 1px solid #CCCCCC; } a, h2 a:hover, h3 a:hover { color: #003366; text-decoration: none; } a:hover { color: #003366; border-bottom:1px solid #036; text-decoration: none; } .block_header { background-color: transparent; border-bottom: 1px none #DFDFDF; border-top: 1px none #DFDFDF; border-right: 1px none #DFDFDF; border-left: 1px none #DFDFDF; padding-top: 0px; height: 70px; } .topbar { color: #666666; background: transparent; border-bottom: 1px none #DFDFDF; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; } .topbar a { color: #FFFFFF; } .topbar a:hover { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .bottombar { color: #666666; background: transparent; border-bottom: 1px none #DFDFDF; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; } .bottombar a { color: #FFFFFF; } .bottombar a:hover { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } div .hr { color: #999999; background-color: #999999; height: 1px; margin-right: -1px; margin-left: -1px; } .headertext a { display: block; padding-top: 3px; padding-left: 0px; color: #FFFFFF; font-size: 30px; font-weight: normal; border-bottom: none; } .block_header .description { display: block; padding-left: 15px; color: #CCCC99; font-size: 10px; } .sidebarleft ul ul li, .sidebarleft ul ol li { font-size: 12px; list-style-type:none; margin: 3px 0 -4px; padding: 3px; padding-right: 10px; } .sidebarright ul ul li, .sidebarright ul ol li { font-size: 12px; list-style-type:none; margin: 3px 0 -4px; padding: 3px; padding-right: 10px; } .sidebarright02 ul ul li, .sidebarright02 ul ol li { font-size: 12px; list-style-type:none; margin: 3px 0 -4px; padding: 3px; padding-right: 10px; } .sidebarleft #searchform #s { background-color: #FFFFFF; color: #003366; border: 1px solid #999999; width: 108px; padding: 2px; } .sidebarright #searchform #s { background-color: #FFFFFF; color: #003366; border: 1px solid #999999; width: 108px; padding: 2px; } .sidebarright02 #searchform #s { background-color: #FFFFFF; color: #003366; border: 1px solid #999999; width: 108px; padding: 2px; } .sidebarleft { width: 150px; visibility: hidden; padding-left: 25px; padding-right: 5px; } .sidebarright { width: 175px; visibility: visible; padding-left: 25px; padding-right: 5px; } .sidebarright02 { width: 175px; visibility: visible; padding-left: 25px; padding-right: 5px; } .sidebarleft a { color: #003366; border-bottom:1px dotted #003366; } .sidebarleft a:hover { color: #003366; border-bottom:1px solid #003366; } .sidebarright a { color: #003366; border-bottom:1px dotted #003366; } .sidebarright a:hover { color: #003366; border-bottom:1px solid #003366; } .sidebarright02 a { color: #FFFFFF; border-bottom:1px dotted #FFFFFF; } .sidebarright02 a:hover { color: #FFFFFF; border-bottom:1px solid #FFFFFF; } .sidebarleft h2 { color: #354253; padding-left: 0px; border-bottom: 1px none #CCCCCC; } .sidebarright h2 { color: #354253; padding-left: 0px; border-bottom: 1px none #CCCCCC; } .sidebarright02 h2 { color: #CCCC99; padding-left: 0px; border-bottom: 1px none #CCCCCC; } .sidebarleftcolor { color: #666666; background: #FFFFFF; border-bottom: 1px none #FFFFFF; border-left: 1px none #FFFFFF; border-right: 1px none #CCCCCC; } .sidebarrightcolor { color: #666666; background: #FFFFFF; border-bottom: 1px none #FFFFFF; border-left: 1px none #CCCCCC; border-right: 1px none #FFFFFF; } .sidebarrightcolor02 { color: #FFFFFF; background: #FFFFFF; border-bottom: 1px none none; border-left: 1px none none; border-right: 1px none none; } .sidebarleft li.current_page_item a { font-weight: bold; } .sidebarleft li.current-cat a { font-weight: bold; } .sidebarright li.current_page_item a { font-weight: bold; } .sidebarright li.current-cat a { font-weight: bold; } .sidebarright02 li.current_page_item a { font-weight: bold; } .sidebarright02 li.current-cat a { font-weight: bold; } .entry a { color: #003366; text-decoration:none; border-bottom: 1px dotted ; padding:0.07em; } .entry a:hover { border-bottom: 1px solid; background-color: #efc; } .entry a:visited { color: #999999; border-bottom: 1px dotted ; } .tag { font-size: 0.93em; color:#999966; } .tag a { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#FFFFFF; border:1px solid #ccc; cursor:default; display:inline-block; margin:2px 0.2em; padding:0.1em 0.2em; } .tag a:hover { text-decoration: none; background-color: #FFFFFF; } .category { font-size: 0.93em; color:#999966; } .category a { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; background-color:#FFFFFF; border:1px solid #ccc; cursor:default; display:inline-block; margin:2px 0.2em; padding:0.1em 0.2em; } .category a:hover { text-decoration:none; background-color:#FFFFFF; } .postlink a { display: block; border: 1px dotted #000000; text-align: center; padding: 5px; margin-top: 10px; } .postlink a:hover { border: 1px solid #000000; text-align: center; padding: 5px; margin-top: 10px; } .editlink a { display: block; border: 1px dotted #000000; text-align: center; text-decoration: none; padding: 1px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; } .editlink a:hover { text-decoration: none; border: 1px solid #000000; padding: 1px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; } .post h2 { color: #003366; text-decoration: none; } #commentform textarea { background-color: #FFFFFF; color: #000000; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: #FFFFFF; } .bgtextcolor { color: #FFFFFF; font-size: 12px; } .bgtextcolor a { color: #FFFFFF; border-bottom: none; background-color: none; } .bgtextcolor a:hover { background-color: transparent; border-bottom:1px solid #FFFFFF; }