/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the 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! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*BODY ELEMENTS*/ html, body.custom {} .custom #header_area {width: 261px; position: fixed;} .custom #header_area .page {width: 261px;} .custom .full_width > .page {background: none;} .custom #content_area .page, .custom #footer_area .page {margin-left: 261px;} .custom #content_box {background: none; margin-top: 15px;} .custom .top {border: none;} body.custom {background: #000F11 url(images/bg.png) repeat-y;} ul, li{list-style-type: none; padding: 0; margin: 0;} img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden} .custom .sethgodin {padding: 5px; border: 1px dotted #CECCC0; background: #EEEEEE; margin-bottom: 10px;} /*CONTENT*/ .custom #header {border: none; padding: 15px 0 0 0;} .custom .format_text a {color: #545d68;} .custom .format_text a:hover {color: #a6a8ab;} .custom .format_text .to_comments {display: none;} .custom .format_text h1 {border-bottom: 1px solid #e5e5e5; font-weight: bold; line-height:1.4em;} .custom h2 a {color:#191919;} .custom h2 a:hover {color: #a6a8ab;} .custom .headline_area h1, .headline_area h2 {font-size:1.2em; font-weight: bold;} .custom .headline_area h1, .headline_area h2 a {border-bottom: 1px solid #e5e5e5;} .custom blockquote {border-left:1px solid #a6a8ab; color:#545d68; font-style:italic;} .custom .prev_next {color: #191919; border-color: #e5e5e5; border-width: 1px 0 0 0;} .custom .prev_next a {color: #545D68;} .custom .prev_next a:hover {color: #A6A8AB; text-decoration:none;} .custom .format_text img {border: solid 5px #e5e5e5} .postmeta {color: #a6a8ab; padding: 0; font-size: 10px; float: left;} .postmeta p {margin-bottom: 0px;} .facebook {float: right; margin-right: 15px; margin-top: -2px;} .custom a.google-buzz-button .buzz-small {padding-right: 10px;} .format_text .post_tags {display: none;} .post_box, .teasers_box {margin: 0px; padding: 1em 1.5em; border-style: solid; border-color: #e5e5e5;} .headline_meta span, .headline_meta abbr {display: none;} .format_text ul {margin: -10px 0 25px 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px;} .similar h2 {font-size: 11px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-left: 15px} .similar a {padding-left: 15px; line-heigh: 2em;} .similar {border-top: 1px solid #e5e5e5; margin: 50px 0 -5px -15px;} /*NAV MENU-SIDE*/ .custom #side {width: 261px; margin: 2em 0 0 auto; padding: 0; float: none; border: none;} .headertext {text-indent: -9999px; background: url(images/logo.png) no-repeat; margin-left: 50px; margin-bottom: 20px;} .headertext a {display: block; width: 168px; height: 32px;} img.logo {border: 5px solid #e5e5e5;} .custom ul.menu {background: none; border: none; margin: 2.5em 0 0 161px;} .custom ul.menu li {float: right;} .custom .menu a {letter-spacing: 1px; border: none; float: right; color: #191919; text-decoration: none; padding-left: 20px; background:url(images/navbg.png) no-repeat; text-transform: none; width: 77px;} .custom .menu a:hover, .menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover {float: right; width: 101px; border: none; background: url(images/navbg1.png) no-repeat; color: #191919;} .custom .search_form { margin-left: 35px; margin-top: 50px;} .custom input, textarea {padding: 5px 5px; width: 180px; color: #191919; background:#E5E5E5 none repeat scroll 0 0; border-color:#545D68 #E5E5E5 #E5E5E5 #545D68;} .custom .nav, .menu li ul {border-width: 0;} /*PHOTO GALLERY PAGE*/ .thumbgallery { float:left; border: 5px solid #e5e5e5; margin: 0 2em 2em 0;} /*ARCHIVE*/ #archive {margin-top: -15px; margin-bottom: 15px;} #archive .menu h3 {color: #191919; background: url(images/archivemenu.png) left no-repeat; letter-spacing: 1px; font-size: 11px; margin: 15px 0 0 -15px; padding: 3px 0 1px 15px; font-weight: bold;} #archive ul.menu li {float:left; background: none;} #archive ul.menu a {letter-spacing: 0px; background: none; padding: 0; width: auto; float: none; border-bottom: 1px solid #e5e5e5;} #archive ul.menu .current a {border-bottom: 1px solid #e5e5e5;} #archive ul.menu {margin:0; padding: 0;} #archive .menu ul, .menu ul li {margin:0; padding:0; list-style:none; background: none; width: 650px;} #archive .menu ul.menu_links {visibility: visible; margin-top: 15px; position: static;} #archive .menu ul.menu_links li {width: inherit; clear: inherit;} #archive .menu ul.menu_links a {color: #545d68; margin: 0 0 5px; float: right; text-align: right; border: none; font-size: 11px;} .menu_links {color: #191919; text-align: right;} .menu_links a:hover {text-decoration: underline;} .hidden {display:none;} .custom #archive_info {border-color:#e5e5e5;} /*FOOTER*/ .custom #footer {border: none; padding: 0; font-size: 11px;} .custom #footer a {color: #545d68; border: none;} .custom #footer a:hover {color: #a6a8ab;} .custom #footer {text-align: justify;} .custom #footer p {font-size: 11px; float:right; margin-top: -25px} .elsewhere {padding: 10px 0 10px 10px; border-top: 1px solid #e5e5e5;} .copyright {padding: 10px 0 10px 10px; border-top: 1px solid #e5e5e5;} /************************************************ * Comments * ************************************************/ .commentlist li ul li { font-size: 12px; } .commentlist h3 {text-transform: uppercase; font-size: 14px; margin: 10px 0 3px 15px;} .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 3px solid #e5e5e5; margin: 0px 0px 0px 10px; } .commentlist cite, .commentlist cite a { font-style: normal; font-size: 12px; } .commentlist cite a { color: #545d68; border-bottom: 1px solid #e5e5e5;} .commentlist p.commentnumber { font-weight: normal; text-transform: none; line-height: 0px; font-size: 9px; margin-left: 15px; } .commentlist p { font-weight: normal; text-transform: none; font-size: 11px; margin: 10px 5px 10px 0px; padding: 0px; line-height: 1.636em; } .commentmetadata { font-size: 9px; margin: 2px 0 0 0; display: block; color: #a6a8ab; } .commentmetadata a{ font-weight: normal; font-size: 10px; color: #a6a8ab; } .cancel-comment-reply { margin-top: 10px;} .custom #cancel-comment-reply-link { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#545d68 none repeat scroll 0 0; border:none; color:#e5e5e5; float:right; letter-spacing:1px; text-transform:uppercase;} #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; } .custom #commentform { margin: 0px 10px 20px 0px; border-top: 1px solid #e5e5e5; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #commentform p { margin: 5px 0px 5px 0px; } #commentform #submit { margin: 0px; float: left; } .alt { margin: 0px; padding: 10px; } .commentlist { margin: 15px 0 0 0; padding: 0px; border-top: 1px solid #e5e5e5; } .commentlist ol { margin: 0px; padding: 10px; } .commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .children { margin: 0px; padding: 0px; } ul.children .comment-body {border-left: 3px solid #e5e5e5; padding-left: 10px; border-top: none;} .nocomments { text-align: center; margin: 0px; padding: 0px; } .reply {margin-top: 15px;} .reply a, .reply a:visited { background: #e5e5e5; color: #191919; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; text-decoration: none; margin: 0; padding: 2px 5px 2px 5px; border: 1px solid #e5e5e5; font-weight: normal; } .reply a:hover { background: #dddddd; color: #545d68; text-decoration: none; border: 1px solid #dddddd; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 40px; } .alignright { float: right; } .alignleft { float: left; } .thread-alt { margin: 0px; padding: 0px; } .thread-even { margin: 0px; padding: 0px; } .depth-1 { margin: 0px; padding: 0px; } .even, .alt { border-top: 1px solid #e5e5e5; margin: 0px; padding: 0px; } .custom .format_text input, #commentform input, #commentform textarea {border-width: 1px;} #author, #email, #url { background: #FFFFFF !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #191919; font-size: 11px; padding: 4px; border-top: 1px solid #545d68; border-right: 1px solid #e5e5e5; border-left: 1px solid #545d68; border-bottom: 1px solid #e5e5e5; } #comment { background: #FFFFFF !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 460px; color: #191919; font-size: 11px; padding: 4px; margin: 0px; border-top: 1px solid #545d68; border-right: 1px solid #e5e5e5; border-left: 1px solid #545d68; border-bottom: 1px solid #e5e5e5; } #submit { background: #e5e5e5; color: #191919; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; font-family: Trebuchet MS, Arial, Tahoma; font-size: 11px; text-decoration: none; margin-bottom: 5px; padding: 2px 5px 2px 5px; border: 1px solid #e5e5e5; } #submit:hover{ background: #DDDDDD; color: #545d68; text-decoration: none; border: 1px solid #dddddd; }