/*
Theme Name: Hot Stuff Project
Site URI: http://mysinglesphoto.com
Description: My Singles Photo — Get the picture?
Version: 0.1
Author: Lisa McMillan
Author URI: http://lisamcmillan.com
*/

/*
----------------------------------------------------------------------------- 
Globals
----------------------------------------------------------------------------- */

html { 
	height: 100%; 
	margin-bottom: 1px; }

body { 
	background: url('images/body_bg.gif') 0 0 #7a97c1 repeat-x;
	color: #666;
	font: 62.5%/1.6em Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
body * {
	margin: 0;
	padding: 0;
	}
	
p, li, td, dt, dd { 
	font-size: 1em; 
	font-weight: normal; 
	}
	
p, ul, ol, dl, blockquote, pre { 
	margin-bottom: 1.0em; 
	}
	
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1em;
	margin-bottom: 1.0em; 
	color: #369;
}	
	
table, tr, td {
	border: none;
}	

hr { 
	display: none; 
	}

a { 
	color: #369;
	}
		
a:visited { 
	color: #333; 
	}
	
a:hover { 
	color: #999; 
	}	

img { 
	border: none; 
	}

#page ul, #page ol { 
	margin-left: 30px;
	margin-top: 20px;
	}
	
blockquote { 
	margin: 0 0 10px; 
	padding: 10px 10px 0; 
	border: 1px solid #ccc; }

.serif { 
	font-family: Georgia, sans-serif; 
	}

#grid {
	position: relative;	
	top: 0;
	left: 0;
	border: 0;
	text-align: center;
}

#canvas {
	position: relative;	
	top: 0;
	left: 0;
	border: 0;
}


.g {
	position: absolute;
	border: 0;
	z-index: auto;
	vertical-align:top;
}


/*
----------------------------------------------------------------------------- 
Structure
----------------------------------------------------------------------------- */

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	border: 1px solid #333;
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}

#header {
	
}

#footer {
	padding: 10px;
	font-size: 1.2em;
	text-align: center;
}

#page {
	font-size: 1.2em;
	padding: 20px 20px 40px 20px;
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

div.content p {
	width: 400px;	
}

#pagealternate {
	font-size: 1.2em;
	padding-top: 50px;
	text-align: left;
	width: 900px;
	margin: 0 auto;

}

tr.header {
	border-bottom: 1px solid #333;
	background-color: #eee;
}

#list {
	float: left;
	width: 440px;
	margin-right: 10px;
}

#content {
	margin-left: 360px;
}
	

/*
----------------------------------------------------------------------------- 
Navigation
----------------------------------------------------------------------------- */

#nav {
	font-size: 0.8em;
	color: #fff;
	text-transform: capitalize;
	background: url('images/header_bg.gif') 0 -40px #333 repeat-x;
}

ul#mainnav {
	padding: 3px 10px;
	color: #fff;
	vertical-align: middle;
	height: 20px;
	}

ul#mainnav li {
	display: inline;
	padding: 3px 5px;
}

ul#mainnav li a {
	text-decoration: none;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
	color: white;
}

ul#mainnav li a:hover, ul#mainnav li a:active {
	color: #eee;
	text-decoration: underline;
}
	

/*
----------------------------------------------------------------------------- 
Lists
----------------------------------------------------------------------------- */


/*
----------------------------------------------------------------------------- 
Text 
----------------------------------------------------------------------------- */

.alert {
	color: red;
	font-weight: bold;
}

#attention {
	font-size:1.3em;
	line-height: 1.4em;
	
	}
	
p.legal {
	text-transform: uppercase;
}


/*
----------------------------------------------------------------------------- 
Headers
----------------------------------------------------------------------------- */


/*
----------------------------------------------------------------------------- 
Forms
----------------------------------------------------------------------------- */
form table td {
	padding: 3px;
	vertical-align: top;
	
}

form input {
	padding: 3px;
	font-size: 0.9em;
}

.hidden {
	display:none;
}


/*
----------------------------------------------------------------------------- 
Footers
----------------------------------------------------------------------------- */

#footer {
	background: url('images/body_bg.gif') 0 20px #fff repeat-x;
}

#footerinfo {
	margin: 10px;
}

/*
----------------------------------------------------------------------------- 
Manage/Admin Stuff
----------------------------------------------------------------------------- */

table.blogadmin tr td{
	padding: 3px;
	font-size: 0.8em;
}

table#imagedata {
	width: 600px;
	border: 1px solid #333;
}

table#imagedata tr td {
	padding: 3px;
	font-size: 0.8em;
	width: 60px;
}