/*   
Theme Name: Spilt Milk Custom

Description: Custom Wordpress theme for Spilt Milk Bookings
Author: Lard Designs
Tags: Artists, Services, Spilt Milk
*/
body {
	font-family:Helvetica, sans-serif;
	font-size:13px;
	background-image:url(images/bg_tile.gif);
	color:#999999;
	margin:0;
}

h2 {
	font-family:Helvetica, sans-serif;
	font-size:18px;
	font-weight:300;
	margin:0;
	vtext-decoration:underline;
}

h3 {
	font-size:13px;
	color:#999999;
}

h4 {
	font-size:48px;
	font-family:Helvetica;

	
/* 	font-weight: 900; */
	color:#ffffff;
}

h5 {
	font-family:Helvetica;
	font-size:20px;
	font-weight:900;
	line-height:25px;
	margin:0 0 8px;
	color:#ffffff;
	text-shadow:0 1px #333333;
}

.greenme {
	color:#22c9a7;
}

#homewrap {
	width:840px;
	height:745px;
	background-image:url(images/red_paint.png);
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:900;
}

#headquote {
	width:484px;
	height:206px;
	float:right;
	font-size:32px;
	letter-spacing:-1px;
	line-height:35px;
	font-weight:900;
	color:#ffffff;
	padding:48px 0 0 28px;
	margin-bottom:10px;
}

#headquote {
	width:484px;
	height:206px;
	float:right;
	font-size:32px;
	letter-spacing:-1px;
	line-height:35px;
	font-weight:900;
	color:#ffffff;
	padding:48px 0 0 28px;
	margin-bottom:10px;
}


#pagetitle {
	width:484px;

	float:right;
	font-size:32px;
	letter-spacing:-1px;
	line-height:35px;
	font-weight:900;
	color:#ffffff;
	padding:48px 0 0 28px;
	margin-bottom:10px;
}


#dateicon {
	text-align: center;
	width: 32px;
	height: 46px;
	background-color: #1d1d1d;
	float: left;
	margin: 0px 0px 0px -42px;
	font-size: 10px;
	font-weight: 900;
	line-height: 15px;
	padding: 5px 0px 0px 0px;

}

.day {
	font-size: 20px;
	text-align: center;
}

.month {
	text-transform: uppercase;
	text-align: center;
		color: #ffffff;
}

.year {
	color: #ffffff;

}



#postwrap {
	width: 484px;
	float: right;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 18px;
	font-weight: normal;
}


#headquote p {
	margin:0px 0px 15px 0px;

}

#headquote a {
	border-bottom:dotted 1px #666666;
}

#headquote a:hover {
	color: #22c9a7;
}

.littleme {
	font-size:9px;
	letter-spacing:0;
	color:#666666;
}

#vidpanel {
	width:514px;
	height:246px;
	background-color:#202020;
	float:right;
	background-image:url(images/vidstripbase.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}

#artistpanel {
	width:514px;
	float:right;
	clear:both;
}

#slider {
    width: 464px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 422px;
    width: 464px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
	height:422px;
	padding:0 0 44px 0;
	width:464px;
	display:block;
	clear:both;
}



#workshoppanel {
	height:422px;
	background-color:#202020;
	width:464px;
	float:right;
	clear:both;
	padding:25px;
}

#workshoptitle {
	height:30px;
	color:#ee2b27;
	font-weight:bold;
	font-size:26px;
	letter-spacing:-1px;
	margin-bottom: 5px;
}

.workshoptext {
	width:250px;
	color:#e6e6e6;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
	float:left;
}

.workshoptext ul {
	margin: 0;
	padding-left: 10px;
	list-style: disc;
}

/*
.workshoptext ul li {
	margin: 0;
	padding: 0;
}
*/

.workshopimg {
	width:187px;
	height:331px;
	float:right;
}

#vidleft {
	color:#ffffff;
	width:80px;
	float:left;
	font-size:13px;
	line-height:16px;
	font-weight:900;
	padding:10px 10px 0;
}

.redme {
	color:#ee2b27;
}

#vidright {
	width:408px;
	height:246px;
	float:right;
}

#aboutwrap {
	width:840px;
	height:745px;
	font-weight:900;
	text-align:right;
}

#artistswrap {
	width:840px;
	height:745px;
	font-weight:900;
}

#workshopswrap {
	width:840px;
	height:745px;
	font-weight:900;
	text-align:left;
}

#contactwrap {
	width:840px;
	height:745px;
	font-weight:900;
	text-align:left;
}

