/* Murco Recycling, Inc. */
/* Website fully developed by Liqueoum Design */
/* http://www.liqueoum.com */

* { margin: 0; padding: 0; }

/*** Home Page ***/
body {
	background: #D2E7F1 url(images/background.gif) 0 0 repeat-y;
	color: #124F6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; }
	
	a { color: #2B8DBB; text-decoration: none; }
	a:hover, a:active { color: #FE4941; text-decoration: underline; }

	#header { }
	#header h4 { display: none; }
	
		#headerLogo {
			background: #FFF url(images/murcoLogo.gif) 0 0 no-repeat;
			height: 46px;
			left: 20px;
			position: absolute;
			top: 29px;
			text-indent: -9999px;
			width: 274px; }
		
		/**- Navigation Construction -**/
		#navMain, #navSub { 
			display: inline; height: 45px; list-style: none;
			margin: 0; overflow: hidden; padding: 0; position: absolute; }
			#navMain { left: 318px; top: 24px; }
			#navSub { height: 19px; left: 294px; top: 69px; }
			
			#navMain a, #navSub a { float: left; height: 0px !important; height /**/:45px; overflow: hidden; padding: 45px 0 0 0; }
				#navSub a { height /**/:19px; padding: 19px 0 0 0; }
				#navSubLatest a { height /**/:9px; margin: 9px 0 0 -2px; padding: 9px 0 0 0; }
				
			#navMain li, #navSub li { display: inline; height: 45px; list-style: none; margin: 0; padding: 0; }
			
			/**- Main Navigation -**/
				#navMainHome a:link, #navMainHome a:visited { background: #FFF url(images/navHome.gif) 0 0 no-repeat; width: 65px; }
				#navMainHome a:hover, #navMainHome a:active { background-position: 0 -45px; }
				#navMainUpcoming a:link, #navMainUpcoming a:visited { background: #FFF url(images/navUpcoming.gif) 0 0 no-repeat; width: 146px; }
				#navMainUpcoming a:hover, #navMainUpcoming a:active { background-position: 0 -45px; }
				#navMainPower a:link, #navMainPower a:visited { background: #FFF url(images/navPower.gif) 0 0 no-repeat; width: 109px; }
				#navMainPower a:hover, #navMainPower a:active { background-position: 0 -45px; }
				#navMainMore a:link, #navMainMore a:visited { background: #FFF url(images/navMore.gif) 0 0 no-repeat; width: 93px; }
				#navMainMore a:hover, #navMainMore a:active { background-position: 0 -45px; }

			/**- Sub Navigation -**/
				
				#navSubFun a:link, #navSubFun a:visited { background: #FFF url(images/navFun.gif) 0 0 no-repeat; width: 82px; }
				#navSubFun a:hover, #navSubFun a:active { background-position: 0 -19px; }
				#navSubRemoval a:link, #navSubRemoval a:visited { background: #FFF url(images/navRemoval.gif) 0 0 no-repeat; width: 91px; }
				#navSubRemoval a:hover, #navSubRemoval a:active { background-position: 0 -19px; }
				#navSubStories a:link, #navSubStories a:visited { background: #FFF url(images/navStories.gif) 0 0 no-repeat; width: 91px; }
				#navSubStories a:hover, #navSubStories a:active { background-position: 0 -19px; }
				#navSubMedia a:link, #navSubMedia a:visited { background: #FFF url(images/navMedia.gif) 0 0 no-repeat; width: 55px; }
				#navSubMedia a:hover, #navSubMedia a:active { background-position: 0 -19px; }
				#navSubLatest a:link, #navSubLatest a:visited { background: #FFF url(images/navLatest.gif) 0 0 no-repeat; height: 9px; width: 106px; }
				#navSubLatest a:hover, #navSubLatest a:active { background-position: 0 -9px; }

		/**- Contact Box -**/
		#navContact {
			background: #FFF url(images/navContact.gif) 0 0 no-repeat;
			height: 79px;
			left: 730px;
			position: absolute;
			top: 24px;
			width: 120px; }
			#navContact li { display: none; }

