/* DISPLAY STYLES */
/* For layout and spacing */

div.container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 985px;
}

/* LOG BAR */

#logbar {
	background: black;
	border-bottom: 1px solid #999;
	font-size: 11px;
	color: white;
	padding: 10px;
	text-transform: uppercase;
}

	#logbar a {
		color: #ccc;
		font-size: 11px !important;
		font-weight: bold;
	}
	
	#logbar span {
		color: white;
	}
	
	#logbar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#logbar ul li {
		display:inline;
		padding:0 10px;
	}

/* TOP BAR */

#topbar {
	height: 160px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}
	
	#logo {
		height: 90px;
		left: -5px;
		position: absolute;
		top: 80px;
		width: 415px;
	}
	
		#logo a {
			display: block;
			height: 90px;
			outline:none;
			width: 415px;
		}
		
	#topbar div.banner {
		background: #222;
		border: 1px solid #444;
		padding: 5px;
		position: absolute;
		right: 0px;
		text-align: center;
		top: 16px;
	}
	
		#topbar div.banner img {
			width: 705px;
		}
		
	#toplinks {
		position: absolute;
		right: 5px;
		top: 128px;
	}
	
		#toplinks a {
			color: #888;
			font-family: "Trebuchet MS";
			font-size: 12px;
			font-weight: bold;
			margin-left: 15px;
			text-transform: uppercase;
		}
		
		#toplinks a:hover {
			color: #bbb;
			text-decoration: none;
		}
		
		#toplinks a.rss {
			color: #e67c2e;
			background: url(http://www.macwebos.com/icons/feed.png) no-repeat right center;
			padding-right: 20px;
		}
		
	#slogan {
		color: #bbb;
		font-family: Georgia;
		font-size: 16px;
		font-style: italic;
		padding-top: 25px;
		text-align: center;
		width: 250px;
	}
		
/* SMALL TOP BAR */

#topbar.small {
	height: 80px;
}

	#topbar.small #slogan {
		display: none;
	}
	
	#topbar.small #logo {
		top: 0px;
	}
	
	#topbar.small #toplinks {
		top: 45px;
	}
		
/* NAVIGATION */

#shadow {
	background: url(http://www.lmtmag.com/images/shadowline.png) repeat-x;
	height: 15px;
}

#nav {
	color: white;
	height: 31px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}

	#nav span.date {
		display: block;
		float: left;
		font-family: Georgia, serif;
		font-size: 14px;
		font-style: italic;
		padding: 6px 0;
		margin-top: 2px;
	}

	#nav ul {
		float: right;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		position: relative;
	}	
	
	#nav ul li {
		display:block;
		float:left;
		position:relative;
		zoom:1;
	}
		
		#nav ul li a {
			color: white;
			display: block;
			font-size: 11px;
			font-weight: bold;
			margin-left: 3px;
			padding: 7px 8px;
			text-align: center;
			text-transform: uppercase;
			outline: none;
			overflow: hidden;
		}
	
		#nav ul ul {
			background: white;
			border-top: 0px;
			display: none;
			float: none;
			font-size: 11px;
			left: 2px;
			padding: 0;
			position: absolute;
			margin: 0;
			top: 100%;
			visibility: hidden;
			width: 130px;
			z-index: 500;
		}
		
		#nav ul ul li {
			float: none !important;
			zoom:1;
		}
		
		#nav ul ul li a {
			margin: 0;
			text-align: left;
			text-transform: none;
		}
		
		#nav li a:hover {
			text-decoration: none;
		}
		
		#nav ul li:hover > ul, #nav ul li.over ul {
			display: block;
			visibility: visible;
		}
				
/* SUBHEADER */

#subhead {
	background: #e0e0e0;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
	
	#subhead h1 {
		float: left;
		font-size: 30px;
		letter-spacing: -.5px;
		line-height: 24px;
		margin: 10px 0 0 0px;
		max-width: 690px;
		padding: 10px 0;
		font-weight: normal;
	}
	
		#subhead h1 span {
			color: #888;
			display: block;
			font-size: 16px;
			padding-top: 5px;
		}
		
		#subhead h1.labday span {
			color: #333;
			font-size: 16px;
			letter-spacing: 0px;
		}
		
		#subhead h1 span.logotext {
			color: black;
			font-size: 25px;
		}
		
		#subhead h1 span a {
			color: #888;
		}
		
		#subhead h1 span strong {
			font-size: 13px;
			margin-left: 20px;
			text-transform: uppercase;
		}
	
	#subhead #subnav {
		float: right;
		padding: 23px 0;
	}
	
		#subhead #subnav p {
			color: #555;
			font-size: 13px;
			line-height: 16px;
			margin: 0px;
			padding: 0px;
		}
	
	#subhead ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#subhead li {
		color: #888;
		float: left;
		font-size: 14px;
		margin-left: 5px;
	}
	
		#subhead li strong {
			color: #555;
		}
		
		#subhead li a {
			color: #777;
			display: block;
			font-size: 12px;
			letter-spacing: -.3px;
			padding: 7px 8px 5px;
		}
		
		#subhead li a:hover {
			color: #111;
			text-decoration: none;
		}
		