#distancer {
	height:400px;
	clear:both;
}

#menupanel {
	height:100%;
	width:264px;
	z-index:12;
	position:fixed;
	left:35px;
}

#logo {
	width:264px;
	height:253px;
	margin-bottom:10px;
}

#menu {
	width:264px;
	height:128px;
	margin-bottom:10px;
}

#twitterbox {
	width:264px;
	height:112px;
	background-color:#202020;
	margin-bottom:10px;
	padding:0;
	font-size:11px;
	color:#ee2b27;
	list-style: none;
}

#panellower {
	width:236px;
	height:100%;
	background-color:#202020;
	padding:14px 14px 0;
}

#greenstrip {
	width:100%;
	background-color:#22d6b1;
	height:3px;
	margin-bottom:15px;
}

a:link {
	color:#ffffff;
	text-decoration:none;
}

a:visited {
	color:#ffffff;
	text-decoration:none;
}

a:active {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#c31a28;
	text-decoration:none;
}

a.home {
	display:block;
	float:left;
	width:264px;
	height:30px;
	text-decoration:none;
	background:url(images/home_button.gif) no-repeat;
	margin:0 0 2px;
	border-bottom:none;
}

a.home:hover {
	background-position:0 -30px;
}

a.workshops {
	display:block;
	float:left;
	width:264px;
	height:30px;
	text-decoration:none;
	background:url(images/workshops_button.gif) no-repeat;
	margin:0 0 2px;
	border-bottom:none;
}

a.workshops:hover {
	background-position:0 -30px;
}

a.artists {
	display:block;
	float:left;
	width:264px;
	height:30px;
	text-decoration:none;
	background:url(images/artists_button.gif) no-repeat;
	margin:0 0 2px;
	border-bottom:none;
}

a.artists:hover {
	background-position:0 -30px;
}

a.contact {
	display:block;
	float:left;
	width:264px;
	height:30px;
	text-decoration:none;
	background:url(images/contact_button.gif) no-repeat;
	margin:0;
	border-bottom:none;
}

a.contact:hover {
	background-position:0 -30px;
}


	
/* TWITTER STYLES */
.twitterhead {
	padding:0 0 0 16px;
	margin:0;
}

.twitterfollow {
	color:#999999;
	float:right;
	padding:0 16px 0 0;
	margin:0;
}

.twitterfollow a {
	color:#999999;
}

.twitterfollow a:hover {
	color:#ffffff;
}

ul.twitter {
	display:block;
	list-style:none;
	padding:0 16px;
}

li.twitter-item {
	display:block;
	padding:0;
	margin:0;
}

p.twitter-message,.twitter {
	font-size:12px;
	line-height:16px;
	margin:8px 0 0;
}

a.twitter-link {
	text-decoration:none;

	
/* 	font-weight: 900; */
	font-size:12px;
	color:#666666;
}

a:hover.twitter-link {
	text-decoration:none;
	color:#999999;
}

.twitter-timestamp,.twitterposted {
	color:#ee2b27;
	font-size:10px;
}


	
/* END TWITTER STYLES */
#homelower {
	width:515px;
	height:212px;
	clear:both;
	margin:15px 0 0;
	float:right;
}

#featartist {
	width:278px;
	height:212px;
	float:left;
}

.featartisttitle {
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	width:102px;
	height:19px;
	float:right;
	background-color:#ee2b27;
	margin:0 0 12px;
	padding:5px 0 0 6px;
}

.featartistname {
	background-color:#454545;
	font-size:17px;
	font-weight:bold;
	color:#ffffff;
	float:right;
	position:relative;
	top:160px;
	left:-60px;
	padding:5px;
}

.featartistimg {
	width:278px;
	height:176px;
	clear:none;
}

#compassion { float: right; z-index: 15; position: fixed; left: 60px; top: 422px;}

#latestnews {
	width:220px;
	height:212px;
	float:right;
}

.newstitle {
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	width:78px;
	height:19px;
	float:left;
	background-color:#212121;
	margin:0 0 12px;
	padding:5px 0 0 6px;
}

.newspanel {
	width:208px;
	height:164px;
	clear:both;
	background-color:#212121;
	padding:12px 0 0 12px;
}

.latestnewsimg {
	width:62px;
	height:62px;
	background-color:gray;
	float:left;
	margin:0 6px 0 0;
}

.newsitem {
	width:196px;
	height:72px;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	margin:0 0 10px;
}

.newstext {
	width:120px;
	float:right;
	line-height:;
}