/*** My Murco ***/
#myMurco, #myMurco-admin {
	background: #FFF url(images/myMurco.gif) 0 0 no-repeat;
	height: 245px;
	left: 28px;
	position: absolute;
	top: 99px;
	width: 174px; }
	#myMurco h4, #myMurco-admin h4 { display: none; }
	#myMurco-admin { background: url(images/myMurco-admin.gif); }

#myMurcoUnlogged {
	height: 245px;
	left: 28px;
	position: absolute;
	top: 99px;
	width: 174px; }
	#myMurco h4, #myMurco-admin h4 { display: none; }
}	
	
	/**- Login -**/
	.myMurco_input {
		border: 1px solid #7D9116;
		margin: 0px;
		height: 20px;
		width: 138px; }
	.myMurco_button {
		border: none; }

		/**- Username & Password -**/
		#myMurco-Name, #myMurco-Password {
			background: #FFF 0 0 no-repeat;
			display: block;
			margin: 0 0 0 17px;
			position: absolute;
			overflow: hidden;
			text-indent: -9999px; }
		#myMurco-NameBox, #myMurco-PasswordBox { position: absolute; left: 18px; }
		#myMurco-Name {
			background: url(images/myMurco-Name.gif);
			height: 10px;
			top: 50px;
			width: 59px; }
			#myMurco-NameBox { top: 66px; }
		#myMurco-Password {
			background: #FFF url(images/myMurco-Password.gif) 0 0 no-repeat;
			height: 11px;
			top: 93px;
			width: 50px; }
			#myMurco-PasswordBox { top: 110px }

		/**- Login Button -**/
		#myMurco-Login {
			background: #FFF url(images/myMurco-Login.gif) 0 0 no-repeat;
			cursor: pointer !important;
			cursor: hand;
			height: 22px;
			left: 52px;
			line-height: 9999px; /* IE fix. Stupid, stupid IE. */
			position: absolute;
			text-indent: -9999px;
			top: 140px;
			width: 71px; }
			
	/**- User Minibox -**/
		#myMurco-UserList { left: 16px; list-style: none; position: absolute; top: 49px; width: 142px; }
	
		#myMurco-Edit a {
			background: #FFF url(images/myMurco-Edit.gif) 0 0 no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 25px; width: 142px; }
		#myMurco-Edit a:hover, #myMurco-Edit a:active { background-position: 0 -25px; }

		#myMurco-Helpful a {
			background: #FFF url(images/myMurco-Helpful.gif) 0 0 no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 26px; width: 142px; }
		#myMurco-Helpful a:hover, #myMurco-Helpful a:active { background-position: 0 -26px; }
		
		#myMurco-Make a {
			background: #FFF url(images/myMurco-Make.gif) 0 0 no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 26px; width: 142px; }
		#myMurco-Make a:hover, #myMurco-Make a:active { background-position: 0 -26px; }
		
		#myMurco-Logoff a { background: #FFF url(images/myMurco-Logoff.gif) 0 0 no-repeat;
			display: block; height: 0; margin: 14px 0 0 36px; overflow: hidden; padding-top: 22px; width: 71px; }
		#myMurco-Logoff a:hover, #myMurco-Logoff a:active { background-position: 0 -22px; }
			
			/**- New & Whats Box -**/
			#myMurco-New, #myMurco-Whats {
				height: 44px;
				left: 16px;
				position: absolute;
				top: 176px;
				width: 142px; }
				#myMurco-New a, #myMurco-Whats a { display: block; height: 0px !important; overflow: hidden; padding: 44px 0 0 0; width: 142px; }
				#myMurco-New a:link, #myMurco-New a:visited { background: #FFF url(images/myMurco-New.gif) 0 0 no-repeat; }
				#myMurco-Whats a:link, #myMurco-Whats a:visited { background: #FFF url(images/myMurco-Whats.gif) 0 0 no-repeat; }
				#myMurco-New a:hover, #myMurco-New a:active { background-position: 0 -44px; }
				#myMurco-Whats a:hover, #myMurco-Whats a:active { background-position: 0 -44px; }
				
	/**- Admin Minibox -**/
		#myMurco-AdminList { left: 16px; list-style: none; position: absolute; top: 49px; width: 142px; }
	
		#myMurco-AddAuct a {
			background: #FFF url(images/myMurco-AdminNav.gif) 0 0 no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 28px; width: 142px; }
		#myMurco-AddAuct a:hover, #myMurco-AddAuct a:active { background-position: 0 -130px; }

		#myMurco-EditAuct a {
			background: #FFF url(images/myMurco-AdminNav.gif) 0 -28px no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 23px; width: 142px; }
		#myMurco-EditAuct a:hover, #myMurco-EditAuct a:active { background-position: 0 -158px; }
		
		#myMurco-Stories a {
			background: #FFF url(images/myMurco-AdminNav.gif) 0 -51px no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 26px; width: 142px; }
		#myMurco-Stories a:hover, #myMurco-Stories a:active { background-position: 0 -181px; }

		#myMurco-PostNews a {
			background: #FFF url(images/myMurco-AdminNav.gif) 0 -77px no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 27px; width: 142px; }
		#myMurco-PostNews a:hover, #myMurco-PostNews a:active { background-position: 0 -207px; }

		#myMurco-SendNews a {
			background: #FFF url(images/myMurco-AdminNav.gif) 0 -104px no-repeat;
			display: block; height: 0; overflow: hidden; padding-top: 26px; width: 142px; }
		#myMurco-SendNews a:hover, #myMurco-SendNews a:active { background-position: 0 -234px; }

		
		#myMurco-Logoff a { background: #FFF url(images/myMurco-Logoff.gif) 0 0 no-repeat;
			display: block; height: 0; margin: 13px 0 0 36px; overflow: hidden; padding-top: 22px; width: 71px; }
		#myMurco-Logoff a:hover, #myMurco-Logoff a:active { background-position: 0 -22px; }
	
		/** Other links to utilize space better **/
		#myMurco-Links {
			position: absolute;
			top: 250px;
		}
			
