/* Theme Name: AnEndlessArray Crest Theme Theme URI: http://www.anendlessarray.com Description: Darker colors for less energy in viewing, this theme is an eco-friendly yet design savy answer to blogging responsibly. Stop global warming - darken your pallet! Version: 1.0 Author: Lauren Scime, owner, Object Adjective Author URI: http://www.objectadjective.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* BASE ELEMENTS */ * {margin: 0; padding: 0; border: 0;} body {font: 10pt "Helvetica", Verdana, Lucida, Helvetica, Arial, sans-serif; color: #474145; background: url(img/body-bkgd.jpg) 0 0 repeat; text-align: center;} a {text-decoration: none; color: #990066; font-weight: bold; background: transparent;} a:hover {text-decoration: underline; color: #990066;} small {text-align: right; margin: .5em 0; font-size: 9pt;} h1 {font-size: 1.5em;} /*h2, h3, h4 {font-size: 1.2em; border-bottom: 1px dashed #5c7c8b;}*/ hr {margin: 0 auto; clear: both; border-top: 1px solid #ddd;} .clear {clear: both !important;} * html a {position: relative; } :focus, :active {outline: none;} .right {float: right; clear: none; } /* Begin Layout Elements */ #wrapper {background: url(img/wrapper-bkgd.png) 0 0 repeat-y; padding: 0px; margin: 0 auto; width: 1092px; } * html #wrapper {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.anendlessarray.com/blog1/wp-content/themes/blog-action/img/wrapper-bkgd.png", sizingMethod="scale"); margin-top: -10px;} /* Begin Navigation Elements */ #navigation {display: block; background: url(img/wood-top.jpg) 0 0 repeat-x; height: 48px; width: 100%; margin: 0; padding: 0; text-align: right; } #navigation ul#nav { margin: 0px auto; width: 1003px; background: transparent url(img/cross.png) 3px 5px no-repeat; height: 48px; padding-top: 10px; } * html #navigation ul#nav {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.anendlessarray.com/blog1/wp-content/themes/blog-action/img/cross.png", sizingMethod="crop"); margin-top: 4px; } ul#nav li {text-align: center; float: right; margin-right: 10px; font-size: 1.1em; list-style: none; font-weight: normal; } * html ul#nav li {margin-top: -4px;} #nav a { padding: 10px 15px; color: #f8feff; text-decoration: none; font: 14pt 'Trebuchet MS', 'Century Gothic', Geneva, sans-serif bold; margin: 0 5px; background: transparent ;} #nav a:hover { color: #fff; } #page_nav a {display: block; color: #999; padding: 10px; border: 1px solid #eee;} #page_nav a:hover {color: #999; border: 1px solid #ddd; background: #eee;} /*HEADER*/ #newheader {background: url('img/crestheader.jpg') 0 0 no-repeat; text-align: left; padding-top: 0px; width: 1003px; margin: 0 auto; z-index: 40; } #headerimage {height: 268px; background: transparent; list-style: none;} #newheader h1 {padding: 65px 0 5px 20px; border: 0;} #newheader h1 a {font-size: 2em; color: #fda;} #newheader h1 a:hover {color: #dcf6f9; text-decoration: none; border-top: 5px solid #f90; border-bottom: 5px solid #f90;} #newheader h2 {color: #990066; font-size: 1em; padding-left: 20px; font-weight: normal; border: 0; margin-top: 10px; visibility: hidden; } /*MAIN CONTENT AREA - POSTS AND SIDEBAR*/ #shadow {width: 1003px; height: 40px; margin: -30px auto 0 auto; background: url(img/shadow.jpg) center 0 no-repeat; } #inner-wrap { width: 1002px; background: #ecede8; margin: 0 auto; padding-left: 0px; padding-bottom: 0px; } .blog-action {display: none; } .post h2 a, .post h2 a:visited {color: #544f3a !important; font: 16pt 'Arial', 'Century Gothic', 'Lucida Grande', verdana, sans-serif; font-weight: bold; margin: 0px;} .post h2 a:hover, .post h2 a:active {color: #990066 !important; } /* MAIN TEXT BODY - Column 1 */ #column1 {float: left; margin: 0 0 30px 25px; width: 500px; padding-top: 0px; text-align: justify; padding-left: 10px;} * html #column1 {margin-left: 15px; padding-left: 0px; } .entry {border-top: 1px solid #333; padding-top: 5px; } #column1 p {margin: 5px 0 10px 0; line-height: 1.5em;} #column1 .metadata {margin-left: 11px; margin-bottom: 5px; } #column1 .meta-single {margin: 0 0 10px 0; } #column1 h1, #column1 h2 {color: #790000; font-weight: bold; margin: 0.5em 0; padding-bottom: 0.2em; border: 0; text-align: left;} #column1 h2 {font-size: 1.5em; margin-bottom: 0px; } #column1 h2 a {color: #990066; font-weight: bold; } #column1 h2 a:hover {color: #333; text-decoration: none; } #column1 ul {margin: 1em; padding: 0.5em; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee;} #column1 ul li {margin: 0 1em; padding: 0.2em; list-style: square inside;} #column1 ol li {margin: 0 3em; padding: 0.2em; list-style: decimal outside;} #column1 blockquote {margin: 15px; padding: 0 0 10px 30px; font-style: italic; background: url('img/blockquote.png') 0 0 no-repeat;} #column1 .boxedup blockquote {background: url(img/blockquote-comments.jpg) 0 0 no-repeat; } #column1 blockquote p {margin: 1em 2em 0 0;} .post {margin-bottom: 40px; } #page .objadj a:link, .me-link a:link { font: 11pt tahoma, arial, sans-serif; text-decoration: underline; } .objadj a:hover, .me-link a:hover {color: #7495ae !important;} .date {color: #666; margin: 0.5em 0 .5em 1em; text-align: right; float: right; line-height: 1em;} .date1 {font-size: 2em; display: block;} *:first-child+html .date1 {line-height: 2em; } * html .date1 {line-height: 2em; } .date2 {font-size: 1.5em; display: block; padding: 0; margin: 0;} *:first-child+html .date2 {margin-top: -20px; } * html .date2 {margin-top: -20px; } .date3 {font-size: 1.5em; display: block; font-weight: bold; padding: 0; margin: 0; } .pageInfo {font-size: 0.8em; color: #aaa; text-align: left; border-bottom: 1px dashed #ccc; padding: 1em; margin-bottom: 10px; clear: both;} .fifty {width: 40%; text-align: center;} /* SIDEBAR */ #sidebar-top {width: 390px; float: right; clear: none; margin: 0px 30px 40px 0px; background: #544f3a; border: 2px dashed #ecede8; } *:first-child+html #sidebar-top {border: 2px dashed #544f3a; } * html #sidebar-top {border: 2px dashed #544f3a; margin-right: 15px; } #crossp {margin: 10px 0 10px 0; } #cross {padding-bottom: 10px; height: 30px; } * html #cross {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.anendlessarray.com/blog1/wp-content/themes/blog-action/img/cross.png", sizingMethod="crop"); width: 40px; margin-left: 10px; border-bottom: 0px; } #sidebar {width: 365px; margin: 0px 10px 20px 12px; background: #c4e0e6; border: 2px dashed #544f3a; padding-top: 10px; padding-bottom: 40px; } *:first-child+html #sidebar {border: 2px dashed #c4e0e6; } * html #sidebar {border: 2px dashed #c4e0e6; } #search {width: 335px; padding: 15px 0px 0px 0px; margin: 0 20px 10px 20px; background: transparent; } #search p {margin-bottom: 10px; font-size: 11pt; font-weight: bold; text-align: left; width: 50px; float: left; margin-right: 5px; color: #544f3a; margin-top: 5px; } #sidebar form {text-align: left;margin-left: 5px; } #sidebar form #s {width: 200px; font-size: 10pt; padding: 2px; border: 1px solid #333; background: #efefef; } #searchform #s:focus {border: 1px solid #990066; background: #fafafa;} #searchsubmit {font-size: 10pt; cursor: pointer; padding: 1px; border: 1px solid #333; background: #feffff; color: #333; } #searchsubmit:hover {border: 1px solid #333; background: #544f3a; color: #fff; } #submit {cursor: pointer;} #sidebar ul {text-align: left; margin: 20px; padding-bottom: 0px; margin-bottom: 1em;} #sidebar ul li {list-style: none; margin: 0; padding: 0.5em; } #sidebar ul li a {color: #544f3a;} #sidebar ul li h2, #sidebar ul li h3, #column3 ul li h2, #column3 ul li h3 {margin: 0; padding: 0.5em 0; padding-bottom: 0em; color: #544f3a ; font-size: 14pt; } #sidebar ul li.listHeader, #sidebar ul li.listHeader { padding: 0; margin-bottom: 10px; } .affil {border: 1px solid #333; margin-left: -10px; } #sidebar ul.cats {margin-top: 0px; } #sidebar ul.cats li {float: left; clear: none; list-style: none !important; margin: 0px; margin-right: 8px; padding-left: 0; margin-bottom: 4px !important; padding: 3px 5px; background: #d9f3f3; } #sidebar ul.cats li:hover {background: #feffff; } #sidebar ul.cats li a { } /*TWITTER STYLES */ /*TWITTER STYLES */ .twitterblock {background: #E6F3F0; padding: 10px 5px 10px 5px; border: 1px solid #369; width: 320px; margin: 10px auto 0 auto; } .twitter { padding: 0px 0 0px 0px; background: url(../img/twitter-sm.jpg) 0 center no-repeat; color: #1c373f; margin: 0px 3px; text-align: left; } #sidebar .twitterblock h2 {margin: 0 0 0 20px !important; font-size: 18pt; text-align: left !important; } .twitterblock h2 a:hover {color: #544f3a !important; text-decoration: none; } *:first-child+html .twitter {padding-left: 48px !important; } * html .twitter {padding-left: 48px !important; } #sidebar #twitter_update_list {border: 4px solid #9b978b; background: #e2ded2; padding: 0 10px; color: #1c373f; margin: 5px 20px;} #twitter_update_list li {margin: 0; padding: 11px 0; border-bottom: 1px dashed #fdfefe;} #twitter_update_list a {color: #990066; font-weight: normal;} #twitter_update_list a:hover {color: #097190; } #twitter_update_list span {display: block;} .follow {color: #1c373f; font-weight: bold; } .follow:hover {color: #05789a; border: 0; text-decoration: none; } /* WP-CALENDAR Styles */ #wp-calendar {text-align: center;} #wp-calendar {width: 100%; background: #fff;} #wp-calendar caption {background: #ebf2f3; font-weight: normal;} #wp-calendar thead {background: #eee;} #wp-calendar #today {background: #e1f1f3;} #wp-calendar a {text-decoration: underline; color: #990066;} #wp-calendar a:hover {color: #003366;} #footer {background: url('img/footer-bkgd.jpg') 0 0 repeat-x; font-size: 0.9em; clear: both; padding: 40px 10px; margin: 0;} #footer p {text-align: center; margin: 0; padding: 0; color: #fff;} #footer a:link, #footer a:visited {color: #eef6e0;} #footer a:hover {color: #eee; text-decoration: underline; } #back {clear: both; font-size: 0.8em; text-align: right; padding: 0 10px; clear: both; margin-top: 20px; margin-bottom: 20px; } #back a {font-weight: normal;} #back span {float: left;} #back strong {color: #006;} /* End Layout Elements */ /* Begin Form Elements */ .boxedup {background: #fff url('img/gradient.png') top repeat-x; border: 1px solid #333; padding: 0 /*0.5em 2em*/; margin: 0.5em 0;} #commentform p {margin-left: 30px !important; margin-right: 30px !important; } .boxedup p {margin-left: 30px; margin-right: 30px;} .boxedup #commentlist li p {margin-left: 0px !important; margin-right: 0px !important;} .comment-text p {margin-left: 0px !important; margin-right: 0px !important; } .comment-text {margin-top: 15px; } .boxedup #commentlist li .commentauth {color: #666; margin-left: -30px !important; } .entry form {text-align: center;} select {width: 140px;} .boxedup h3#respond, .boxedup h3#comments {margin: 20px 10px 5px 30px; color: #333; } #commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0px; border: 1px solid #ccc; background: #fafafa;} #commentform input:focus {border: 1px solid #aaa; background: #f6f6f6;} #commentform textarea {width: 437px; padding: 2px; border: 1px solid #ccc; background: #fafafa; margin-left: 0px;} #commentform textarea:focus {border: 1px solid #aaa; background: #f6f6f6;} #commentform #submit {border: 1px solid #ccc; color: #666; background: #fafafa; vertical-align: top; margin-left: 0px; margin-bottom: 20px; } #commentform #submit:hover {border: 1px solid #aaa; background: #eee;} .comment_no {padding-top: 5px; float: left; font-size: 3.5em; color: #eee; display: none; margin-left: 10px; } .commentlist {padding: 0; margin: 5px 0 5px -40px; list-style: none; margin-left: 0px;} .commentlist li {clear: both; list-style: none outside !important; padding: 15px 0px 5px 0px !important; background: #fff; border-top: 1px solid #ddd; margin: 10px 0;} .alt {clear: both;} /* End Form Elements */ /* Begin Images */ p img {padding: 0; border: 2px solid #990066;} p img[alt="an image"] {float: left; margin: 0 7px 2px 0;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} img a:link {border: 2px solid #990066;} .thumbs img {border: none;} .thumbs {text-align: center;} .thumbs a:link img, .thumbs a:visited img{border: 2px solid #990066;} .thumbs a:hover img {border: 2px solid #eee;} .center {display: block; margin-left: auto; margin-right: auto;} .alignright {float: right;} .alignleft {float: left;} .images {width: 95%; text-align: center;} .images img {float: left; clear: both; margin: 0 auto;} /* End Images */ /* Begin Icons and Stuff */ #sidebar #spread .listheader {margin-bottom: 0 !important; padding-bottom: 0px; } #spread li h2 {margin-bottom: 0px; padding: 0px; } #sidebar #spread-icons ul.icons {float: left; clear: none; width: 170px; margin: 0px; } .icons a {display: block; height: 14px; padding-left: 25px; padding-top: 2px;} .icons a:hover {background-position: left bottom ;} #spread-icons {margin-left: 10px; } .icons .s_delicious {background: #d9f3f3 url('icons/delicious.gif') no-repeat;} .icons .s_digg {background: #d9f3f3 url('icons/digg.gif') no-repeat;} .icons .s_technorati {background: #d9f3f3 url('icons/technorati.gif') no-repeat;} .icons .s_reddit {background: #d9f3f3 url('icons/reddit.gif') no-repeat;} .icons .s_magnolia {background: #d9f3f3 url('icons/magnolia.gif') no-repeat;} .icons .s_stumbleupon {background: #d9f3f3 url('icons/stumbleupon.gif') no-repeat;} .icons .s_yahoo {background: #d9f3f3 url('icons/yahoo.gif') no-repeat;} .icons .s_google {background: #d9f3f3 url('icons/google.gif') no-repeat;} .iconComment a {padding-left: 20px; background: url('icons/icon_comment.png') top left no-repeat;} .iconEdit {background: url('icons/icon_edit.png') top left no-repeat; padding: 1px 0 5px 20px;} .iconrss {background: url('icons/icon_feed.gif') no-repeat;} /* End Icons and Stuff */ /*Entry Styles*/ /* ANENDLESS ARRAY WORD STYLES _ BRANDED */ .subsection {font: 12pt 'century gothic', 'andale mono', helvetica, geneva, sans-serif normal !important; color: #990066 !important; margin-right: 10px;} .note {font: 9pt Geneva, Arial, Sans-Serif lighter; color: #666;} /*Special Sidebar styles*/ .small-banner img {border: 1px solid #990066; margin-left: 10px;} .small-banner img a:hover {border: 1px solid #006633;} /*Portfolio Page Specific*/ .port-header {text-align: right; margin: 20px 10px 10px 10px !important; font: 13pt 'century Gothic', 'Lucida Grande', Geneva, Helvetica, sans-serif normal !important; color: #990066 !important; border-bottom: 1px dashed #990066 !important; } .port-desc {font-weight: lighter; text-align: left; } /*PLUGGIN STYLES*/ .wp_syntax { color: #100; background-color: #f9f9f9; border: 1px solid silver; margin: 0 10px 10px 10px; overflow: auto; } /* IE FIX */ .wp_syntax { overflow-x: auto; overflow-y: hidden; padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0); } .wp_syntax table { border-collapse: collapse; } .wp_syntax div, .wp_syntax td { vertical-align: top; padding: 2px 4px; } .wp_syntax .line_numbers { text-align: right; background-color: #def; color: gray; overflow: visible; } /* potential overrides for other styles */ .wp_syntax pre { margin: 0; width: auto; float: none; clear: none; overflow: visible; } .code {text-align: center; border: 1px dashed #666; padding: 5px; background: #fff; font: 10pt "andale mono", monaco, "courier new", "myriad pro", sans-serif; } .inlinecode {font: 10pt "andale mono", monaco, "courier new", "myriad pro", sans-serif; } /*HCARD INFO STYLES - ABOUT PAGE */ #hcard-Lauren-Scime {font-size: 12pt; } #aboutHead img {border: 2px solid #990066; margin-right: 10px; } #hcard-Lauren-Scime h3 {font-size: 20pt; clear: right; padding-top: 20px;} .entry .title {font-size: 11pt;} .entry .tel {display: none; } .entry .blog, .entry .adr, .entry .tags {display: none;} #aboutHead {border: 1px solid #ddd; width: 478px; overflow: hidden; padding: 10px; background: #fff; } #aboutText {font-size: 11pt; } #advocacy {padding: 10px; line-height: 1.5; font-size: 12pt; margin: 15px 0; } .postmetadata small {display: block; background: #f3f4ef; border: 1px solid #ccc; padding: 10px; text-align: left; } #contactText {text-align: left !important; margin-top: 20px; }