﻿/* -------------------------------------------------------------- 

	Theme Name: cubecolour
	Theme URI: http://www.cubecolour.co.uk
	Description: Based on Portfolio Theme by WPESP.
	Author: CubeColour
	Author URI: http://www.cubecolour.com
	Version: 0.2

-------------------------------------------------------------- */

@import "reset.css";
@import "typography.css";
@import "layout.css";
@import "coda.css";
/*@import "diagnostic.css"; Just use for developing tests */

/* -------------------------------- 
	 WordPress.com Stats - I hide the smiley (http://wordpress.org/extend/plugins/stats/faq/)
-------------------------------- */

img#wpstats{display:none;}


/* * * * Contact Form * * * * * * * * * */
.formcontainer{clear: both; overflow: hidden; width: 100%;}
.formcontainer span.required {color: #F00;}
.formcontainer p.error,
.formcontainer p.important,
.formcontainer p.information,
.formcontainer p.success {border-top: 1px solid #E0E0E0; color: #303030; line-height: 250%; padding-left: 36px; width: 100%;}
.formcontainer p.error {background: #E5E5FF url('images/contactform/error.png') no-repeat 12px 50%; border-bottom: 2px solid #F0D28B;}
.formcontainer p.important {background: #E5E5FF url('images/contactform/important.png') no-repeat 12px 50%; border-bottom: 2px solid #FED7CE;}
.formcontainer p.information {background: #E5E5FF url('images/contactform/information.png') no-repeat 12px 50%;
border-bottom: 2px solid #C5DDF2;}
.formcontainer p.success {background: #E5E5FF url('images/contactform/success.png') no-repeat 12px 50%; border-bottom: 2px solid #C7E9B3;}
.formcontainer form.contact-form {clear: both; float: none; width: 100%;}
.formcontainer form.contact-form fieldset {background: #F0F0F0; color: #303030; margin: 1em 0 1.5em 0; padding: 1.2em 2.5em 1.5em 2.5em; border: 1px solid #E0E0E0;}
.formcontainer form.contact-form fieldset legend {display: none;}
.formcontainer form.contact-form fieldset div.form-label {display: block; float:none; line-height:150%; margin: 0.5em 0 0 0; padding:0; text-align:left; width:100%;}
.formcontainer form.contact-form fieldset div.form-label label,
.formcontainer form.contact-form fieldset div.form-option label {cursor: pointer; line-height:100%;}
.formcontainer form.contact-form fieldset div.form-input,
.formcontainer form.contact-form fieldset div.form-textarea {display: block; float:none; margin: 0.2em 0 1em 0; width:100%;}
.formcontainer form.contact-form fieldset div.form-input input,
.formcontainer form.contact-form fieldset div.form-textarea textarea {padding: 0.3em; width: 97%;}
.formcontainer form.contact-form fieldset div.form-textarea textarea {overflow: auto;}
.formcontainer form.contact-form fieldset div.form-input input.error {background-color: #FF0;}
.formcontainer form.contact-form fieldset div.form-input input.optional {margin-bottom: 0.2em;}
.formcontainer form.contact-form fieldset div.form-option,
.formcontainer form.contact-form fieldset div.form-submit {display: block; float:none; margin: 1em 0 0.5em 0; width:100%;}
.formcontainer form.contact-form fieldset div.form-submit input {cursor:pointer; padding:0.5em 2em;}
.formcontainer form.contact-form fieldset div.url {display: none;}