/*** Blog & Mission & Intro ***/
#blog, #viewPost, #intro {
	/*background: #FFF url(images/blogDivider.gif) right top no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	left: 280px;
	min-height: 635px;
	position: absolute;
	top: 115px;
	width: 500px; }
	#viewPost { background: none; }
	#intro {
		background: none;
		font-size: 15px; 
		line-height: 19px;
		width: 450px; }
		#intro img { float: left; margin: -12px 12px 0 0; }
	
	#blog h2 { background: #FFF url(images/blogTitleNew.gif) 0 0 no-repeat; height: 25px; margin: 0 0 18px 0; text-indent: -9999px; width: 240px; }
		
		/**- Blog Post -**/
		.blogPost h3 { color: #2B8DBB; font-size: 18px; font-weight: bold; width: 370px; }
		.blogPost-Date { color: #666; font-size: 10px; margin: 0 0 14px 0; }
		.blogPost-Text { font-size: 12px; line-height: 18px; margin: -5px 0; text-align: justify; width: 360px; }
		.blogPost-Comments { display: block; font-size: 10px; margin: 25px 0; text-align: center; width: 360px; }
		.blogPost hr {
			background: #666 url(images/blogHR.gif) 0 0 no-repeat;
			border: none;
			color: #D4D4D4;
			height: 1px;
			margin: 18px 0 21px 31px !important;
			margin: 18px 0 21px -10px;
			width: 317px !important;
			width: 200px; }
		
		/**- View Post -**/
		.comment {
			background: #FBFADB;
			border: 2px dotted #F5F3BA;
			margin-bottom: 15px;
			padding: 15px;
			width: 382px; }

/* The glory days.
#mission {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 635px;
	padding: 0 0 0 16px;
	position: absolute;
	top: 123px;
	width: 200px; }
*/
#mission-right{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 510px;
	padding: 0 0 0 16px;
	position: absolute;
	top: 460px;
	width: 280px; }
	
	#mission-right h2 { background: #FFF url(images/blogTitleMission.gif) 0 0 no-repeat; height: 25px; margin: 0 0 18px -16px; text-indent: -9999px; width: 129px; }
	#mission-right h3 { color:#FF3333;display: block; margin: 10px 0 8px -16px; }
	#mission-right a{color:#FF3333; text-decoration:none; font-weight:bold;}
#mission-left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: 290px;
	padding: 0 0 0 16px;
	position: absolute;
	top: 460px;
	width: 200px; }
	
	#mission-left h2 { background: #FFF url(images/blogTitleMission.gif) 0 0 no-repeat; height: 25px; margin: 0 0 18px -16px; text-indent: -9999px; width: 129px; }
	#mission-left h3 { color:#FF3333;display: block; margin: 10px 0 8px -16px; }
	#mission-left a{color:#FF3333; text-decoration:none; font-weight:bold;}
}


	/*
		h3#missionStuff { margin-left: -26px; }
		h3#missionPowerhouse { margin-left: -26px; }
	
		#missionWhat a {
			background: #FFF url(images/missionWhat.gif) 0 0 no-repeat;
			background-position: 0 -16px;
			display: block; height: 0; overflow: hidden; padding-top: 16px; width: 86px; }
			#missionWhat a:hover, #missionWhat a:active { background-position: 0 -16px; }
		#missionCommand a {
			background: #FFF url(images/missionCommand.gif) 0 0 no-repeat;
			background-position: 0 -18px;
			display: block; height: 0; overflow: hidden; padding-top: 18px; width: 200px; }
			#missionCommand a:hover, #missionCommand a:active { background-position: 0 -18px; }
		#missionStuff a {
			background: #FFF url(images/missionStuff.gif) 0 0 no-repeat;
			background-position: 0 -16px;
			display: block; height: 0; overflow: hidden; padding-top: 16px; width: 148px; }
			#missionStuff a:hover, #missionStuff a:active { background-position: 0 -16px; }			
		#missionPowerhouse a {
			background: #FFF url(images/missionPowerhouse.gif) 0 0 no-repeat;
			background-position:0 -19px;
			display: block; height: 0; overflow: hidden; padding-top: 19px; width: 159px; }
			#missionPowerhouse a:hover, #missionPowerhouse a:active { background-position: 0 -19px; }			
		#missionAbout a {
			background: #FFF url(images/missionAbout.gif) 0 0 no-repeat;
			background-position: 0 -16px;
			display: block; height: 0; overflow: hidden; padding-top: 16px; width: 90px; }
			#missionAbout a:hover, #missionAbout a:active { background-position: 0 -16px; }
		#missionPolicy a {
			background: #FFF url(images/missionPolicy.gif) 0 0 no-repeat;
			background-position: 0 -20px;
			display: block; height: 0; margin-bottom: 6px; overflow: hidden; padding-top: 20px; width: 91px; }
			#missionPolicy a:hover, #missionPolicy a:active { background-position: 0 -20px; }
			*/
