/*
Theme Name: Moda Layout
Theme URI: 
Description: Moda Music Layout
Version: 1 (WP2.8)
Author: Andrew Cetnarskyj
Author URI: http://www.gunk-design.co.uk
Tags: Custom made for Moda
*/

/* CSS */

/*  
http://www.cssstickyfooter.com
*/

html, body {
min-height: 100%; /*Sets the min height to the
                                        height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
                                for IE5+/Win, since IE wrongly expands
                                an element to enclose its content.
                                This mis-behavior screws up modern
                                browsers*/
margin: 0;
padding: 0;

}

html>body {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}


#wrapper {
   /*Keeps content above footer. */
        padding-bottom:30px;
        height:auto;
        width: 800px;
        text-align: center;
        margin: 0 auto;
}

#footer {
    clear: both;
    bottom: 0;
        height:30px;
        line-height:30px;
    
} 
/*** Moda Styles **/

body {
	background:#ffffff url(layoutimages/moda_white_bg.jpg) top center no-repeat;
	font-family: Arial, Sans-serif;
}

#main {
   /*Keeps content above footer. 
        height:auto;
        min-height: 100%;*/
        width: 800px;
        margin: 10px;
        padding-bottom: 5px;
        vertical-align: top;
        font-size: 11px;
        line-height: 13px;
}

.clear
{ clear:both; } 


/***** Wrapper *****/
 
#inner_wrapper {
width:800px;
margin:193px 0 0 0px;
text-align: left;
}

/** Slideshow **/
#slideshow {height: 199px; margin-bottom: 10px;}


/** Footer **/

#footer {
	width: 800px;
	font-size: 11px;
	color: #999966;
}

#footer a {
	color: #999966;
}

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


/***** Side ****/

.sidespacer {
	margin-top:30px;
}

.bottomspacer {
	margin-bottom: 20px;
}

#related_links {
	border-top:1px dashed #000;
	padding-top: 10px;
}

#side {
	float:left;
	width: 300px;
	padding: 10px;
}

#side ul {
	margin: 0 0 20px 0;
}

#side ul li {
	margin: 5px;
}

#side ul li a {
	color: #ff0066;
}

#side ul li a:hover {
	color: black;
}

/** Forms **/

input.side-input {
	border: 1px solid #666;
	padding: 5px;
	margin: 0.5em 0;
	width:200px;
	
}

input.side-input:focus {
	border: 1px solid #000;
}

input.text, textarea {
	border: 1px solid #666;
	padding: 5px;
	margin: 0.5em 0;
	width:300px;
	
}

input.text:focus {
	border: 1px solid #000;
}

.button {
	padding: 10px;
	border: none;
	text-align: center;
	background-color: #ff0066;
	color: #fff;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/*** Classes ***/

.black_border {
	border: 1px solid #000;
}

/**** Central ***/

#central {
	float:left;
	width: 440px;
	padding: 10px;
}

#central p {
	margin-bottom: 10px;
	width: 420px;
}

/*** Thumbnail ***/

.Thumb, .alignleft {
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin:0px 10px 10px 0;
}

.alignright {
	float: right;
	border: 1px solid #ccc;
	padding: 1px;
	margin:0px 0px 10px 10px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/*** Events ***/

.eventDate {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

/*** Music ***/

.buybutton {
	float: left;
	margin:20px 10px 10px 0;
}

/*** Twitter Button ***/

a#twitter_button {
	background-color: #5DE1F4;
	border: 1px solid #66cccc;
	color: #000;
	text-align: center;
	padding: 2px 5px;
	cursor: pointer;
	margin-left: 10px;
}

a#twitter_button:hover {
	background-color: #FF0066;
	color: #fff;
	border: 1px solid #ff3399;
}

/*** Bottom Row ***/

#bottomrow {
	width: 800px;
	margin: 0 10px;
}


.tweet_column_dotted {
	float: left;
	display: inline;
	width: 219px;
	padding: 20px;
}

.tweet_column {
	float: left;
	display: inline;
	width: 220px;
	padding: 20px;
}