/* MAIN */

#main {
	background: white;
	padding: 20px 0;
	min-height: 600px;
	text-align:center;
	width: 100%;
}

	#leftcol {
		border-right: 1px solid #ddd;
		padding-right: 20px;
		width: 715px;
	}
	
		#leftcol.short {
			width: 620px;
		}
		
	#leftcol p a {
		font-weight: bold;
	}

	#rightcol {
		float: right;
		width: 230px;
	}
	
		#rightcol.long {
			width: 320px;
		}
		
		#rightcol h2 {
			color:#444;
			font-size:15px;
		}

	#fullcol {
		margin: 0 auto;
		text-align: left;
		width: 985px;
	}

/* COLUMN-SPECIFIC */

#leftcol h1 {
	font-size: 20px;
	margin: 0;
	padding: 0;
}

	#leftcol h1 span {
		color: #777;
	}
	
	#leftcol h1.small {
		font-size: 15px;
	}

#leftcol h2 {
	color: #888;
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

#rightcol hr {
	margin: 10px 0;
}

/* FOOTER */

#footer {
	background: #eaeaea url(../images/footer_bg.png) repeat-x top left;
	font-family: "Verdana",Arial,sans-serif;
	clear: both;
	text-align: center;
	padding: 30px 0;
	width: 100%;
}
	
	#footer_left {
		border-right: 1px solid #ccc;
		color: #777;
		float: left;
		font-size: 11px;
		line-height: 17px;
		padding-right: 25px;
		width: 370px;
	}
	
		#footer_left p a {
			color: #555;
			font-weight: bold;
		}
	
	#footer_right {
		float: right;
		position: relative;
		width: 550px;
	}
	
		#footer_right div#links {
			bottom: 0px;
			color: #777;
			font-size: 11px;
			left: 0px;
			position: absolute;
		}
		
		#footer_right div#links a {
			color: #777;
			padding: 0 3px;
		}
	
	#footer p { 
		font-size:10px;
	}
	
	#footer div.section {
		color: #777;
		font-size: 10px;
		float: left;
		padding-left: 30px;
		width: 150px;
	}
	
	#footer div.section.short {
		width:100px;
	}
	
	#footer div.section.first { 
		border: 0px;
		padding-left: 0px;
		width: 175px;
	}
		
		#footer div.section h2 {
			color: #444;
			font-size:11px;
			margin: 0 0 10px 0;
			padding: 5px 0px 3px;
			text-transform: uppercase;
		}
		
		#footer div.section ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		
			#footer div.section li {
				font-size: 11px;
			}
		
			#footer div.section li.pad {
				margin-bottom: 15px;
			}
		
			#footer div.section li a {
				color: #777;
				line-height: 16px;
			}
			
			#footer div.section li a:hover {
				color: #222;
			}
		
	#footer div.copyright {
		background: url(../images/lmtlogo_gray.png) no-repeat left center;
		color: #777;
		clear: both;
		font-size: 11px;
		letter-spacing: .3px;
		line-height: 13px;
		margin-bottom: 20px;
		padding-left: 140px;
	}
	
		#footer div.copyright h3 {
			font-size: 13px;
			margin: 0px;
			padding: 0 0 5px 0;
		}
			
		#footer div.copyright a {
			color: #666;
		}
		
		#footer div.copyright a:hover {
			color: #222;
		}
		
/* POPUPS */

			
/* POPUPS*/
			
#popup {
     background: url(http://www.fruitunes.com/images/black_fade.png);
     height: 100%;
     left: 0px;
     position: fixed;
     top: 0px;
     width: 100%;
     z-index: 1200;
}

#popup div#popup_inner {
     background: white;
     border: 10px solid #666;
     color: #222;
     font-size: 11px;
     margin: 80px auto;
     position: relative;
	 width: 530px;
     z-index: 1500;
}

#popup div#popup_inner div.loading {
	font-size: 27px;
	padding: 30px;
}

#popup div#popup_msg {
	width:200px;
	margin:150px auto;
	color:#222;
	position:relative;
	font-size:15px;
	padding:30px;
	font-weight:bold;
	text-align:center;
	background:white;
	border:5px solid #666;
	z-index:1500;
}

	#popup_inner iframe {
		border: 1px solid #999;
		padding: 5px;
	}

	#popup_inner div.record {
		padding:10px 20px;
	}

	#popup_inner div.record label {
		width:120px;
	}

	#popup_inner div.title {
		background:#eee;
		padding:15px 0;
	}
	
	#popup_inner div.title ul {
		padding:4px;
	}
	
	#popup_inner div.title h1 {
		font-size:18px !important;
		font-family:"Trebuchet MS","Helvetica",Arial,sans-serif;
		margin-left:30px;
	}
	
	#popup_inner div.content {
		padding:5px 15px 15px;
	}
	
	#popup textarea { width:300px; }