/******************************
[id]MainElements
******************************/
body {
	background-image: url(images/bg.gif);
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Verdana, Arial;	
}
#container {	
	display: block;
	width: 770px;
	margin-left:auto;
	margin-right:auto;
}

/******************************
[id]HeaderElements
******************************/
#header {
	background-image:url(images/hbg.gif);
	background-repeat:repeat-x;
	height:69px;
}
#sitetitle {
	display:block;
	float:left;
	background-image:url(images/ratemybike.gif);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-3000px;
	overflow:hidden;
	width:276px;
	height:69px;
}
#sitetitle a {
	display:block;
	width:276px;
	height:69px;
	position:relative;
	left: 0px;
	border:0px;
	text-decoration:none;
}
#sitetitle a:hover {
	background-image:url(images/ratemybikehover.gif);
	background-repeat:no-repeat;
}
#uploadapic {	
	display:block;
	float:right;
	background-image:url(images/uploadapic.gif);
	background-repeat:no-repeat;
	text-indent:-3000px;
	overflow:hidden;
	width: 273px;
	height: 69px;
}
#uploadapic a {
	display:block;
	position:relative;
	right:0px;
	height:273px;
	height:69px;
	text-decoration:none;
}
/******************************
[id]Content
******************************/
#content {
	background-color:#F5F5F5;
	width:770px;
	font-size:13px;
}
#introtitle {
	background-image:url(images/welcometo2.gif);
	background-repeat:no-repeat;
	height: 38px;
	width: 770px;
	background-color:#F5F5F5;	
	padding:0;
	margin:0;
}
#introtitle h2 {
	display:block;
	margin:0px;
	padding: 15px 0px 0px 10px;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px;
	color:#F9925B;
}
#introtitle em {
	color:#F56213;
	font-style:normal;
}
#introtext {
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	margin: 0;
	line-height:140%;	
}
#introtext p {
	margin: 5px 0 0 0;
	padding: 0;
}
.spanextras { /* Allows for attractive text background rendering */
	background-color:#F9E2CD;
}
#toplink {
	display:block;
	float:left;
	padding: 10px 0;
	margin: 0;
	font-size:11px;
	color:#F07534;
}
#toplink a {
	display:block;
	padding: 0 10px 0 0;	
	background-image:url(images/arrow.gif);
	background-position:right;
	background-repeat:no-repeat;	
}
a {
	color:#F07534;
	text-decoration:none;
}
a:hover {
	color:#FFAC67;
}
h3 {
	font-size: 18px;
	height: 2em;
	color:#F56213;
	margin: 0 0 0 10px;
	padding: 0;
}
#signupbox {
	background-color:#E5E5E5;
	padding: 7px 0px;
}
/******************************
[id]Image
******************************/
#imagearea {
	display:block;
	width: 520px;
	float:left;
	padding: 0px 0px 0px 5px;
	margin:0px;
}
#contentarea { /* For non-image pages */
	display:block;
	width: 495px;
	float:left;
	padding: 0px 5px 0px 5px;
	margin:0 10px 10px 10px;
	background-color:#FFF;
	border: 1px solid #C9C9C9;
}
#imagecontainer {
	width: 514px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	border: 1px solid #000;
	background-image:url(images/picbackground.gif);
}
#image img {
	margin:6px;
	padding:0px;
	border: 1px solid #FFF;
}
#imagearea p { margin: 10px 0 0 10px; }
#picdescription {
	display:block;	
	width: 100%;		
	margin: 5px 0 0 0;
	background-color:#E5E5E5;
	border: 1px solid #FFF;	
}
#picdescription p {
	margin: 0;
	padding: 3px 6px;
}
#picdescription em {
	font-weight:bold;
	font-style:normal;
	color:#F07534;
}
/******************************
[id]Controls
******************************/
#CommentLink {
	display:block;
	margin: 10px auto 0 auto;
	padding: 0 5px;
	height: 25px;
	width: 20em;
	text-align:center;
	background-image:url(images/commentlinkbg.gif);
	background-repeat:repeat-x;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #d7d7d7;
	vertical-align:middle;
	line-height: 25px;
	color: #802a2a;
	font-weight:bold;	
}
#ImageControls { margin-top: 20px }
#ImageControls td {
	font-size: 10px;
}
#controlsarea, #controlsareawbanner {
	display:block;
	float:right; 
	width: 240px;
	padding: 0;
	font-size: 12px;
	margin: -3em 0 0 0;
}
#controlsareawbanner {
	margin: -112px 0 0 0;
}
#rating, #RatingWithPrevious {
	text-indent:-3000px;
	overflow:hidden;
	background-image:url(images/rating.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:93px;
	height:35px;
	margin: 0;
	padding:0px;
}
#PreviousImage { /* Styling for previous image rated box */
	display:block;
	width: 220px;
	position:absolute;
	margin: 0 0 0 525px;
	top: 190px;
	float:left;
	padding:0;
	z-index: 200;
	height: 175px;
	overflow: auto;
}
#PreviousImage img {
	display:block;
	border: 2px solid #f8915a;
	margin: 0 0 5px 20px;
}
#Previous { /* Previous text */
	text-indent:-3000px;
	overflow:hidden;
	background-image:url(images/previous.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:35px;
	width:124px;
	margin: 0px;
	padding:0px;
}
#RatingWithPrevious { /* Where PIR box appears, move ratings area down */
	margin: 210px 0 0 0;
	z-index: 100;
}
* html #RatingWithPrevious {
	margin: 180px 0px 0px 0px;  /* for IE5 and IE6 in quirks mode */
	m\argin: 210px 0px 0px 0px;  /* for IE6 in standards mode */
}

