/*
Theme Name: Albumtown
Theme URI: http://www.beardyman.com
Author: Lawrie Malen & Leigh Share @ PixelPudding
Author URI: http://www.pixelpudding.com/
*/

html, body {
	background-color: 		#1C1C1C;
	background-image:			url('./img/tile.png');
	font-family: 				Trebuchet MS;
	font-size: 					12px;
	margin:						0px;
	padding:						0px;
	color:						#FFFFFF;
}

/*
	HEADER
*/

#headercontainer {
	width:						100%;
	height:						754px;
	margin-left:				auto;
	margin-right:				auto;
	background-color:			#000000;
}

#header {
	position:					relative;
	width:						1100px;
	height:						643px;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url('./img/header.jpg');
	background-repeat:		no-repeat;
}

#header #cta {
	position:					absolute;
	top:							28px;
	right:						0px;
}

/*
	NAV
*/

#headercontainer #navbar {
	width:						100%;
	height:						76px;
	background-image:			url('./img/navstrip.jpg');
	background-repeat:		repeat-x;
}

#headercontainer #navbar #nav {
	width:						914px;
	height:						76px;
	margin-left:				auto;
	margin-right:				auto;
}

#headercontainer #navbar #nav img {
	float:						left;
}

#headercontainer .grad {
	width:						100%;
	height:						35px;
	background-image:			url('./img/headgradient.jpg');
	background-repeat:		repeat-x;
}

/*
	MAIN PAGE ELEMENTS
*/

#container {
	width:						900px;
	margin-left:				auto;
	margin-right:				auto;
}

#leftcolumn {
	float:						left;
	width:						630px;
}

#sidebar {
	float:						right;
	width:						240px;
}

#footer {
	clear:						both;
	width:						900px;
	margin-top:					15px;
}

#footer .nav {
	float:						left;
	line-height:				30px;
}

#footer .pixel {
	float:						right;
}

/*
	WIDE ENTRY BOX
*/

.entrybox {
	width:						630px;
}

.entrybox .top {
	margin:						0px;
}

.entrybox .top.first {
	margin:						0px;
}

.entrybox .bottom {
	height:						20px;
}

.entrybox .entry {
	width:						630px;
}

.entrybox .entry .text {
	width:						630px;
	margin:						0px;
	padding-bottom:			10px;
	border-bottom:				1px dotted #CCCCCC;
}

.entrybox .entry h2, .entrybox .entry h2 a, .entryboxwide .entry h2, .entryboxwide .entry h2 a {
	font-size:					16px;
	text-decoration:			none;
	color:						#FFFFFF;
}

.entrybox img {
	max-width: 					630px;
	border:						1px solid #656565;
}

/*
	FULL WIDTH ENTRY BOX ( NO SIDEBAR )
*/

.entryboxwide {
	width:						1010px;
}

.entryboxwide .top {
	width:						1010px;
	height:						20px;
	margin:						0px;
}

.entryboxwide .top.first {
	width:						1010px;
	height:						20px;
	margin:						0px;
}

.entryboxwide .bottom {
	width:						1010px;
	height:						20px;
}

.entryboxwide .entry {
	width:						1010px;
}

.entryboxwide .entry .text {
	width:						980px;
	margin:						0px 15px 0px 15px;
}

/*
	COMMENTS
*/

#respond {
	width:						630px;
	display:						block;
	clear:						both;
	padding-top:				20px;
}

#respond form {
	width:						630px;
}

#respond form textarea {
	width:						630px;
}

/*
	SHARETHIS
*/

.sharecontainer {
	display:						block;
	clear:						both;
	padding-bottom:			10px;
}

.sharecontainer .sharethis {
	float:						left;
	width:						535px;
	height:						22px;
	clear:						both;
	display:						block;
	text-align:					right;
}

.sharecontainer .sharethis div {
	display:						inline;
	margin-left:				10px;
}

.sharecontainer .likebutton {
	float:						right;
	width:						75px;
	text-align:					right;
}