.tweet_column ul, .tweet_column_dotted ul {
	width: 220px;
}

.tweet_column ul li, .tweet_column_dotted ul li, #sidetweet ul li {
	margin-bottom: 5px;
	font-size: 11px;
}

/*** headings ***/

h1, h2, h3 {
	text-transform: uppercase;
}

h1 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #ff0066;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 5px;
	color: #ff0066;
}


h3 {
	font-size: 14px;
	line-height: 20px;
	color: #ff0066;
	margin-bottom: 5px;
}

/*** header id's ***/

#latest_news {
	background: url(layoutimages/latest_news.gif) no-repeat top left;
	width: 440px;
	height: 43px;
	margin: 0px 0 10px 0;
}

#latest_news span {
	display: none;
}

#next_event {
	background: url(layoutimages/nextevent.gif) no-repeat top left;
	width: 300px;
	height: 43px;
	margin-bottom: 10px;
}

#next_event span {
	display: none;
}

/*** Heading ***/

#about {
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 0px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#about span {
	display: none;
}

#event {
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 -50px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#event span {
	display: none;
}

#galleries{
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 -150px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#galleries span {
	display: none;
}

#music {
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 -100px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#music span {
	display: none;
}

#coolstuff {
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 -200px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#coolstuff span {
	display: none;
}

#contact {
	background: url(layoutimages/header-graphics.gif)  no-repeat 0 -250px;
	width: 780px;
	height: 50px;
	margin: 10px;
}

#contact span {
	display: none;
}



#jaymo_twitter {
	background: url(layoutimages/twitterbanners.gif) no-repeat 0 -58px;
	width: 220px;
	height: 29px;
	margin-bottom: 10px;
}

#jaymo_twitter span {
	display: none;
}

#tom_twitter {
	background: url(layoutimages/twitterbanners.gif) no-repeat 0 0;
	width: 220px;
	height: 29px;
	margin-bottom: 10px;
}

#tom_twitter span {
	display: none;
}

#andy_twitter {
	background: url(layoutimages/twitterbanners.gif) no-repeat 0 -29px;
	width: 220px;
	height: 29px;
	margin-bottom: 10px;
}

#andy_twitter span {
	display: none;
}

#craig_twitter {
	background: url(layoutimages/craigtwitterbanner.gif) no-repeat 0 0;
	width: 300px;
	height: 28px;
	margin-bottom: 10px;
}

#craig_twitter span {
	display: none;
}

/*** Side ***/

#video {
	margin: 10px 0;
}

/*** links ***/
a {
	color: #ff0066;
	text-decoration: none;
}

a:hover {
	color: #66ccff;
}

/*** Other Styles ***/
/*** Nav Sprites ***/

#navigation {
width: 800px;
height: 32px;
position: relative;
background: url(layoutimages/navigation_black2.gif) no-repeat;
margin: 0;
padding: 0;
}

#navigation li {
float: left;
list-style-type: none;
}

#navigation li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 32px;
background: url(layoutimages/navigation_white2.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}


/* Normal */
li#nav_home a {
left: 0;
width: 83px;
background-position: 0 0;
}

li#nav_about a {
left: 83px;
width: 86px;
background-position: -83px 0;
}

li#nav_events a {
left: 169px;
width: 91px;
background-position: -169px 0;
}

li#nav_music a {
left: 260px;
width: 153px;
background-position: -260px 0;
}

li#nav_gallery a {
left: 416px;
width: 107px;
background-position: -416px 0;
}

li#nav_downloads a {
left: 523px;
width: 147px;
background-position: -523px 0;
}

li#nav_contact a {
left: 670px;
width: 130px;
background-position: -670px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -32px;
}

li#nav_about a:hover {
background-position: -83px -32px;
}

li#nav_events a:hover {
background-position: -169px -32px;
}

li#nav_music a:hover {
background-position: -260px -32px;
}

li#nav_gallery a:hover {
background-position: -416px -32px;
}

li#nav_downloads a:hover {
background-position: -523px -32px;
}

li#nav_contact a:hover {
background-position: -670px -32px;
}