/*
Theme Name: Amy Grace
Theme URI: http://orangestudio.co.nz
Description: Amy Grace based on Starkers
Version: 1
Author: Michael via Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: amy grace, amy, grace, orange, starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


body {
	background-color: #FFFFFF;
	text-align: center;
	}


/*** Text styles ****/

h1 {
	font-family: 'Port Lligat Sans', 'Open Sans', 'Century Gothic', sans-serif;
}

h2, h3 {
    font-family: 'Open Sans', 'Century Gothic', sans-serif;
}

h1  {
    font-size: 28px;
    font-weight: 300;
    color: #362000;
    margin-bottom: 4px;
}

h2  {
    font-size: 16px;
    font-weight: 600;
    color: #362000;
    margin-top: 20px;
    margin-bottom: 0px;
}

h3  {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #362000;
    margin-bottom: 0px;
}

p, ul, ol, table {
    font-family: 'Open Sans', 'Century Gothic', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #362000;
}

p   {
    margin-bottom: 9px;
}

a, a:visited {
    font-weight: 600;
    text-decoration: none;
    color: #362000;
}

a:hover {
    text-decoration: underline;
}

ul {
margin-bottom: 0px;
line-height: 1.5em;
color: #362000;
text-indent: 20px;
}

li < .page_item {
list-style-position: inside;
list-style-type: circle;
margin: 0px;
}

li.current-menu-item {
	font-weight: 600;
}
/*need to fix the above to make work*/

img {
	padding: 20px;
}
img.size-medium {
	padding: 0px;
}

/*** HR Padding ***/
hr {
color: #f00;
background-color: #f00;
height: 0px;
margin: 10px;
border: 0;
}

/*** normal table setup ***/
table {
    background: none;
    border: none;
}

table.normalbg {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        width: 900px;
        border: none;
        background:#ffffff url('images/amybg.jpg') no-repeat center top;
        }

table.normalbg td {
        width: 800px;
        height: 100%;
        border: none;
        background: none;
        vertical-align: top;
        }
#contentdivpadtd {
            padding: 50px 70px 50px;
}
#homelink {
            padding: none;
	width: 800px;
	height: 70px;
}
a#homelinka { 
	display: block; 
	width: 100%; 
	height: 100%; 
	background-image: none; 
	margin: 0 auto;
	} 
#smtd {
           padding: 20px 400px 20px;
        text-align: center;
}
        
        div.scroll {
        height: 560px;
        width: 720px;
        overflow: auto;
        border: none;
        background: none;
        padding: 0px 50px 0px 50px;
        text-align: left;
}

table.smtable {
}

div.menu, div.menu-header {
    position: fixed;
    top: 20px;
    right: 20px;
    text-align: right;
}



/***** Links *******/

a img {
border: 0;
}

ul.page_item {
    margin-bottom: 0px;
    line-height: 1.5em;
    color: #6c6255;
    text-indent: 20px;  
}
ul.page_item li, a {
color: #6c6255;
list-style-position: inside;
list-style-type: none;
margin: 0px;
font-weight: 300;
}


/****** SM Buttons *******/
a .alt { display: none; }
a#facebook { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url('images/smicons2/facebook.png'); 
	margin: 0 auto;
	} 
a#twitter { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/twitter.png); 
	margin: 0 auto;
	}
a#instagram { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/instagram.png); 
	margin: 0 auto;
	} 
a#myspace { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/myspace.png); 
	margin: 0 auto;
	} 
a#itunes { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/itunes.png);
	margin: 0 auto;
	} 
a#email { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/email.png); 
	margin: 0 auto;
	}
a#soundcloud { 
	display: block; 
	width: 32px; 
	height: 32px; 
	background-image: url(images/smicons2/soundcloud.png); 
	margin: 0 auto;
	}
	
a#twitter:hover, a#facebook:hover, a#myspace:hover, a#itunes:hover, a#email:hover, a#soundcloud:hover {
	opacity: 0.8;
}

/***** Homepage table ********/

#centerhomepage {
	position:absolute;
	top: 50%;
	left: 50%;
	width:30em;
	height:18em;
	/*margin-top: -460px; when 20px padding is on*/ /*set to a negative number 1/2 of your height*/
	margin-top: -460px;
	margin-left: -290px; /*set to a negative number 1/2 of your width*/
	border: none;
	background: none;
}


table.homepage {
        margin-left: auto;
        margin-right: auto;
        /*height: 80%;  leaving auto for now*/
        border: none;
        background-color: #FFFFFF;
        }
        
table.homepage td {
        padding: 20px;
        }
/*
table.homepage tr {
        height: 200px;
        }*/


/** Homepage buttons **/

a#home { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/01home.png'); 
	margin: 0 auto;
	} 


a#listening { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/02listeningto.jpg'); 
	background-color: #123456;
	margin: 0 auto;
	} 

a#lyrics { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/03lyrics.jpg'); 
	margin: 0 auto;
	} 

a#introducing { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/04introducing.jpg'); 
	margin: 0 auto;
	} 

a#melodies { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/05melodies.jpg'); 
	margin: 0 auto;
	} 

a#upandcoming { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/06upandcoming.jpg'); 
	margin: 0 auto;
	} 

a#myfavethings { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/07myfavethings.jpg'); 
	margin: 0 auto;
	} 

a#gallery { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/08gallery.jpg'); 
	margin: 0 auto;
	} 

a#contact { 
	display: block; 
	width: 250px; 
	height: 266px; 
	background-image: url('images/menu/09contact.jpg'); 
	margin: 0 auto;
	} 


a#home:hover, a#listening:hover, a#lyrics:hover, a#introducing:hover, a#melodies:hover, a#upandcoming:hover, a#myfavethings:hover, a#gallery:hover, a#contact:hover {
	opacity: 0.8;
}

/** Use these later if more buttons needed
a#button1 { 
	display: block; 
	width: 99px; 
	height: 59px; 
	background-image: url(); 
	background-position: 0 0;
	margin: 0 auto;
	} 

a#button1:hover { 
	background-position: 0 -59px; 
	}

a#button1active { 
	display: block; 
	width: 99px; 
	height: 59px; 
	background-image: url(http://www.liliumstrings.com/images/button1.png); 
	background-position: 0 -59px;
	margin: 0 auto;
	} **/



/*** Gigs Calendar and general table styles ****/
th {
	font-weight: 600;
}

td.time {
	text-align: left !important;
}

div.gig-post {
	width=100px;
} /*still need to fix this one - click on details of a gig*/

span.meta-prep, span.entry-date, span.meta-sep, span.author  {
	color: #888888;
}


/*Trying to achieve more gallery columns*/
/*.container #gallery-1 .gallery-item {width:auto !important;}*/

.gallery .gallery-item {width:80% !important;}