.eventstitle {
	font-size:14px;
	color:#454545;
	margin:0 0 9px;
}

.event {
	color:#ee2b27;
	font-weight:normal;
	font-size:13px;
	margin-bottom:3px;
}

.event a {
	color:#ee2b27;
	text-decoration:none;
}

.eventloc {
	color:#666666;
	font-weight:bold;
	float:left;
	font-size:12px;
}

.eventdate {
	color:#333333;
	font-weight:normal;
	float:left;
	font-size:12px;
}

#contactarea {
	height:412px;
	background-color:#202020;
	width:464px;
	float:right;
	clear:both;
	padding:25px;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

label {
	display:block;
}

textarea {
	-moz-border-radius:0 12px 0 0;
	-moz-box-shadow:0 0 8px #1e1e1e inset;
	background:none repeat scroll 0 0 #333333;
	border:1px solid #444444;
	color:#e6e6e6;
	display:block;
	font-family:Myriad Pro, Helvetica, sans-serif;
	font-size:13px;
	height:150px;
	letter-spacing:0;
	line-height:18px;
	margin:2px 0 0;
	padding:5px;
	width:96%;
}

input.text {
	-moz-border-radius:0 12px 0 0;
	-moz-box-shadow:0 0 8px #1e1e1e inset;
	background:none repeat scroll 0 0 #333333;
	border:1px solid #444444;
	color:#e6e6e6;
	display:block;
	font-family:Myriad Pro, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0;
	margin:0 0 16px;
	padding:6px;
	width:96%;
}

input.texte {
	-moz-border-radius:0 12px 0 0;
	-moz-box-shadow:0 0 8px #1e1e1e inset;
	background:none repeat scroll 0 0 #333333;
	border:1px solid #444444;
	color:#e6e6e6;
	display:block;
	font-family:Myriad Pro, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0;
	margin:2px 0 10px;
	padding:5px;
	width:45%;
	float:left;
	clear:none;
}

input.textp {
	-moz-border-radius:0 12px 0 0;
	-moz-box-shadow:0 0 8px #1e1e1e inset;
	background:none repeat scroll 0 0 #333333;
	border:1px solid #444444;
	color:#e6e6e6;
	display:block;
	font-family:Myriad Pro, Helvetica, sans-serif;
	font-size:13px;
	letter-spacing:0;
	margin:2px 0 10px;
	padding:5px;
	width:45%;
	float:right;
	clear:none;
}

input.submit {
	background-color: #1d1d1d;
	color: #22c9a7;
	-moz-border-radius:5px;
	border:1px solid #666666;
	cursor:pointer;
	padding:4px;
	margin:6px 0 0;
}

.formsuccess {
	width:272px;
	float:right;
	font-size:12px;
	color:#999999;
	margin:-50px 0 0;
	clear:none;
	text-align:right;
}

#loadBar {
	float:right;
	text-align:right;
	font-size:11px;
	color:#999999;
}

#emailSuccess {
	font-size:11px;
	float:right;
	text-align:right;
	color:#999999;
}

.siteby {
	font-size:11px;
	color:#666666;
	letter-spacing:0;
	position:fixed;
	top:700px;
	left:64px;
}

.siteby a {
	font-size:11px;
}

.boxgrid {
	width:112px;
	height:108px;
	margin:0 6px 6px 0;
	float:left;
	font-size:11px;
	background:#161613;
	border:solid 1px #202020;
	overflow:hidden;
	position:relative;
}

.boxgrid img {
	position:absolute;
	top:0;
	left:0;
	border:0;
}

.boxgrid p {
	padding:8px;
	color:#afafaf;
	font-weight:bold;
}

.boxcaption {
	float:left;
	position:absolute;
	background:#000;
	height:100px;
	width:100%;
}

.captionfull .boxcaption {
	top:260px;
	left:0;
}

.caption .boxcaption {
	top:220px;
	left:0;
}

.artisttitle {
	background-color:#ee2b27;
	color:#ffffff;
	font-size:14px;
	padding:2px;
	z-index:15;
	position:relative;
	top:-10px;
}

.labelstrip {
	width: 408px;

	height: 22px;
	margin: 0px 0px 0px 0px;
}

.labela {
	float: left;
}

.labelb {
	float: left;
	margin: 0px 0px 0px 209px;
}

::-moz-selection{
	background:#1d1d1d;
	color:#22c9a7;
}

::selection {
	background:#1d1d1d;
	color:#22c9a7;
}

code::-moz-selection {
	background: #1d1d1d;
}

code::selection {
	background: #1d1d1d;
}