/*
	SIDEBAR
*/

.slimbox {
	width:						240px;
}

.slimbox .top {
	height:						20px;
}

.slimbox .top.first {

}

.slimbox .bottom {
	height:						20px;
}

.slimbox .box {
	width:						240px;
}

.slimbox .box .text {
	width:						240px;
	margin:						0px;
}

.slimbox img {
	border:						1px solid #656565;
}

/*
	ALBUM
*/

.slimbox .albumside {
	display:						block;
	width:						240px;
	height:						288px;
	font-size:					0px;
	line-height:				-20000px;
	background-image:			url('./img/albumside.png');
	background-repeat:		no-repeat;
}

/*
	MAILINGLIST BOX
*/

.slimbox #mailinglist {
	border-bottom:				1px dotted #CCCCCC;
}

.slimbox #mailinglist label {
	float:						left;
	width:						40px;
}

.slimbox #mailinglist .mailinput {
	float:						right;
	width:						195px;
	height:						27px;
	background-image:			url('./img/inputbg.png');
	background-repeat:		repeat-x;
	border:						1px solid #141414;
}

.slimbox #mailinglist .mailinput input {
	background:					none;
	border:						0px;
	width:						138px;
	height:						24px;
	margin:						1px;
	padding:						0px;
	font-family:				Trebuchet MS;
	color:						#FFFFFF;
}

.slimbox #mailinglist #contactsubmit {
	text-align:					right;
	margin:						0px;
	height:						35px;
}

/*
	TWITTER
*/

#twitter .tweet {
	width:						240px;
	min-height:					55px;
	padding-bottom:			5px;
	font-size:					11px;
}

#twitter .tweet .avatar {
	float:						left;
	overflow:					hidden;
	width:						50px;
	height:						50px;
	margin:						4px 10px 0px 0px;
}

#twitter .right {
	text-align:					right;
	padding-right:				25px;
}

#twitter .postsep {
	margin-top:					10px;
	border-top:					1px dotted #CCCCCC;
}

/*
	SOCIAL BOX
*/

#socialbox {
	position:					relative;
	width:						300px;
	height:						250px;
}

#socialbox a {
	position:					absolute;
	display:						block;
	font-size:					0px;
	line-height:				-20000px;
}

#socialbox .fb {
	top:							26px;
	left:							22px;
	width:						99px;
	height:						98px;
	background-image:			url('./img/button_facebook.png');
	background-repeat:		no-repeat;
}

#socialbox .myspace {
	top:							25px;
	left:							151px;
	width:						128px;
	height:						116px;
	background-image:			url('./img/button_myspace.png');
	background-repeat:		no-repeat;
}

#socialbox .youtube {
	top:							141px;
	left:							22px;
	width:						107px;
	height:						97px;
	background-image:			url('./img/button_youtube.png');
	background-repeat:		no-repeat;
}

#socialbox .twitter {
	top:							143px;
	left:							162px;
	width:						102px;
	height:						102px;
	background-image:			url('./img/button_twitter.png');
	background-repeat:		no-repeat;
}

/*
	LIVE DATES SIDEBAR
*/

#liveside hr {
	visibility: 				hidden;
}

#liveside .postsep {
	margin:						5px 0px 5px 0px;
	border-top:					1px dotted #CCCCCC;
}

/*
	LIVE DATES PAGE & SIDEBAR
*/

.gigpic {
	float:						left;
	border:						1px solid #CCCCCC;
	margin:						0px 10px 10px 0px;
}

.livedate {
	clear:						both;
	margin-bottom:				10px;
	border-bottom:				1px dotted #CCCCCC;
}

/*
	VIDEO PAGE DEFINITIONS
*/

.yt {
	width:						746px;
	height:						413px;
	margin-left:				117px;
	margin-bottom:				20px;
	clear:						both;
	border:						1px solid transparent;
}

/*
	SOCIAL PAGE DEFINITIONS
*/

#social {
	width:						640px;
	height:						640px;
	padding:						0px;
}

