/* ~-~-~~-~-~ CSS Document -~-~-~-~-~ *\
|                                      |
|   Created for                        |
|   LizSanders.com                     |
|   by Ashton Sanders                  |
|   WebsitesinaFlash.com               |
|                                      |
\* ~-~-~~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */



/* Liz you can edit these colors to change the squares on your site. */
.square.color1 { background-color: #9C0;}
.square.color2 { background-color: F87431;}
.square.color3 { background-color: #2B547E;}
.square.grey { background-color: #CCC;}


/* ~-~-~~-~-~~-~-~~-~-~ RESET ~-~-~~-~-~-~-~-~-~-~*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,  ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
/*	vertical-align: bottom; */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

h2, h3, h4, h5, b, strong {font-weight:900;}

h1 {color: #D5582E; font-size:18px; letter-spacing:1px; font-weight:300; margin-bottom:5px; margin-top:15px;}

#domain {text-decoration:none; color:#000000;}

p {margin:0 0 15px;}


/* ~-~-~~-~-~~-~-~~-~-~ MAIN TEMPLATE ~-~-~~-~-~-~-~-~-~-~*/

div#outline { margin:20px 0 0 30px;  }

.row { height:80px;}

#staticcontent {
	font-size: 18px;
	width: 400px;
	margin-left:170px;
}

.imgselect a { font-size: 14px; text-decoration:none; color:#000;padding:0 5px;}
.imgselect a.sel { font-size: 16px; font-style:italic; color: #C30; font-weight:900}

#footer {
	clear:left;
	padding-top: 45px;
	font-size:12px;
}


/* ~-~-~~-~-~~-~-~~-~-~ STYLE ELEMENTS ~-~-~~-~-~-~-~-~-~-~*/

a { color: #669;}
 
#liztitle {margin-top:20px; float:left;} 


#lizsquare, .square {
	width:80px;
	height:80px;
}

a#lizsquare {
	display:block;
	background: url('../dev/graphics/LSA_home.gif') top left;
	float:left;
}
a#lizsquare:hover {	background-position:top right;}
a#lizsquare span {display:none;}

#contactliz { margin: 0 10px;}




#leftnav2 { width:165px; float:left;}
#leftnav1 { width:135px; float:left; }

#nextprev { text-align:right; padding:0 15px 0 60px;}
#nextprev a {
	text-decoration:none;
	font-size:34px;
	color:#000000;
}

.square { 
	display:block;
	float:left;
	text-decoration: none;
}


.square.number {
	text-align:right;
	padding-top:25px;
	height:55px;
	font-size:12px;
	padding-right:5px;
	width: 75px;
}

/*
.moveright1 { margin-left:80px; }
.moveright2 { margin-left:160px; }
.moveright3 { margin-left:240px; }
.moveright4 { margin-left:320px; }
 div, img {border:1px solid #0f0;} 
*/

#homepage .row img {  border:0; margin:0; padding:0; }  
a.artistbutton {
	display:block;
	height:80px;
	width: 160px;
	float:left;
}
a.artistbutton img { display:none;}