/*
Theme Name: Ironbridge Framing
Theme URI: http://philbengry.com
Description: Custom theme created for ironbridgeframing.co.uke. 
Version: 1.0
Author: Phil Bengry or email pbengry@gmail.com
Author URI: http://philbengry.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0px none;  }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style: none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { }


/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
a:link, a:visited, a:hover, a:active{
	color: #666666;
	text-decoration:none;
}
a:hover, a:active, a:focus{
	text-decoration: underline;
}

/* LAYOUT */
/* ----------------------------------------- */


.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin:0 10px 10px 0;}
.alignright { float:right; margin:0 0 10px 10px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:8px 4px; }
.sepclear{clear:both; height:15px;}


div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } 
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 }

/* DIVS */
#wrapper{
	margin: 0 auto;
	width: 920px;
	}
#header{
	background-color: red;
}
#subHeader{
	color: #5c2525;
	font: bold 18px "Bradley Hand ITC"; 
	text-align: right;   
	padding: 4px 0 16px 0;
}
#subHeader h1{
	position: absolute;
	left: 0;
	top: 0;
	display: inline;	
	font: bold 36px "Bradley Hand ITC";
	text-align:left;
}
#contentWrapper{
	width: 100%;
	margin-top: 10px;
}
#menuWrapper{
	float: left;
	width:160px;
}
#menu{
	background-color: white;
	padding: 0 0 20px 14px;
}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
	font: bold 14px "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	color: #5c2525;
	text-decoration:none;
}
#menu a:hover, #menu a:active, #menu a.focus{
	text-decoration: underline;
}
#menu a:hover{
	background-color: white; 
	color: #cccccc;
}
#menu ul{
	padding-left: 6px;
	display: none;
}
#menu .current_page_item ul,
#menu .current_page_ancestor ul,
#menu .current_page_ancestor .current_page_item ul,
#menu .current_page_ancestor .current_page_ancestor ul,
#menu .current_page_ancestor .current_page_ancestor .current_page_item ul,
#menu .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}


#sidebar{
	float: right;
	width:155px;
}
#sideBar2{
	width:100%;
	font-size: 12px;
	color: #666666;
}
#sideBar2 a:link, a:visited, a:hover, a:active{
	color: #666666;
}
#post{
	margin: 0 auto;
	width: 575px;
}

#post-hold{
	margin: 0 155px 0 160px;	
}
.post{
	float:left;
	padding: 8px;
	padding-left: 22px;
	width: 565px;
}
.post p, ul{
	margin: 4px;
	padding-bottom: 6px;
	color: #666666;
}
.post img{
	border: thin #f2f2f2 solid;
	background-color: #efefef;
}
.post h1, h2, h3, h4, h5{
	padding: 0.2em 0;
	color: #5c2525;
}
.post h2{
	font-size: 1.2em;
}
.post h3{
	font-size: 1.1em;
	margin-bottom:5px;
}
.post h3 a{
	color: #5c2525;
}
.post li{
	 padding: 2px 6px; 
	 color:#666666;
}
.brkup{
	padding: 1.0em 0;
	border-bottom: 1px solid #ccc;
}
.meet-artists{Border: 2px solid #f2f2f2; margin: 12px; float: left;}
.meet-artists img{background: white; border:0}
.featured{border: 0; padding-left: 50px}
#footer{
	color: #cccccc;
	font-size: 10px;
	padding: 9px;
	background-color: #5c2525;
}

/* FORMS */

/* Contact */
body div.formcontainer{
overflow: hidden;
width: 100%;
}
body div.formcontainer span.required {
color: #FF0000;
}
body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #E8E8DE;
color: #442;
line-height: 250%;
padding-left: 36px;
width: 95%;
}
body div.formcontainer p.error {
background: #fbfbee url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #F0D28B;
}
body div.formcontainer p.important {
background: #fbfbee url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #FED7CE;
}
body div.formcontainer p.information {
background: #fbfbee url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #999999;
}
body div.formcontainer p.success {
background: #fbfbee url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #C7E9B3;
}
body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}
body div.formcontainer form.contact-form fieldset {
background: #F6F6F6;
color: #333333;
margin: 0.5em 0 1.5em 0;
}
body div.formcontainer form.contact-form fieldset legend {
color: #666666;
text-transform: uppercase;
}
body div.formcontainer form.contact-form fieldset div.form-label {
color: #999999;
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}
body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}
body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}
body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 97%;
}
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}
body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FBF4E2;
}
body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0.2em;
}
body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}
body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}

/* Comments */
#respond{	
	margin: 0 auto;
	padding: 8px;
	padding-left: 22px;
	width: 575px;
	color: #666666;
}

.commentlist{
	margin: 0 auto;
	padding: 8px;
	padding-left: 32px;
	width: 565px;
	color: #666666;
}
#commentform .buttons {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 background-color: #cccccc;  
 color: #000000;  
 margin-right: 6px;  
 padding: 3px;
}
#commentform input, textarea{
	border: 1px solid #ccc;
}
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 120px;
    height: 390px;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* scroller */
.jcarousel-skin-tango .jcarousel-container {
    background: #FFF;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 120px;
    height: 390px;
    padding: 40px 12px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  120px;
    height: 390px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 4px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 40px;
    width: 70px;
    height: 42px;
    cursor: pointer;
    background: transparent url(http://philbengry.com/scroller/arrows.gif) no-repeat 0 -275px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -229px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -227px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -179px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 40px;
    width: 70px;
    height: 42px;
    cursor: pointer;
    background: transparent url(http://philbengry.com/scroller/arrows.gif) no-repeat 0 -33px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -72px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -74px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -122px;
}

/* ----------------------------------------- */
/* TYPOGRAPHY */
/* ----------------------------------------- */


h1, h2, h3, h5, h5, h6 { font-weight:bold }