/*** Media Page ***/
#media { left: 235px; position: absolute; top: 123px; width: 370px; }
	
	#media h2 {
		background: #FFF url(images/titleMedia.gif) 0 0 no-repeat;
		display: block; height: 25px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 137px; }
	#media h3 { font-size: 16px; margin: 10px 0 0 0; }
	#media p { line-height: 20px; margin: 10px 0 10px 0; }
	#media ul { line-height: 20px; list-style: none; margin: 0 0 0 20px; }
	
	#addMedia {
		background: #F77F7A;
		border: 2px dotted #EC3E37;
		margin-top: 16px;
		padding: 15px;
		text-align: center;
		width: 382px; }
		#addMedia a { color: #FFF; font-size: 18px; }

/*** Mission Pages ***/
.missionPage { left: 225px; position: absolute; top: 123px; width: 382px; }
	
	.missionPage h2 { background: #FFF 0 0 no-repeat; height: 25px; margin: 0 0 18px 0; }
	.missionPage p { line-height: 22px; margin: 0 0 15px 20px; }
		#missionPageWhat { background: url(images/titleWhat.gif); width: 138px; }
		#missionPageCommand { background: url(images/titleCommand.gif); width: 168px; }
		#missionPageAbout { background: url(images/titleAbout.gif); width: 137px; }
		#missionPagePolicy { background: url(images/titlePolicy.gif); height: 32px; width: 149px; }
		
	.missionRemovalTips { left:225px; position:absolute; top:123px; width:660px;}
	.missionRemovalTips p {line-height:22px; margin-top:5px; text-indent:1.2em;}
	.missionRemovalTips img {margin:0px auto; text-align:center;}
	.missionRemovalTips ul {margin-left:25px;}
		
/*** My Murco : User & Admin ***/
.myMurcoForm, .myMurcoFormHL { left: 225px; position: absolute; top: 123px; width: 400px; }
.myMurcoFormHL { width: 700px; }
		
	#userProfile, #userRegister, #adminTools, #adminEditUsers,
	#adminEditBids, #adminStories, #whatsMyMurco, #helpfulLinks {
		background: #FFF url(images/titleUserProfile.gif) 0 0 no-repeat;
		display: block; height: 25px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 175px; }
	#userRegister { background: url(images/titleRegister.gif); width: 225px; }
	#adminSend {
		background: #FFF url(images/titleNewsletter.gif) 0 0 no-repeat;
		display: block; height: 25px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 178px; }
	#adminPost{
		background: #FFF url(images/titleAnnouncement.gif) 0 0 no-repeat;
		display: block; height: 25px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 209px; }
	#adminEdit, #adminAdd {
		background: #FFF url(images/titleEdit.gif) 0 0 no-repeat;
		display: block; height: 25px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 137px; }
	#adminAdd { background: url(images/titleAdd.gif); width: 127px; }
	#adminTools { background: url(images/titleTools.gif); width: 142px; }
	#adminEditUsers { background: url(images/titleEditUsers.gif); width: 181px; }
	#adminEditBids { background: url(images/titleEditBids.gif); width: 91px; }
	#adminStories { background: url(images/titleMange.gif); height: 32px; width: 167px; }
	#whatsMyMurco { background: url(images/titleWhatsMurco.gif); height: 39px; width: 215px; }
	#helpfulLinks { background: url(images/titleHelpful.gif); height: 32px; width: 137px; }
	
		.adminToolsLink {
			background: #FBFADB;
			border: 2px dotted #F5F3BA;
			display: block;
			margin: 10px;
			padding: 10px;
			width: 150px; 
			position: relative;
			float: left;
			}
		.sideBarLink {
			background: #FBFADB;
			border: 2px dotted #F5F3BA;
			display: block;
			margin: 10px;
			padding: 10px;
			width: 150px; }
	
	.viewUser, .viewBid, .viewStory { background: #FBFADB; border: 2px dotted #F5F3BA; margin: 0 0 10px 0; padding: 10px; }
			
/*** Auction Elements ***/
.auctionContent { left: 225px; position: absolute; top: 123px; width: 630px; }

#auctionExplain { margin: 0 0 0 20px; width: 500px; }
	#auctionExplain p { line-height: 20px; margin: 0 0 10px 0; }

.auction { margin: 0 0 15px 0; }
	.auction p {
		background: #FBFADB;
		border: 2px dotted #F5F3BA;
		margin: 15px 0 10px 0;
		padding: 10px;
		width: 382px; }
	.auction img, .viewBid img { border: 3px solid #124F6C; margin: 10px 0 0 0; }
	.newAuction img { border: 3px solid #124F6C; }
	
	.auctionItem { margin: 0 0 15px 0; }

.viewAuction, .viewItem { /*background: #FBFADB; border: 2px dotted #F5F3BA;*/ float: left; height: 270px; margin: 10px 10px 0 0; padding: 10px !important; padding: 6px; position: relative; width: 175px; }
	.viewAuction h3, .viewItem h3 { font-size: 16px; margin: 8px 0 0 0; padding: 0; }
	.viewAuction img, .viewItem img { border: 3px solid #124F6C; bottom: 12px; }
	.viewItem { height: auto; width: 646px; }

	#upcomingAuctions, #powerHouse, #moreStuff, #successStories, #submitStory, #leftovers {
		background: #FFF url(images/titleUpcoming.gif) 0 0 no-repeat;
		display: block; height: 32px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 199px; }
	#powerHouse { background: url(images/titlePower.gif); height: 32px; width: 228px; }
	#moreStuff { background: url(images/titleMore.gif); height: 25px; width: 217px; }
	
/*** Success Stories ***/
#successStories { background: url(images/titleStories.gif); height: 25px; width: 160px; }
.story {
	background: #FBFADB; border: 2px dotted #F5F3BA;
	margin: 10px 0 0 0; padding: 10px; width: 480px; }
	.story p { 	font-size: 17px; }

	#submitStory { background: url(images/titleSubmit.gif) 0 0 no-repeat; height: 32px; width: 138px; }

#leftovers { background: url(images/titleLeftovers.gif); height: 26px; width: 113px; }


/*** Helpful Links : AKA Too many damn links. ***/
.helpfulLinkItem { background: #FBFADB; border: 2px dotted #F5F3BA; margin: 0 0 10px 0; padding: 10px; width: 200px; }
#helpfulLeft { float: left; }
#helpfulCenter, #helpfulRight { float: left; margin-left: 10px; }

/*** Just For Fun / Removal Tips ***/
#justForFun, #removalTips {
		background: #FFF url(images/titleFun.gif) 0 0 no-repeat;
		display: block; height: 24px; margin-bottom: 18px; overflow: hidden; text-indent: -9999px; width: 137px; }
	#removalTips { background: url(images/titleRemoval.gif); height: 32px; width: 143px; }

/*** _GLOBAL CLASSES_ ***/
.inputText { border: 1px solid #124F6C; height: 200px; margin: 4px 0 10px 0; padding: 10px; width: 430px; }
.inputField { border: 1px solid #124F6C; margin: 4px 0 10px 0; padding: 2px; width: 175px; }
.inputButton { background: #FBFADB; border: 1px solid #124F6C; color: #124F6C; margin: 5px 0 0 0; padding: 1px; }

.leftCol { width: 250px; }
.rightCol { position: absolute; left: 300px; top: 42px; width: 250px; }
/*** To deal with Item Categories in their own columns ***/
.leftColItems { width:250px; }
.rightColItems { position: absolute; left:300px; top:290px; width: 250px; }

#sysMessage, #sysError {
	background: #A6C023;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 430px 0 0 28px;
	padding: 5px;
	text-align: center;
	width: 174px; }
	#sysMessage h4, #sysError h4 { font-size: 18px; font-weight: bold; }
	#sysError { background: #993300; }
#noLoginNeeded{
	color:inherit;
	font:Georgia, "Times New Roman", Times, serif;
	margin:370px 0 0 28px;
	padding: 2px;
	text-align:center;
	width: 174px;}
	
#forcedLogin {
	background: #FFF url(images/forcedLogin.gif) 0 0 no-repeat;
	height: 68px; left: 380px; position: absolute;
	text-indent: -9999px; top: 200px; width: 239px; }