/* 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/ */ /* File: custom.css Description: Custom styles for kristarella.com */ body.custom {background:#000 url(http://a3.twimg.com/profile_background_images/31548571/emaza.jpg) 0% 15% fixed no-repeat;} .custom img.frame {padding:0; border:0.4em solid #ddd;} .custom p.left {text-align:left;} .custom p.right {text-align:right;} .custom p span.strike {text-decoration:line-through;} .custom .wp-caption {background-color:#eee; padding:10px; max-width:680px;} .custom .wp-caption p {text-align:center; font-style:italic;} .custom .wp-caption.aligncenter {margin-left:auto; margin-right:auto;} .custom .wp-caption.alignleft {float:left;} .custom .wp-caption.alignright {float:right;} /* === TITLE === */ .custom #header_area .page {width:100%; margin:0; padding:0; position:fixed; z-index:-1;} .custom #header {border-bottom:none;} .custom #header #logo {width:60px; height:400px; background:url(images/title.png) no-repeat; text-indent: -999px; color:#fff;} /*.custom #rss, .custom #twitter {position:fixed; right:0%; width:9.16em; font-size:1.2em; padding:0.833em; background:#000; border-color:#111; border-style:solid; border-width:0.1em 0 0.1em 0.1em; color:#fff; } .custom #rss a:hover, .custom #twitter a:hover {text-decoration:underline;} .custom #rss ul, .custom #twitter ul {list-style:none;} .custom #rss {top:20%;} .custom #rss li {background:url(images/rss.gif) left center no-repeat; line-height:2em;} .custom #rss li a {padding-left:20px; color:#fff;} .custom #twitter {top:40%; line-height:1.0em;} .custom #twitter span {display:block;} .custom #twitter a {color:#999;} .custom #twitter a:hover {color:#fff;} .custom #twitter p.follow {text-transform:uppercase; letter-spacing:2px; background:url(http://mehdi.saharkhiz.net/twitterigami_small.gif) right center no-repeat; line-height:38px} .custom #twitter p.follow a {}*/ /* === NAV === */ .custom #nav_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-top:2em;} .custom #nav_area .page {width:98em;} .custom ul#tabs {padding-left: 4em; border-width:0;} .custom ul#tabs li {background:#000; border-width:0; margin-bottom:0;} .custom ul#tabs li a {line-height:2em; color:#fff; display:block;} .custom ul#tabs li a:hover {color:#fff; background:#111; text-decoration:none;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#111; padding-bottom:0} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {cursor:pointer;} .custom #nav_area .search_box {float:right; padding-top:0.83em; width:10.2em;} .custom #nav_area .search_box input {height:2em;} /* === CONTENT BORDERS === */ .custom #content_area {width:76.2em; padding:0.3em; margin:5em auto; border:0.4em solid #111; background:#222;} .custom #content_area .page {background:#fff; padding-top:2.2em;} /* === FEATURE BOX === */ .custom #feature_box {background:none; border-bottom:none;} .custom #feature {width:700px; height:250px; margin:0 auto 2.2em; background:#181d23 url(images/feature2.jpg) center center no-repeat; border:0.4em solid #ddd;} .custom #feature p {width:300px; height:50px; margin:10px 0 0 210px; color:#fff; font:2.5em Baskerville, 'Palatino Linotype', Palatino, Caslon, Garamond, Georgia, serif; text-align:center; letter-spacing:1px; line-height:0.9em;} .custom #feature p span {border-bottom:1px #eee;} /* === HOME SECTIONS === */ .custom .section_title {background:#000; margin:0 0 2.2em; padding:0 2.2em; position:relative; width:72.2em; left:-2.2em;} .custom .section_title h2 {font-size:1.2em; line-height:2em; padding:0.583em 1em; text-transform:uppercase; letter-spacing:2px; color:#fff;} .custom .section_title h2 a {color:#ddd;} .custom .section_title h2 a:hover {color:#fff; text-decoration:underline;} .custom .section_title h2 a img {position:absolute; right:8.833em; top:0.583em;} .custom .section_title.studio {text-align:right;} .custom .section_title.studio p {text-align:center; font-size:1.3em; line-height:3em; color:#999; letter-spacing:1px;} .custom .section_title.studio p a:hover {color:#fff;} .custom .section_title #search_box {float:right; padding-bottom: 0.9em; width:8.2em; padding-left: 2em;} .custom .section_title h2 input {position:absolute; width:8.2em; right:0.233em; top:0.583em; padding-bottom: 0.7em;} .custom .section_title .rss_icons {padding-bottom: 0.9em;} .custom .post.photo_home {margin-top:2em;} .ie #photo-home {width:700px; height:auto;} .custom #photo-home {max-width:700px; height:auto;} .custom .post p img.testimonial {width:100px; height:auto;} .custom .entry-content, .custom .format_text {font-family:Helvetica, Arial, sans-serif;} .custom .entry-content h1, .custom .entry-content h2, .custom .entry-content h3, .custom .entry-content h4, .custom .format_text h1, .custom .format_text h2, .custom .format_text h3, .custom .format_text h4 {font-family:Georgia,"Times New Roman",Times,serif;} .custom .format_text img {max-width:700px; height:auto;} .custom .format_text .wp-caption img {max-width:680px; height:auto;} .custom .format_text tt {font-size:1.2em;} .custom .prev_next {margin-bottom:2.2em;} /* === SINGLE === */ .single .entry-title {float:left; margin-top:1em;} .single .headline_meta {width:20em; float:right; clear:right; text-align:right;} .single .entry-content {clear:both; padding-top:1em;} /* === PORTFOLIO === .portfolio .post {margin:1.1em 0;} .portfolio .top {padding-top:1.1em;} */ .portfolio .headline_area, .studio .headline_area, .testimonials .headline_area {padding-top:2.2em; margin-bottom:1.1em; padding-left:4em;} .portfolio .section_title, .studio .section_title, .testimonials .section_title {margin-top:2.2em; margin-bottom:2.2em;} .portfolio .format_text p {margin-bottom:0;} .portfolio .toggle-hide p {margin-bottom:1.571em;} .portfolio img.toggler {margin-top:1.571em; cursor:pointer;} .portfolio .toggle-hide {border:solid #ddd; border-width:0 5px 5px; float:left; clear:left; padding:22px; width:656px; position:relative; top:-6px;} .portfolio .toggle-hide h3 {margin-top:0;} .portfolio .toggle-hide h3 a {color:#333; font-variant:small-caps; text-decoration:none; font-size:1.2em; border-bottom:1px solid #bbb;} .portfolio .toggle-hide h3 a:hover {color:#000; border-color:#000;} .portfolio #content {padding-bottom:2.2em;} .portfolio a.pp_expand {visibility:hidden;} .studio .toggle-hide {display:none;} /* === COMMENTS === */ #comments .comments_intro {} .custom dl#comment_list {border-top:1px solid #ddd;} .custom dl#comment_list dt.comment {width:21em; float:left; clear:both; position:relative; padding-bottom:5em;} .custom .avatar img {border:#ddd solid 0.3em; vertical-align:text-top;} .custom dl#comment_list dt.comment span {line-height:1.2em;} .custom dl#comment_list dt.comment span.comment_author, .custom dl#comment_list dt.comment span.comment_time, .custom dl#comment_list dt.comment span.edit_comment {display:block; border-bottom:1px solid #ddd; width:11em; float:left; padding:0.5em;} .custom dl#comment_list dt.comment .comment_num {padding:0; position:absolute; bottom:0; right:0;} .custom dl#comment_list dt.comment .comment_num a {font-size:3em; color:#ddd;} .custom dl#comment_list dt.comment .comment_num a:hover, .custom dl#comment_list .bypostauthor .comment_num a:hover {color:#bbb; background:none;} .custom .comment_time {white-space:normal;} .custom dl#comment_list dt.comment span.comment_author {font-size:1em; width:13.2em;} .custom dl#comment_list dd {border-bottom:1px solid #ddd; padding-bottom:1em;} .custom dl#comment_list dd .format_text {padding-left:18em;} .custom dl#comment_list dd .format_text p, .custom dl#comment_list dd .format_text ul, .custom dl#comment_list dd .format_text ol, .custom dl#comment_list dd .format_text pre {} .custom dl#comment_list .bypostauthor {background-color:#f5f5f5;} .custom dl#comment_list .bypostauthor code, .custom dl#comment_list .bypostauthor pre {background-color:#ccc;} .custom input.form_submit:hover {color: #a00;} .page div.comments_closed p {display:none;} /* === ARCHIVES === */ .custom .archive h3 {margin-top: 0;} .custom .archive ul {font-size: .85em; } .custom .archivel { float: left; padding-left: 10px; width: 30%;} .custom .archivem { float: right; margin-right: 55px; width: 30%;} .custom .archiver { float: right; width: 30%;} /* === PHOTOBLOG === */ /* photoblog category */ .custom.cat_photoblog #archive_info {display:none;} .custom.cat_photoblog .format_text.entry-content img.frame.alignright {margin-top:-4em;} /* photoblog pages */ .photoblog #content_area, .photoblog-archive #content_area, .search #content_area {width:90em;} .photoblog .full_width .page, .photoblog-archive .full_width .page, .search .full_width .page {width:86em;} .photoblog #sidebar_1, .photoblog-archive #sidebar_1 {width:42.9em;} .photoblog #sidebar_2, .photoblog-archive #sidebar_2 {width:43em;} /* photoblog posts */ .photoblog .format_text.entry-content .description {width:75%; float:left;} .photoblog .format_text.entry-content ul.exif {list-style:none; width:20%; line-height:2em; float:right; clear:right;} .photoblog .format_text.entry-content ul.exif li {border-bottom: 1px solid #ddd;} .photoblog .format_text img {max-width:800px; height:auto;} .photoblog p.note {clear:both;} /* photoblog archive */ .photoblog-archive ul#photo-archive li {list-style:none; width:180px; line-height:180px; height:180px; text-align:center; float:left; margin-right:1.5em;} .photoblog-archive ul#photo-archive li a img {vertical-align:middle; max-width:160px; max-height:160px;} .photoblog-archive .format_text ul#photo-archive img.frame {} .photoblog-archive #comments {display:none;} /* === LINKS PAGE === */ .custom.links h4 {font-size:1.2em;} .custom.links li.linkcat {list-style:none; width:30%; float:left; margin-right:3%; margin-bottom:1em;} .custom.links .comments_intro {clear:left;} /* === DESIGN FORM === */ .design-form h1 {font-size:2em; margin-bottom:0.5em;} .design-form .format_text h3 {margin-bottom:0;} .design-form .format_text div {margin-bottom:1em;} .design-form .format_text p {margin-bottom:0.5em; font-size:0.9em;} .design-form .format_text p.hint {width:150px; float:right; padding:0.6em; background:#f5f5f5; border:1px solid #ddd; line-height:1.2em; text-align:left; margin-top:-1.5em;} .design-form hr {height:1.5em; border-width:1px 0 0 0; border-style:dotted; border-color:#bbb;} .design-form .format_text form {padding-bottom:1em;} .design-form .format_text form label {font-family:Georgia,"Times New Roman",Times,serif; display:block;} .design-form .format_text form label span {color:red; font-size:0.9em; margin-left:0.25em;} .design-form .format_text form input {padding:5px; font-size:1.2em; font-family:Helvetica,Arial,sans-serif;} .design-form .format_text form textarea {width:65%; padding:5px; font-size:1.2em;} .design-form .format_text form option {padding:2px 5px;} .design-form .format_text form select {padding:0;} .design-form .format_text form ul.checkboxes {list-style:none;} .design-form .format_text form ul.checkboxes input {width:auto;} .design-form .format_text form ul.checkboxes label {display:inline; font-family:Helvetica,Arial,sans-serif;} .design-form form .form_submit {font-family:Georgia,"Times New Roman",Times,serif; margin-top:1em;} /* === SIDEBARS === */ .custom .sidebar_list {padding-top:1.1em;} .custom li.widget {padding-bottom:1.5em; margin-bottom:1.269em; border-bottom:1px dotted #ddd;} .custom .sidebar h3 {text-align:center;} /* subscribe widget */ .custom li.subscribe h3 {padding:20px 70px 0 0; background:url(images/rss_med.png) 90% center no-repeat; display:block; height:50px;} .custom li.subscribe p {text-align:center; padding:0.5em 0; border:solid #ddd; border-width:1px 0;} .custom li.subscribe ul {text-align:center;} .custom li.subscribe ul li {padding-right:30px;} .custom li.blog_rss {background:url(images/note.png) 25% center no-repeat;} .custom li.photo_rss {background:url(images/camera.png) 25% center no-repeat;} /* twitter widget */ .custom li.twitter h3 a {padding:20px 70px 0 0; background:url(http://mehdi.saharkhiz.net/twitterigami_small.gif) 90% center no-repeat; display:block; height:50px;} /* Snipplr widget */ .custom li#rss-2 h3 {padding:20px 70px 0 0; background:url(images/coda_med.png) 90% center no-repeat; display:block; height:50px;} .custom a.rsswidget img {display:none;} /* Delicious widget */ .custom li#text-3 h3 {padding:20px 70px 0 0; background:url(images/delicious_med.png) 90% center no-repeat; display:block; height:50px;} /* paypal */ form#paypal {float:left;} form#paypal input {border:0; background:none;} /* ads */ .custom li#text-4 {padding:0 1em 1.5em; width:auto;} .custom li#text-4:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .custom li.widget img.alignleft {margin:1em;} .custom li.widget_rss ul, .custom div.delicious-posts ul {list-style:square; margin:1em 1em 0 3em;} /* === FOOTER === */ .custom #footer_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-bottom:2em;} .custom #footer {border-top:none; color:#999;} .custom #footer a {} .custom #footer a:hover {color:#fff;} /* === IE === */ .ie6 #header_area {position:relative; z-index:auto;} .ie6 #header_area .page {width:82em;} .ie6 #header_area #header #logo {background:none; text-indent:0; height:1em;}