#social iframe {
	width:						640px;
	height:						600px;
	margin:						10px;
}

#social a {
	margin-left:				10px;
}

#socialbar {
	height:						45px;
	padding-top:				5px;
}

#socialbar a {
	float:						left;
	height:						40px;
	margin-left:				10px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#socialbar a.fb {
	width:						130px;
	background-image: 		url('./img/facebook.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#socialbar a:hover.fb {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#socialbar a.myspace {
	width:						135px;
	background-image: 		url('./img/myspace.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#socialbar a:hover.myspace {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#socialbar a.youtube {
	width:						80px;
	background-image: 		url('./img/youtube.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#socialbar a:hover.youtube {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#socialbar a.flickr {
	width:						100px;
	background-image: 		url('./img/flickr.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#socialbar a:hover.flickr {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#socialbar a.ilike {
	width:						65px;
	background-image: 		url('./img/ilike.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#socialbar a:hover.ilike {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

/* GALLERY */

#flickrgallery .thumb {
	float:						left;
	width:						100px;
	background-color:			#080808;
	text-align:					center;
	margin:						12px 6px 0px 6px;
}

#flickrgallery .gallerynav {
	text-align:					right;
}

/*
	E-COMMERCE STUFF - ORDER FORM
*/

.wpsc_checkout_forms input {
	width:						70%;
}

.productcart .firstrow {
	background-color:			transparent;
}

.productcart tbody .firstrow td {
	background-color:			transparent;
}

#shippingSameBilling {
	width:						20px;
}

.basket {
	height:						40px;
	line-height:				40px;
	background-image:			url('./img/shopping-cart.png');
	background-position:		center left;
	background-repeat:		no-repeat;
	font-size:					14px;
	margin:						10px 0px 10px 0px;
	padding:						5px 0px 5px 0px;
	border-top:					1px dotted #CCCCCC;
	border-bottom:				1px dotted #CCCCCC;
}

.basket a {
	display:						block;
	width:						100%;
	height:						40px;
	text-indent:				50px;
}

/*
	RE-USABLES
*/

.sep {
	clear:						both;
	height:						15px;
}

.clear {
	clear:						both;
}

.right {
	text-align:					right;
}

.red {
	font-weight:				bold;
	color:						#990000;
}

.display, .entrybox .entry .text img {
	border:						1px solid #616161;
}

.postmetadata {
	float:						left;
}

.dateright {
	float:						right;
	text-align:					right;
}

.sociallinks {
	float:						left;
	height:						20px;
}

/*
	GIGS TABLE
*/

table.gigs td {
	height:						30px;
}

table.gigs thead td {
	border-bottom:				2px solid black;
}

table.gigs tbody td {
	border-bottom:				1px dotted black;
}

/*
	VALENTINE'S PAGE
*/

#envelope {
	position:					relative;
	width:						670px;
	height:						580px;
	background-image:			url('./img/valentinebg.jpg');
	background-repeat:		no-repeat;
}

#envelope .input {
	position:					absolute;
	width:						218px;
	background-color:			#FCDBF6;
	border:						1px solid #FCDBF6;
	left:							388px;
}

#envelope .submit {
	position:					absolute;
	top:							460px;
	left:							505px;
}


#envelope .input.yourname {
	top:							282px;
}

#envelope .input.name {
	top:							344px;
}

#envelope .input.email {
	top:							406px;
}

/*
	ELEMENTS
*/

img {
	border:						0px;
}

h1, h2 {
	font-size:					16px;
	color:						#FFFFFF;
	margin:						0px;
}

h1 a, h2 a {
	text-decoration:			none;
}

p {
	margin-bottom:				0px;
}

a {
	color:						#DEDEDE;
}

hr {
	width:						100%;
	border-top:					1px dotted #CCCCCC;
	border-bottom:				0px;
	border-right:				0px;
	border-left:				0px;
	margin:						10px 0px 10px 0px;
	color:						none;
	background-color:			transparent;
	height:						2px;
	clear:						both;
}