#ratingsform {
	background-color:#E5E5E5;
	padding: 3px;
	display:block;
	margin: 0 auto 0 auto;
	line-height: 200%;
	width: 180px;
}
#ratingsform form, form {
	margin:0px;
	padding:0px;
}
#ratingsform input {
	margin: 0px 7px 0px 0px; 
}
* html #ratingsform input {
	margin: 0px 0px 0px 0px;  /* for IE5 and IE6 in quirks mode */
	m\argin: 0px 7px 0px 0px;  /* for IE6 in standards mode */
}
.submitrating {
	height: 15px;
	width: 64px;
	margin: 5px 15px 10px 0;
	float:right;
	padding: 0px;
}
#top10 {
	display:block;
	padding:0px;
	margin: 15px auto 15px auto;
}
#bottom10 {
	display:block;
	margin: 0 auto 0 auto;
}
#login {
	text-indent:-3000px;
	overflow:hidden;
	background-image:url(images/login.gif);
	width:72px;
	height:27px;
	margin: 15px 0px 15px 0px;
	padding:0px;
}
#loginform p {
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#loginform .spanextras { /* Allows for attractive text background rendering */
	background-color:#F9E2CD;
}
.textinput {
	background-image:url(images/inputbg.gif);
	background-repeat:repeat-x;
	background-position:top;
	height: 21px;
	width: 90%;
	border: 1px solid #FA9660;
	font-weight: bold;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 5px;
}
#loginform .submit {
	display:block;
	margin: 5px auto 0 auto;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
	width: 6em;
}
.lostpass {
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	color:#404040;
	line-height: 135%;
	margin-bottom: 5px;
}
.lostpass a {
	color:#F07534;
	font-weight:bold;
	text-decoration:none;
}
#catselect {
	display:block;
	width: 510px;
	height: 3em;	
	float:left;
	margin: 0;
	padding: 0 0 0 10px
}
#mcityexchangead {
	display:block;
	width: 468px;
	float:left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 20px
}
#catselect form {
	background-color:#E5E5E5;
	border: 1px solid #FFF;
	width: 300px;
	padding: 4px;
}
#skipimage {
        display:block;
        background-image:url(images/skip.gif);
        height:23px;
        width: 117px;
        background-position:top;
        text-indent:-1000em;
        overflow:hidden;
	clear:both;
	margin: 0 0 0 60px;
}
#skipimage:hover {
        background-position: bottom;
}
/******************************
[id]Footer
******************************/
#footer {
	background-image:url(images/footer2.gif);
	background-repeat:no-repeat;
	display:block;
	width: 770px;
	height: 31px;
	font-family:Tahoma, Verdana, Arial;
	font-weight:bold;
	color:#535353;
	font-size:13px;
	padding-top: 7px;
}
#copyright {
	display:block;
	float: left;
	padding-left: 20px;
}
#designedby {
	display:block;
	float: right;
	padding-right: 20px;
}
#footer a {
	color:#779373;
	text-decoration:underline;
}
#footer a:hover {
	color:#666666;
}
/******************************
[id]Misc
******************************/
.minitable {
	font-size: 12px;
	line-height: 200%;
}
.ProfileTable { /* For profile page */
	background-color: #e5e5e5;
}
.ProfileTable td {	
	background-color: #FFFFFF;
}
.ProfileTable .Emphasized {
	background-color: #eeeeee;
	color: #000;
}