/* Theme Name: ArtHaul Theme URI: http://www.ArtHaul.com/ Description: ArtHaul theme Version: 1.0 Author: Ben Ellis Author URI: http://www.ArtHaul.com/ Tags: ArtHaul v1.0 http://www.ArtHaul.com/ This theme was designed and built by Ben Ellis, whose blog you will find at http://www.ArtHaul.com 3 coloumn layout based on http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* *************************************************************************** ***** ***** white - #ffffff ***** dark blue - #043754 ***** light grey - #acb4bd ***** greeny blue - #538fab ***** red - #ae1e22 ***** *************************************************************************** */ .buy {padding: 10px 40px;} .buy a {display: block; width: 126px; height: 0px; padding: 60px; background: url('/wp-content/themes/arthaul/images/buy.png') 0 0 no-repeat;} .buy a:hover {background-position: 0 -130px;} .ebay {margin: 0 auto; text-align: center;} .navigation {margin: 0 auto; padding: 10px; text-align: center;} * {padding: 0; margin: 0;} img {border: 0; border-style: none;} .clear {clear: both;} hr {margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border-style: none; border-top: 1px solid #538fab; height: 1px; background: #538fab;} h1 {color: #ffffff; font: 30px georgia, times, times new roman, serif; text-decoration: none; padding-bottom: 5px;} h2 {color: #538fab; font: 24px georgia, times, times new roman, serif; text-decoration: none; font-style: italic;} h3 {color: #ffffff; font: 20px georgia, times, times new roman, serif; text-decoration: none;} h4 {color: #ffffff; font: 20px georgia, times, times new roman, serif; text-decoration: none; font-style: italic; padding-bottom: 5px;} h5 {color: #ffffff; font: 24px georgia, times, times new roman, serif; text-decoration: none; font-style: italic;} h6 {color: #ffffff; font: 20px georgia, times, times new roman, serif; background-color: #043754; padding: 2px 4px; margin: 10px 0;} #colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ background:#043754; /* Left column background colour */ } #colmid { float:left; width:200%; position:relative; left: 250px; background:#acb4bd; /* Centre column background colour */ } #colright { float:left; width:100%; position:relative; left:50%; margin-left:-450px; background:#043754; /* Right column background colour */ } #col1wrap { float:right; width:50%; position:relative; right:100%; } #col1pad { margin:0 15px 0 465px; overflow:hidden; } #col1 { width:100%; overflow:hidden; } #col2 { float:left; width:250px; position:relative; margin-left:-50%; left:200px; overflow:hidden; } #col3 { float:left; width:200px; position:relative; left: 0; overflow:hidden; } #menu {margin: 30px 4px 0px 115px;} #menu li {list-style: none; text-align: right;} #menu li a {display: block; height: 40px; width: 127px; padding: 12px 5px 0 0; font: 20px georgia, times, times new roman, serif; color: #ffffff; font-style: italic; text-decoration: none; border: 0; background: url('/wp-content/themes/arthaul/images/menu-bg.png') 0 0 no-repeat;} #menu li a:hover {background-position: 0 -58px; color: #043754;} .postcontent {} .post {margin: 15px 0px 50px 0px; font: 16px georgia, times, times new roman, serif; color: #043754; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff;} .header {background: #043754; padding: 10px;} .title {float: left; text-align: left; width: 78%;} .title a {color: #ffffff; font: 30px georgia, times, times new roman, serif; text-decoration: none; border-bottom: 2px solid #043754; position: relative;} .title a:hover {border-bottom: 2px solid #ffffff;} .date {float: right; text-align: right; width: 22%; font: 11px verdana, arial, sans-serif; color: #ffffff;} .entry {padding: 20px 10px;} .entry p {padding-bottom: 20px; line-height: 20px;} .entry a {color: #ffffff; font: 16px georgia, times, times new roman, serif; text-decoration: none; font-weight: bold;} .entry a:hover {text-decoration: underline;} .entry img {margin: 10px; border: 5px solid #ffffff;} .entry ul {padding: 10px 30px;} .entry li {list-style: url('/wp-content/themes/arthaul/images/uk-flag.png') outside; padding-bottom: 15px;} .entry li img {border: 0;} .entry li.stores {padding-bottom: 60px;} .entry a.stores {border: 0; background: #acb4bd;} a.img:link, a.img:visited, a.img:active, a.img:hover {padding: 0; text-decoration:none; border:0; border-style:none; margin: 0;} .widgets {float:left; padding: 15px;} .widgets a {background: #ffffff; color: #043754; font: 11px arial, sans-serif; text-decoration: none;} .comment {margin: 0px 0px 40px 0px; padding: 0 0 20px 0; font: 16px georgia, times, times new roman, serif; color: #043754; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff;} .comment a {color: #538fab; font: 16px georgia, times, times new roman, serif; text-decoration: none;} .comment a:hover {color: #043754; text-decoration: underline;} .commentheader {background: #043754; padding: 5px;} .commententry {padding: 20px 30px;} .commententry li {list-style: decimal outside;} .commententry p {padding: 5px 0 20px 0;} .commenttext {font: 19px helvetica, arial, sans-serif; color: #043754;} .postmetadata {padding: 5px 10px; background: #acb4bd; font: 14px georgia, times, times new roman, serif; color: #ffffff;} .postmetadata a {color: #538fab; font: 14px georgia, times, times new roman, serif; text-decoration: none;} .postmetadata a:hover {color: #043754; text-decoration: underline;} .navigation {padding: 0 20px 20px 20px;} .navigation a {color: #538fab; font: 18px georgia, times, times new roman, serif; text-decoration: none;} .navigation a:hover {color: #043754; text-decoration: underline;} .alignleft {float: left;} .alignright {float: right;} .blueboxtext {margin-top: 15px; padding: 8px 5px 8px 22px; font: 12px georgia, times, times new roman, serif; color: #ffffff; background: url('/wp-content/themes/arthaul/images/about-us-bg.gif') top right no-repeat; border: 0;} .feeds {font: 11px verdana, arial, sans-serif; color: #ffffff; text-align: right; padding: 25px 5px 0 0;} .feeds p {padding: 2px 0;} .feeds a {font: 11px verdana, arial, sans-serif; color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff;} .feeds a:hover {border-bottom: 1px solid #538fab; color: #538fab;} .right {font: 12px verdana, arial, sans-serif; color: #ffffff; text-align: left; padding: 10px; margin: 20px 0 20px 8px; background: #538fab; border: 2px solid #ffffff; border-right: 0px;} .right p {padding: 2px 0;} .right a {font: 12px verdana, arial, sans-serif; color: #ffffff; text-decoration: none; border: 2px #538fab solid; background: #538fab;} .right a:hover {color: #538fab; background: #ffffff; border: 2px #ffffff solid;} .right ul {padding: 2px 5px 10px 20px; list-style: disc outside; margin-top: -24px;} .right ol {padding: 2px 5px 10px 20px; list-style: decimal outside;} .right li {padding: 2px 0;} /* *************************************************************************** ***** ***** white - #ffffff ***** dark grey - #043754 ***** grey - #043754 ***** light grey - #acb4bd ***** blue - #538fab ***** light blue - #538fab ***** *************************************************************************** */ #linkcat-2 {list-style-type: none;} .related {padding: 0 10px 10px 10px;} .related_post ul {list-style-type: none;} .related_post li {list-style: inside decimal;} .related_post a {color: #538fab; font: 14px georgia, times, times new roman, serif; text-decoration: none;} .related_post a:hover {color: #043754; text-decoration: underline;} .footer {background: #043754; padding: 5px; font: 11px verdana, arial, sans-serif; color: #ffffff; text-align: center;} .footer a {font: 11px verdana, arial, sans-serif; color: #ffffff; text-decoration: none;} .footer a:hover {border-bottom: 1px solid #538fab; color: #538fab;} .ddsg-wrapper ul {padding: 5px 0 25px 25px; list-style: disc outside;} .ddsg-wrapper li li {padding: 2px 0; list-style: decimal outside;} .ddsg-pagenav {} /* *************************************************************************** ***** ***** Form ***** Gotton from here - http://css-tricks.com/nice-and-simple-contact-form/ ***** *************************************************************************** */ .form {width: 250px; padding-left: 5px;} .form input {padding: 2px; width: 170px; font: 14px arial, helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0px; border: 1px solid #acb4bd; background: #043754 !important;} .form select {padding: 2px; width: 240px; font: 18px georgia, times, times new roman, serif; color: #ffffff; margin-top: 10px; border: 1px solid #acb4bd; background: #538fab !important; font-style: italic;} .form textarea {padding: 2px; width: 180px; height: 90px; font: 14px arial, helvetica, sans-serif; margin: 0px; border: 1px solid #acb4bd;} .form select:hover, .form textarea:focus, .form input:focus, .form select:focus, .form textarea:hover, .form input:hover, .form select.sffocus, .form textarea.sffocus, .form input.sffocus {border: 1px solid #ffffff;} .form input.submit-button {width: 60px; background: #043754 !important; font: 14px arial, helvetica, sans-serif; color: #ffffff; font-weight: bold; cursor: pointer; border: 1px solid #acb4bd; padding: 2px;} .form input.submit-button:hover {color: #538fab; border: 1px solid #538fab;} .form200 {width: 200px; padding-left: 5px;} .form200 select {padding: 2px; width: 190px; font: 18px georgia, times, times new roman, serif; color: #ffffff; margin-top: 10px; border: 1px solid #acb4bd; background: #538fab !important; font-style: italic;} .form200 select:hover, .form200 select:focus, .form200 select.sffocus {border: 1px solid #ffffff;} /* *************************************************************************** ***** ***** Contact Form ***** Gotton from here - http://css-tricks.com/nice-and-simple-contact-form/ ***** *************************************************************************** */ .contactform {width: 500px; margin-top: 20px;} .contactform input {padding: 5px; width: 350px; font: 19px helvetica, arial, sans-serif; color: #043754; margin-top: 10px; border: 2px solid #043754; background: #ffffff !important;} .contactform select {padding: 5px; width: 350px; font: 19px helvetica, arial, sans-serif; color: #043754; margin-top: 10px; border: 2px solid #043754; background: #ffffff !important;} .contactform textarea {padding: 5px; width: 350px; height: 150px; font: 19px helvetica, arial, sans-serif; color: #043754; margin-top: 10px; border: 2px solid #043754; background: #ffffff !important;} .contactform select:hover, .contactform textarea:focus, .contactform input:focus, .contactform select:focus, .contactform textarea:hover, .contactform input:hover, .contactform select.sffocus, .contactform textarea.sffocus, .contactform input.sffocus {border: 2px solid #538fab;} .contactform input.submit-button {width: 120px; background: #538fab !important; font: 24px georgia, times, times new roman, serif; color: #ffffff; cursor: pointer; padding: 2px; border: 0; margin-left: 100px;} .contactform input.submit-button:hover {color: #043754; background: #ffffff !important;} label {float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 18px;}