/* Theme Name: db2010 Theme URI: http://dbaines.com/about Description: Seraph Template Redeveloped for Wordpress 3.0 Author: David Baines Version: 1.0 Tags: dark, single-column, grunge */ /* HTML ------------------------------------------------------------------------ */ html {height: 100%; background: #181818;} body {height: 100%; background: #181818; color: #666; font-size: 16px; text-align: center; font-family: Calibri, "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;} img {border: 0;} a {color: #49719E; text-decoration: none;} a:hover {color: #0f3259; text-decoration: underline;} ul {list-style: none; padding: 0px; margin: 15px 0;} ul li {background:url("icons/ul.gif") no-repeat scroll 0 8px transparent; list-style:none outside none; padding:3px 3px 3px 20px;} ul > li > ul {margin-top: 5px;} cite {font-style: italic;} p {margin-bottom: 15px;} /* -- HEADERS -- */ h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;} h1 {font-size: 26px; font-weight: normal;} h2 {} h3 {} h4 {} /* IMPORTED FONTS ------------------------------------------------------------------------ */ @import url(http://fonts.googleapis.com/css?family=Droid+Sans); h1,h2,h3 { font-family: 'Droid Sans', Calibri, "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif; } /* GLOBAL STYLES ------------------------------------------------------------------------ */ .clear {clear: both;} .body {letter-spacing: 0.03em; line-height: 1.5em; word-spacing: 0.05em;} .page-50pleft {float: left; width: 49%;} .page-50pright {float: right; width: 49%;} input.hint {font-style: italic; color: #ccc;} /* -- HEADERS -- */ h1.page-title {font-size: 40px; text-align: center; line-height: 1em; padding: 10px 0;} h2.subheader {clear: both; color: #192233; padding: 30px 0 0 0; font-size: 1.5em; font-style: italic; font-weight: normal;} /* -- SELECTIONS -- */ ::-moz-selection { background: #77a5d7; color:#fff; text-shadow: none; } ::selection { background: #77a5d7; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #77a5d7; } /* -- IMAGE REPLACEMENT -- */ .ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } /* -- POST IMAGES -- */ .image-left, .imageshack-left {float: left; margin: 0 10px 10px 0;} .image-right, .imageshack-right {float: right; margin: 0 0 10px 10px;} .center-image {text-align: center;} .image-left, .image-right, .imageshack-left, .imageshack-right, .center-image a img {} a.image-left:hover, a.image-right:hover, a.imageshack-left:hover, a.imageshack-right:hover, .center-image a:hover img {} .alignright {float: right;} .alignleft {float: left;} .wp-caption {text-align: center; background: #f2f2f2; border: 1px solid #eee; border-width: 1px 0 1px 1px; padding: 10px 6px;} .wp-caption a img {border: 1px solid #ccc; padding: 1px; background: #fff;} .wp-caption a:hover img {border-color: #333;} .wp-caption p {text-align: left; font-size: 14px; margin: 0px; padding: 10px 10px 0; line-height:} .alignright.wp-caption {margin-right: -10px; margin-left: 20px;} .alignleft.wp-caption {margin-left: -10px; margin-right: 20px;} .page .alignright.wp-caption {margin-right: -15px;} .page .alignleft.wp-caption {margin-left: -15px;} .aligncenter {margin: 5px auto;} /* GALLERIES */ .gallery {background: #f2f2f2; border: 1px solid #eee; padding: 10px; margin: auto;} .gallery dl.gallery-item {float: left; margin: 5px; text-align: center; width: 23%;} .gallery dl.gallery-item dt.gallery-icon a img {border: 1px solid #ccc; padding: 1px; background: #fff;} .gallery dl.gallery-item dt.gallery-icon a:hover img {border-color: #333;} .gallery dl.gallery-item dd.gallery-caption {margin: 0;} .gallery br+br {display: none;} /* -- DOWNLOAD BUTTONS -- */ a.downloadbtn {background: #ccc; color: #222; padding: 2px 10px 2px 60px; position: relative; margin: 13px 0; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(100% 100% 90deg, #ccc, #ddd); background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#ccc)); text-shadow: 1px 1px 0 rgba(255,2552,255,0.6); } a.downloadbtn:hover {background: #3a3a3a; color: #fff; text-decoration: none; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); box-shadow: 0 0 2px rgba(0,0,0,0.5); text-shadow: none; } a.downloadbtn span.downloadbtn_icon {position: absolute; height: 48px; width: 48px; top: -13px; left: 5px; background-position: bottom left; background-repeat: no-repeat;} a.downloadbtn_file span.downloadbtn_icon {background-image: url("icons/file_large.png");} a.downloadbtn_archive span.downloadbtn_icon {background-image: url("icons/box_download.png");} a.downloadbtn_pdf span.downloadbtn_icon {background-image: url("icons/pdf_large.png");} a.downloadbtn_psd span.downloadbtn_icon {background-image: url("icons/psd_large.png");} a.downloadbtn_photo span.downloadbtn_icon {background-image: url("icons/image_48.png");} a.downloadbtn_email span.downloadbtn_icon {background-image: url("icons/mail_48.png");} a.downloadbtn_love span.downloadbtn_icon {background-image: url("icons/heart_48.png");} a.downloadbtn_lock span.downloadbtn_icon {background-image: url("icons/lock_48.png");} a.downloadbtn_book span.downloadbtn_icon {background-image: url("icons/book_48.png");} a.downloadbtn_mouse span.downloadbtn_icon {background-image: url("icons/mouse_48.png");} a.downloadbtn_tick span.downloadbtn_icon {background-image: url("icons/accepted_48.png");} a.downloadbtn_add span.downloadbtn_icon {background-image: url("icons/add_48.png");} a.downloadbtn_cancel span.downloadbtn_icon {background-image: url("icons/cancel_48.png");} a.downloadbtn_rss span.downloadbtn_icon {background-image: url("icons/rss_48.png");} a.downloadbtn_search span.downloadbtn_icon {background-image: url("icons/search_48.png");} a.downloadbtn_settings span.downloadbtn_icon {background-image: url("icons/spanner_48.png");} a.downloadbtn_comment span.downloadbtn_icon {background-image: url("icons/speech_bubble_48.png");} a.downloadbtn_star span.downloadbtn_icon {background-image: url("icons/star_48.png");} a.downloadbtn_noicon {padding-left: 10px;} a.downloadbtn_noicon .downloadbtn_icon {display: none;} /* -- MESSAGE BOXES -- */ span.message {display: block; padding: 20px 20px 20px 75px; margin: 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} span.important {border: 1px solid #a8a863; background: #f8f7b6 url("icons/warning_48.png") 15px 50% no-repeat; color: #6a6a37;} span.info {border: 1px solid #4496c5; background: #bfe4f9 url("icons/info_48.png") 15px 50% no-repeat; color: #4496c5;} span.error {border: 1px solid #d35050; background: #f1bcbc url("icons/block_48.png") 15px 50% no-repeat; color: #d35050;} /* -- CODEBOX -- */ .codebox {background: #eee; border: 1px solid #ccc; color: #222; margin: 10px 0; line-height: 1; padding: 15px; overflow-x: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .codebox pre {white-space: pre; word-wrap: normal;} /* -- INLINES -- */ code.inline-code {background: #efefef; color: #000;} span.hilight {background: yellow;} /* -- DOWNLOAD/DEMO -- */ .ddlbox {text-align: center;} .ddlbox a {display: inline-block; text-indent: -9999; outline: hidden; color: #222; padding: 20px 20px 20px 70px; margin: 10px; font-size: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 1px 1px 0 rgba(255,2552,255,0.6); } a.ddlbox_download {background: #ccc url("icons/box_download.png") 10px 50% no-repeat;} a.ddlbox_demo {background: #ccc url("icons/heart_48.png") 10px 50% no-repeat;} .ddlbox a:hover {background-color: #3a3a3a; color: #fff; text-decoration: none; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); text-shadow: none;} /* -- WP PAGENAVI -- */ .wp-pagenavi {text-align: center;} .wp-pagenavi span, .wp-pagenavi a {margin: 0 5px;} .wp-pagenavi span.pages {margin-right: 20px;} .wp-pagenavi span.current {font-weight: bold;} /* -- QUOTES -- */ blockquote {margin: 0; padding: 16px 16px 16px 38px; background: url("images/quote.png") 0 8px no-repeat;} /* DESIGN ------------------------------------------------------------------------ */ #background-repeat-x {background: url("images/background-repeat-x.gif") top repeat-x;} #background-top {background: url("images/background-blocked.jpg") top no-repeat;} /* ADMIN MENU */ #admin-menu {position: fixed; left: 0; top: 120px; text-align: left; border-right: 25px solid #98B9D4; background: #f4f4f4; z-index: 89;} #admin-menu strong {display: block; border: 1px solid #ccc; border-width: 1px 0; padding: 5px; text-shadow: 1px 1px 0 #fff;} #admin-menu strong:first-child {border-top: none;} #admin-menu ul {padding: 0 15px 0 5px;} #admin-menu li {background-position: left;} #admin-menu .admin-blog {background-image: url("icons/cog.png");} #admin-menu .add-new-blog {background-image: url("icons/page_add.png");} #admin-menu .add-new-tutorial {background-image: url("icons/page_add.png");} #admin-menu .add-new-quickupdate {background-image: url("icons/page_add.png");} #admin-menu .edit-page, #admin-menu .edit-post {background-image: url("icons/page_edit.png");} #admin-menu .admin-gallery {background-image: url("icons/cog.png");} #admin-menu .add-new-art {background-image: url("icons/image_add.png");} #admin-menu .edit-album {background-image: url("icons/folder_edit.png");} #admin-menu .edit-image {background-image: url("icons/image_edit.png");} #container {width: 960px; margin: 0 auto; text-align: left; position: relative; z-index: 50;} header {} header form {float: right;} header form input[type=search] {width: 175px; height: 45px; line-height: 45px; padding: 0 15px 0 16px; float: left; border: none; background: url("images/search-input.png") top left no-repeat; font-size: 14px; -webkit-appearance:none; outline: none;} header form input[type=search]:placeholder {font-color: #ccc; font-style: italic;} header form input[type=submit] {height: 43px; line-height: 43px; padding: 0 15px 0 0; border: none; background: url("images/search-button.png") top right no-repeat; color: #fff; text-transform: uppercase; font-size: 14px; text-align: left; width: 43px; -webkit-width: 200px;} #header-themes {float: left; line-height: 45px; opacity: 0.6; color: #bbb;} #header-themes:hover {opacity: 1;} #header-themes img {vertical-align: middle; margin: 0 5px;} #header-gap {height: 161px; background: url("images/logo-full.png") center no-repeat; clear: both;} /* Experimenting with Contextual Headers #header-title {min-height: 161px; clear: both; color: #fff;} #header-title a {color: #fff; text-decoration: none;} #header-title.header_status_short {background: url("images/logo.png") 50% 50% no-repeat;} #header-title.header_status_page, #header-title.header_status_art {background: url("images/logo.png") 20px 50% no-repeat;} #header-inside {padding: 40px 10px 40px 220px;} #header-title h1 {font-size: 48px;} #header-title h2 {} #header-title h3 {} */ nav ul {float: left; margin: 0 0 14px 0; padding: 0; list-style: none; width: 100%; height: 50px;} nav li {float: left; list-style: none; background: none; padding: 0;} nav a {float: left; display: block; width: 192px; height: 34px; padding: 8px 0; color: #6e9acc; text-decoration: none !important; text-align: center; font-size: 20px; text-transform: uppercase; background: #fff; font-weight: bold; line-height: 0.9em;} nav small {display: block; font-size: 14px;} nav a:hover {background: #e6e6e6 url("images/nav-sprite.png") 0 0 repeat-x; color: #325e8e; text-shadow: 1px 1px 1px #fff;} nav li:first-child a {border-top-left-radius: 10px; border-bottom-left-radius: 10px;} nav li:last-child a {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} nav li.active-tab a {background: #6e9acc url("images/nav-sprite.png") 0 -50px repeat-x; color: #fff; text-shadow: 1px 1px 1px #000;} #content-container {clear: both; padding: 7px; background: #fff;} #breadcrumbs {background: #e6e6e6; color: #767676; padding: 7px 15px; margin-bottom: 7px; overflow: hidden; line-height: 100%;} #breadcrumbs-home {background: url("images/breadcrumb-home.gif") top left no-repeat; display: block; float: left; width: 15px; height: 17px; margin-right: 5px;} #breadcrumbs-home:hover {background-position: bottom left;} #breadcrumbs-home span {display: none;} #breadcrumbs a:visited, #breadcrumbs a:link {color: #3672B6;} #breadcrumbs a:hover {color: #1F5189;} #page {} #subsection {background: #4e4e4e url("images/subsection-top.gif") top left repeat-x; padding: 10px 0; color: #d7d7d7; font-size: 14px; margin: 0 -7px -7px;} #subsection-columns {background: url("images/subsection-sep-wide2.png") top repeat-y} #subsection-column1 {float: left; padding: 10px; width: 300px;} #subsection-column2 {float: left; padding: 10px; width: 300px;} #subsection-column3 {float: left; padding: 10px; width: 300px;} .subsection-comments #subsection-columns {background: none !important;} /* Hides column seperators if showing comments */ #subsection a:visited, #subsection a:link {color: #8b8b8b;} #subsection a:hover {color: #d7d7d7;} #subsection h2 {padding: 30px 0 3px 0; clear: both; font-size: 16px; text-transform: uppercase; font-style: italic; font-weight: bold;} #subsection h2:first-child {padding-top: 0;} #subsection ul {margin: 0; padding: 0;} #subsection li {padding-left: 20px; background-position: 0 6px;} .sub-latest-comments li, #showlatestcomments li {background-image: url("icons/comment.png");} .sub-browse-date li {background-image: url("icons/time.png");} .sub-browse-category li {background-image: url("icons/folder.png");} .sub-feeds li {background-image: url("icons/feed.png");} .sub-scrobbles li {background-image: url("icons/music.png");} .sub-scrobbles li#mylastfm {background-image: url("icons/lastfm.gif");} .sub-friends li {background-image: url("icons/link.png");} .sub-blog-latest li.post {background-image: url("icons/page_white_text.png");} .sub-blog-latest li.tutorial {background-image: url("icons/help.png");} .sub-blog-latest li.update {background-image: url("icons/information.png");} #subsection .sub-latest-artwork li {padding-left:0;} #subsection .sub-latest-artwork li:first-child a {display:block; float:left; height:53px; margin:3px; opacity:0.6; text-align:center; width:53px;} #subsection .sub-latest-artwork li:first-child a:hover {opacity:1;} #subsection .sub-latest-artwork li a.zp_link {background-color:#4E4E4E !important;} #subsection li.sub-latest-artwork-viewmore {background: none; padding: 5px 0 0 0; text-align: right; clear: both;} #subsection li.sub-latest-artwork-viewmore a {background: url("icons/images.png") 0 13px no-repeat; clear: both; padding: 10px 0 0 20px;} .sub-latest-comments li small, .sub-blog-latest li small {display: block; line-height: 1.2em; margin-bottom: 5px;} footer {color: #4e4e4e; background: url("images/footer.png") top no-repeat; font-size: 12px; text-align: center; margin-top: -19px; padding: 35px 0 10px; text-transform: uppercase; position: relative; z-index: 80;} /* DESIGN CSS3 ------------------------------------------------------------------------ */ nav ul, #content-container, #admin-menu {-moz-box-shadow: 0 0 10px rgba(0,0,0,.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); box-shadow: 0 0 10px rgba(0,0,0,0.6);} #homepage-art-slider {-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5);} .image-full img, #images a img, #albums img, #subalbums img, #latest a img, .art-home-thumb img, .wp-caption img, .tutorial-image img, .gallery dl.gallery-item dt.gallery-icon a img {-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2);} #content-container {-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} #subsection {-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} #breadcrumbs {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} nav li:first-child a, nav ul {-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} nav li:last-child a, nav ul {-moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .alignright.wp-caption {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} .alignleft.wp-caption, #homepage-latestart, #artwork-large {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } #respond input, #respond textarea, #art-latest #latest ul li, a.art-home-thumb:visited, a.art-home-thumb:link, a.art-home-thumb:hover, #subalbums .album, .cform textarea, .cform input[type=text], .cform input.sendbutton, .jeip-editfield {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} a.readmore, a.read_more {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /* HOMEPAGE ------------------------------------------------------------------------ */ #homepage-container {margin: 0 -7px 0px -7px;} #homepage-tabs {} #homepage-tabs a {display: block; float: left; padding: 10px; margin-bottom: 7px; font-style: italic; font-weight: bold; font-size: 24px; outline: none;} #homepage-tabs a:hover {text-decoration: none; background: #e6e6e6;} #homepage-tabs a.active-tab {background: #77a5d7; color: #fff; text-shadow: 1px 1px 1px #000;} #homepage-art {background: #e6e6e6; padding: 16px 42px; clear: both; position: relative;} #homepage-blog {background: #fff; clear: both; padding: 10px;} #homepage-art-slider {position: relative; width: 874px; height: 294px; border: 1px solid #fff; z-index: 89;} #homepage-art-slider ul {margin: 0; padding: 0;} #homepage-art-slider li {padding: 0; width: 874px; height: 294px; background: #000; position: relative;} #homepage-art-slider li div {position: absolute; bottom: 0; left: 0; margin: 0; background: #000; background: rgba(0,0,0,0.8); padding: 3px 6px; width: 100%; color: #fff;} #homepage-art-slider li h3 {position: absolute; right: 10px; top: 50%; font-size: 24px; color: #ccc;} #homepage-art-slider a {color: #ddd;} #homepage-art-slider a:hover {color: #fff; text-decoration: none;} #homepage-art ol#controls {list-style: none; padding: 10px 0 0 0; margin: 0; float: right;} #homepage-art ol#controls li {float: left; display: block; height: 10px; width: 10px;} #homepage-art ol#controls li a {display: block; width: 10px; height: 10px; text-indent: -9000px; outline: none; background: url("images/bullets.png") 0 0 no-repeat;} #homepage-art ol#controls li.current a {background-position: -10px 0;} #prevBtn, #nextBtn{display:block; position:absolute; z-index: 88; margin-top: -32px;} #prevBtn a, #nextBtn a {display:block; position:relative; width:36px; height:64px; background:url(images/home-arrow-left.png) no-repeat 0 0; text-indent: -8000px; outline: none;} #nextBtn a {background:url(images/home-arrow-right.png) no-repeat 0 0;} #nextBtn a:hover, #prevBtn a:hover {background-position: 0 -64px;} #prevBtn {left: 9px; top: 50%;} #nextBtn {right: 9px; top: 50%;} #homepage-columns {background: url("images/subsection-sep-wide2.png") top repeat-y; padding: 10px 0; margin: 10px 0;} .homepage-column {float: left; padding: 10px; width: 300px;} .homepage-column h2 {font-size: 24px; font-style: italic;} #homepage-columns .column-1 h2 {margin-bottom: 15px;} /* BLOG ------------------------------------------------------------------------ */ #blog-content .post, #blog-content .type-page, #blog-content .tutorial {margin: 0 -7px 20px; clear: both; background: url("images/blog-footer.gif") bottom no-repeat; padding-bottom: 15px;} #blog-content .blog-post-date {background: url("images/blog-datebox.png") top left no-repeat; float: left; color: #fff; height: 59px; width: 72px; line-height: 29px; text-align: center;} #blog-content h1.entry-title {line-height: 30px; padding: 15px 10px 0; float: left; width: 868px; font-size: 32px;} #blog-content h1.entry-title a {text-decoration: none;} #blog-content .entry-content, #blog-content .entry-summary {clear: both; padding: 10px;} #blog-content .entry-footer {text-align: right; font-size: 14px; line-height: 1.3em; padding-right: 10px; clear: both;} ul.entry-meta {background: #e6e6e6; margin: 0 -7px 0px; padding: 10px; clear: both;} ul.entry-meta li {padding-left: 24px;} ul.entry-meta li.edit {background-image: url("icons/pencil.png");} ul.entry-meta li.time {background-image: url("icons/time.png");} ul.entry-meta li.music {background-image: url("icons/music.png");} ul.entry-meta li.category {background-image: url("icons/folder.png");} ul.entry-meta li.tags {background-image: url("icons/tag_blue.png");} ul.entry-meta li.comments {background-image: url("icons/comment.png");} ul.entry-meta li.prevpost {background-image: url("icons/previous.png");} ul.entry-meta li.nextpost {background-image: url("icons/next.png");} ul.entry-meta li.social {float: none;} ul.entry-meta li.fblike {background: none; padding-left: 0;} a.readmore, a.read_more {background: #3a3a3a; color: #fff; padding: 5px 10px;} a.readmore:hover, a.read_more:hover {background: #181818; text-decoration: none;} /* -- TUTORIALS -- .tutorial ol > li {clear: both; padding: 0 0 20px 350px; margin-bottom: 20px; color: #ccc; font-size: 28px; border-bottom: 1px solid #e6e6e6;} .tutorial ol > li > span {color: #666; font-size: 16px; line-height: 1em;} .tutorial ol > li > img {margin-left: -350px; float: left;} */ #blog-content .tutorial h1.entry-title {padding-bottom: 0;} .tutorial-top {float: left;} #blog-content .tutorial-top h1.entry-title {padding: 5px 10px 0; float: none;} .tutorial-tag {text-transform: uppercase; margin-left: 10px;} .tutorial-tag a {padding-left: 20px; background: url("icons/tag_blue.png") left no-repeat;} .tutorial-image {float: left; margin-right: 15px; clear: both; width: 325px;} .tutorial-image a img {border: 1px solid #ccc; padding: 1px; background: #fff;} .tutorial-image a:hover img {border-color: #333;} .tutorial-post {float: right; width: 595px;} /* QUICK UPDATES */ #blog-content .update {padding: 20px 20px 65px 20px; margin-bottom: 20px; background: url("images/blog-footer.gif") bottom no-repeat;} #blog-content .update-title {text-transform: uppercase; font-size: 14px; font-weight: bold; color: #bbb;} #blog-content .update h1 {font-size: 32px; line-height: 1em;} #blog-content .update h2 {font-size: 20px; padding: 5px 0;} #blog-content .update-footer {font-size: 14px; font-style: italic; color: #bbb;} /* ARCHIVES */ .archive-meta {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc;} /* PAGE/STICKY POST TYPES */ h1.entry-title strong {font-size: 18px; text-transform: uppercase;} /* ART GALLERY ------------------------------------------------------------------------ */ /* #header-search input#search_submit {width: 160px;} */ #header-search a {float: right; display: block; background: url("images/searchoptions.gif") center no-repeat; width: 20px; height: 44px;} #header-search a img {display: none;} /* Search Dropdown */ #searchextrashow {position: absolute; right: 0; top: 45px; border: 1px solid #383838; border-top: 0px; color: #ccc; margin: 0px; padding: 0px;} #searchextrashow {background: #141414;} .rgba #searchextrashow {background: rgba(0,0,0,0.53);} #searchextrashow li {background: none; padding: 5px;} .zenphoto #credit {text-align: right; font-size: 12px; line-height: 1.3em; display: none;} .zenphoto #admin {display: none;} /* -- ART HOME -- */ #art-container {} .art-home-row {background: left no-repeat; padding-left: 70px; height: 224px; margin-bottom: 10px;} .art-home-row#art-latest {background-image: url("images/portfolio/artwork-title-latest.png");} .art-home-row#art-artwork {background-image: url("images/portfolio/artwork-title-artwork.png");} .art-home-row#art-design {background-image: url("images/portfolio/artwork-title-design.png");} .art-home-row#art-multimedia {background-image: url("images/portfolio/artwork-title-multimedia.png");} .art-home-row#art-tutorials {background-image: url("images/portfolio/artwork-title-tutorials.png");} .art-home-row#art-other {background-image: url("images/portfolio/artwork-title-other.png");} #art-latest #latest ul {float: left; margin: 0px; padding: 0px;} #art-latest #latest ul li {width: 146px; height: 211px; padding: 5px; float: left; background: #d9d9d9; margin-right: 10px; color: #000; overflow: hidden;} #art-latest #latest ul li:hover {background: #c4c4c4;} #art-latest #latest ul li img {margin-bottom: 0px; border: 1px solid #fff;} #art-latest #latest ul li h3 {font-size:14px; font-weight: normal; margin: 0px; padding: 0px; text-align: center; height: 24px; overflow: hidden;} #art-latest #latest ul li a {color: #000; text-decoration: none;} a.art-home-thumb:visited, a.art-home-thumb:link {width: 146px; padding: 5px; float: left; background: #d9d9d9; margin-right: 10px; color: #000; text-decoration: none;} a.art-home-thumb:hover {background: #c4c4c4; text-decoration: none;} .art-home-thumb img {margin-bottom: 5px; border: 1px solid #e5e5e5;} .art-home-title {text-align: center; display: block; font-size: 14px;} .art-home-description {display: none;} /* -- ART ALBUMS -- */ .album-tags {font-size: 12px;} .album-slideshow {margin: 10px 0; padding: 10px 0; border: 1px solid #ccc; border-width: 1px 0;} .zenphoto #images {clear: both; padding-top: 20px;} .zenphoto #images .image {float: left; margin: 2px;} .zenphoto #images a img {border: 1px solid #ccc; padding: 1px;} .zenphoto #images a:hover img {border-color: #333;} .zenphoto .pagenav {clear: both; padding: 10px 0; text-align: center; color: #cdcdcd;} .zenphoto .pagenav .disabledlink {color: #cdcdcd;} /* -- ART ALBUM SUBALBUMS -- */ /* #subalbums .album {float: left; margin-right: 10px; text-align: center; padding: 5px;} #subalbums .album a img {margin-bottom: 5px; border: 1px solid #ccc; padding: 1px; background: #fff;} #subalbums .album a:hover img {border-color: #333;} #subalbums .album h3 {font-weight: normal; font-size: 18px;} #subalbums .album .albumdesc {font-size: 12px; font-style: italic;} */ #subalbums {border-top: 1px solid #ccc; padding: 10px 0;} #subalbums .album {background: #d9d9d9; color: #000; float: left; height: 211px; margin-right: 10px; overflow: hidden; padding: 5px; width: 146px;} #subalbums .album:hover {background: #c4c4c4;} #subalbums .album h3 {font-size: 14px; text-align: center;} #subalbums .album a {color: #000; text-decoration: none;} #subalbums .album img {border: 1px solid #fff;} /* -- ART IMAGE -- */ .image-full {text-align: center;} .image-full a img {border: 1px solid #ccc; padding: 1px;} .image-full a:hover img {border: 1px solid #333;} .image-description {padding: 10px 0;} span#player.flowplayer {margin: 0 auto;} ul.taglist {display: inline;} ul.taglist li {display: inline; background: 0; padding: 0;} #image-thumbnav {margin: 7px -7px -7px; padding: 10px; background: #e6e6e6; border-top: 1px solid #ccc; display: none;} .captcha {} .captcha span.captchatext {float: left; margin-right: 10px;} .captcha label {float: left;} .captcha input[type=hidden] {display: none !important;} .zencomments textarea {height: 215px !important;} /* -- EDIT IN PLACE FORM STYLES -- */ .jeip-editfield {background: #fff url("images/input-bg.gif") top left repeat-x; border: 1px solid #343434; padding: 3px;} textarea.jeip-editfield {width: 98%;} /* COMMENTS ------------------------------------------------------------------------ */ #comments-container {clear: both; padding: 10px;} #comments-container h2 {margin-bottom: 5px; text-transform: uppercase;} .nocomments {text-align: center; color: #828282; font-size: 16px;} ol.commentlist {margin: 0px; padding: 0px;} ol.commentlist li.comment, ol.commentlist li.pingback {border-bottom: 2px solid #434343; margin-bottom: 15px; background: none; padding-left: 0px !important; list-style: none;} ol.commentlist li.comment div.comment-top, ol.commentlist li.pingback div.comment-top {background: #434343; height: 52px;} ol.commentlist li.comment div.comment-top img, ol.commentlist li.pingback div.comment-top img {float: left; margin: 2px 10px 2px 2px;} ol.commentlist li.comment div.comment-author, ol.commentlist li.pingback div.comment-author {line-height: 36px;} ol.commentlist li.comment div.comment-author cite, ol.commentlist li.pingback div.comment-author cite {font-weight: normal;} ol.commentlist li.comment div.comment-meta, ol.commentlist li.pingback div.comment-meta {line-height: 16px; font-size: 12px; margin-top: -5px;} ol.commentlist li.comment div.comment-body, ol.commentlist li.pingback div.comment-body {padding: 10px 5px;} ol.commentlist li.comment div.reply, ol.commentlist li.pingback div.reply {text-align: right;} ol.commentlist li.comment li.comment {padding: 0px; margin: 5px 0 10px 15px;} ol.commentlist li.comment span.comment-moderation {display: block; padding: 10px; font-style: italic; background: #f8f7b6;} /* -- PAGE COMMENTS -- */ #page-container #comments-container {background: #e6e6e6; margin: 0 -7px -7px;} #page-container div.comment-top {color: #d7d7d7; background: #6c6c6c;} #page-container .comment-useable-html, #page-container .comment-gravatar-notice {color: #343434;} #page-container div.comment-top a {color: #ccc;} /* -- AUTHOR COMMENTS -- */ #subsection ol.commentlist li.bypostauthor, #page-container ol.commentlist li.bypostauthor {border-color: #263241;} #subsection ol.commentlist li.bypostauthor > div > div.comment-top, #page-container ol.commentlist li.bypostauthor > div > div.comment-top{background: #263241 url("images/comment-admin-top.png") top left no-repeat; border: 1px solid #263241;} #subsection ol.commentlist li.bypostauthor > div > div.comment-top a, #page-container ol.commentlist li.bypostauthor > div > div.comment-top a {color: #9bb2cc;} /* -- ADD COMMENT FORM -- */ #respond {} .comment-useable-html {padding: 10px 0; border-top: 1px solid #343434; font-size: 12px; color: #aaa; margin-top: 10px;} .comment-gravatar-notice {font-style: italic; margin: 10px 0; font-size: 12px; padding-bottom: 10px; border-bottom: 1px solid #343434; color: #aaa;} #respond h2 {margin-top: 50px;} li.comment #respond {padding-left: 15px} li.comment #respond h2 {margin-top: 0px; padding-bottom: 0px;} li.comment .cancel-comment-reply {font-size: 16px; font-style: italic; margin-top: -5px;} #respond-left {width: 30%; float: left;} #respond label {display: block;} #respond-left input {display: block; width: 100%; border: 1px solid #000; background: #fff; margin-bottom: 20px; padding: 3px 1px;} #respond-left input:last-child {margin-bottom: 0px;} #respond-right {width: 67%; float: right;} #respond-right textarea, #respond-wide textarea{height: 148px; width: 98%; padding: 3px; margin: 0px;} #respond-right input, #respond-wide input {width: 200px; margin-top: 5px; padding: 3px 5px; margin-bottom: 10px;} #respond input, #respond textarea {background: #fff url("images/input-bg.gif") top left repeat-x; border: 1px solid #343434;} #respond-right input, #respond-wide input {background: #383838; color: #fff;} /* PAGES ------------------------------------------------------------------------ */ .article, .entry {padding: 0 10px 10px;} h2.pagetitle {padding: 10px 0 10px 0; margin: 0; font-weight: normal; font-size: 40px; text-align: center; line-height: 1em;} .wp-pagenavi {padding: 10px; text-align: center;} .wp-pagenavi .pages {padding-right: 10px !important; border-right: 1px solid #ccc; margin-right: 10px !important;} .wp-pagenavi .current {font-weight: bold;} .page-content ul {padding-left: 5px;} #page-container .edit-link {display: block; margin: 0 -17px; background: #e6e6e6; padding: 5px;} #page-container .edit-link a {padding-left: 20px; background: url("icons/pencil.png") left no-repeat;} /* OTHER PAGES ------------------------------------------------------------------------ */ /* Search Unleashed */ #incoming {margin: 0 -10px !important; border: none !important; background: #e6e6e6;} span.searchterm1, span.searchterm2, span.searchterm3, span.searchterm4, span.searchterm5 {background-color: #cbcbcb; padding: 0; color: #222;} /* cForms */ .linklove {display: none;} form#cformsform {width: 100%;} fieldset.cf-fs1 {background: none !important; border: none !important;} fieldset.cf-fs1 legend {display: none;} .cform label {margin: 0 15px 0 0 !important;} .cform label span {font-weight: bold; width: 100px;} .cform textarea, .cform input[type=text] {width: 500px !important; margin-right: 10px !important; background: #fff url("images/input-bg.gif") top left repeat-x !important; border: 1px solid #343434 !important;} .cform textarea:hover, .cform input[type=text]:hover {background: #fff url("images/input-bg.gif") top left repeat-x !important;} .cform textarea:focus, .cform input[type=text]:focus {} p.cf-sb {text-align: left !important; padding-left: 0px !important;} .cform input.sendbutton {width: 150px !important; margin: 0 0 0 107px !important; background: #383838 !important; color: #fff; border: 1px solid #343434 !important;} /* CUSTOM LIGHTBOX MOD ------------------------------------------------------------------------ */ #lightbox-container-image-box {background: #000 !important; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-topright-radius: 10px;} #lightbox-nav-btnPrev:hover {background: url("scripts/images/prev.gif") left no-repeat;} #lightbox-nav-btnNext:hover {background: url("scripts/images/next.gif") right no-repeat;} #lightbox-container-image-data-box {background: #000 !important; color: #666; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-bottomright-radius: 10px;} /* GeSHi Styles ------------------------------------------------------------------------ */ /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;} .php {font-family:monospace;} .php .imp {font-weight: bold; color: red;} .php li, .php .li1 {font-weight: normal; vertical-align:top;} .php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .php .li2 {font-weight: normal; vertical-align:top;} .php .kw1 {color: #b1b100;} .php .kw2 {color: #000000; font-weight: bold;} .php .kw3 {color: #990000;} .php .kw4 {color: #009900; font-weight: bold;} .php .co1 {color: #666666; font-style: italic;} .php .co2 {color: #666666; font-style: italic;} .php .co3 {color: #0000cc; font-style: italic;} .php .co4 {color: #009933; font-style: italic;} .php .coMULTI {color: #666666; font-style: italic;} .php .es0 {color: #000099; font-weight: bold;} .php .es1 {color: #000099; font-weight: bold;} .php .es2 {color: #660099; font-weight: bold;} .php .es3 {color: #660099; font-weight: bold;} .php .es4 {color: #006699; font-weight: bold;} .php .es5 {color: #006699; font-weight: bold; font-style: italic;} .php .es6 {color: #009933; font-weight: bold;} .php .es_h {color: #000099; font-weight: bold;} .php .br0 {color: #009900;} .php .sy0 {color: #339933;} .php .sy1 {color: #000000; font-weight: bold;} .php .st0 {color: #0000ff;} .php .st_h {color: #0000ff;} .php .nu0 {color: #cc66cc;} .php .nu8 {color: #208080;} .php .nu12 {color: #208080;} .php .nu19 {color:#800080;} .php .me1 {color: #004000;} .php .me2 {color: #004000;} .php .re0 {color: #000088;} .php span.xtra { display:block; } /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;} .php {font-family:monospace;} .php .imp {font-weight: bold; color: red;} .php li, .php .li1 {font-weight: normal; vertical-align:top;} .php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;} .php .li2 {font-weight: bold; vertical-align:top;} .php .kw1 {color: #b1b100;} .php .kw2 {color: #000000; font-weight: bold;} .php .kw3 {color: #990000;} .php .kw4 {color: #009900; font-weight: bold;} .php .co1 {color: #666666; font-style: italic;} .php .co2 {color: #666666; font-style: italic;} .php .co3 {color: #0000cc; font-style: italic;} .php .co4 {color: #009933; font-style: italic;} .php .coMULTI {color: #666666; font-style: italic;} .php .es0 {color: #000099; font-weight: bold;} .php .es1 {color: #000099; font-weight: bold;} .php .es2 {color: #660099; font-weight: bold;} .php .es3 {color: #660099; font-weight: bold;} .php .es4 {color: #006699; font-weight: bold;} .php .es5 {color: #006699; font-weight: bold; font-style: italic;} .php .es6 {color: #009933; font-weight: bold;} .php .es_h {color: #000099; font-weight: bold;} .php .br0 {color: #009900;} .php .sy0 {color: #339933;} .php .sy1 {color: #000000; font-weight: bold;} .php .st0 {color: #0000ff;} .php .st_h {color: #0000ff;} .php .nu0 {color: #cc66cc;} .php .nu8 {color: #208080;} .php .nu12 {color: #208080;} .php .nu19 {color:#800080;} .php .me1 {color: #004000;} .php .me2 {color: #004000;} .php .re0 {color: #000088;} .php span.xtra { display:block; } /* ------------------------------------------------------------------------ It's drifting in and out in waves, Living in the strangest daze. A picture in a different frame, You only hear me when you're miles and miles away. ------------------------------------------------------------------------ */