/*
Theme Name: TVR, Inc Site Theme
Theme URI: http://tvrinc.net
Description: This is a custom design created by Unattended
Author: Unattended Media
Author URI: http://unattendedmedia.com

*/

@import 'css/screen.css';

body {
	margin: 0px;
	background: #1d283d;
	text-align: center;
	color: #5c5c5c;
	}
	
	
a {
	text-decoration: none;
	color: #343f55;
	}
	
	a:hover {
		text-decoration: underline;
		}
		
	a:visited {
		
		}	
		
	#page {
			width: 950px;
			text-align: left;
			margin: 0px auto;
			padding: 0px 5px;
			}
		
		#header {
			background: #fff;
			height: 43px;
			margin: 30px auto 0px;
			-moz-border-radius-topleft: 10px;
			-webkit-border-top-left-radius: 10px;
    		-moz-border-radius-topright: 10px;
			-webkit-border-top-right-radius: 10px;
			border-bottom: solid 5px #e5e5e5;
			}
			
			a#logo {
					display: block;
					width: 336px;
					height: 149px;
					position: absolute;
					text-indent: -9999px;
					z-index: 100;
					top: 30px;
					}


ul#drop { 
	display: block; 
	margin: 0;
	padding: 0px;
	}
	
	ul#drop li {
		position: relative; 
		list-style: none; 
		margin-left: 25px; 
		float: left; 
		text-indent: 0; 
		display: block;
		list-style: none;
		}
		
	ul#drop li a { 
			display: block; 
			color: #2d5395; 
			text-decoration: none; 
			font-size: 14px; 
			line-height: 35px; 
			padding: 8px 10px 5px; 
			}
			
			ul#drop li a:hover {
					border-bottom: 5px solid #99add0;
					padding-bottom: 0px;
					}

	ul#drop li ul {
		position: absolute;
		left: -1000em;
		top: 43px;
		margin-left: 0;
		padding: 0px 0px 0px 0px;
		z-index: 100;
		background: #fff;
		border-bottom: solid 1px #242424;
		border-top: solid #fff 5px;
		}
		
	ul#drop li:hover ul, ul#drop li.sfhover ul { left: 0px; }
	ul#drop li ul li {
		float: none;
		display: block;
		padding: 0;
		padding-left: 0;
		margin-left: 0;
	}
	ul#drop li ul li a {
		display: block;
		width: 130px; 
		height: 31px;
		padding: 0 15px;
		line-height: 31px;
		background: #fff;
		background-image: none;
		border-bottom: solid 1px #f3f3f3;
		border-right: solid 1px #242424;
		font-weight: normal;
		margin-left: 0;
		}
				
	ul#drop li ul li a:hover {
		border-bottom: solid 1px #f3f3f3;
		background: #f3f3f3;
		}

						
			#home-banner {
					width: 950px;
					height: 225px;
					background: url('img/home-banner.jpg') no-repeat center center;
					margin: 0 auto;
					position: relative;
					}
					
				#home-banner p {
						display: none;
						}
							

	#wrapper {
		width: 950px;
		background: url('img/wrapper.jpg') repeat-y;
		-moz-border-radius-bottomleft: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		}
		
	#content {
		background: #fff;
		width: 540px;
		float: left;
		margin: 30px;
		font-size: 14px;
		}
		
		#content h1 a, #content h2 a, #content h3 a, #content h4 a {
				color: #ffc000;
				/* background: url('img/double-lines.png') repeat-x center bottom;*/
				display: block;
				clear: both;
				margin-bottom: 0px;
				padding-bottom: 0px;
				}
		
		#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
				color: #ffd800;
				text-decoration: none;
				}
				
		#content h2, #content h3, #content h4 {
				color: #1d283d;
				background: url('img/double-lines.png') repeat-x center bottom;
				display: block;
				clear: both;
				padding-bottom: 10px;
				}
				
		#content h1 {
				color: #bb0009;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 28px;
				font-weight: bold;
				}
				
				
		#content p.intro {
				color: #1d283d;
				font-size: 18px;
				font-family: Helvetica, Arial, sans-serif;
				}
				
				
		.post-date {
				width: 70px;
				float: left;
				text-align: center;
				margin: 0px 40px 50px 0px;
				color: #343f55;
				}
				
				.post-date .day {
						display: block;
						font-size: 32px;
						line-height: 24px;
						}
				
				.post-date .month {
						display: block;
						font-size: 10px;
						text-transform: uppercase;
						background: url('img/double-lines.png') repeat-x center bottom;
						}
				
				.post-date .year {
						display: block;
						font-size: 16px;
						}
				
				
		.entry p:first-line {
				font-size: 16px;
				color: #343f55;
				}
		
	#sidebar {
		width: 290px;
		float: left;
		margin: 30px;
		font-size: 13px;
		}
		
		#sidebar ul {
				padding: 0px;
				margin: 0px;
		}
		
		#sidebar li {
				list-style: none;
				}
				
		#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5,#sidebar h6 {
				display: block;
				color: #343f55;
				background: url('img/double-lines.png') repeat-x center bottom;
				font-size: 18px;
				margin-top: 10px;
				}
				
			.contact p {
					clear: both;
					padding: 5px 0px;
					}
				
			.contact label {
					width: 150px;
					display: block;
					float: left;
					}
					
			.contact span {
					display: block;
					float: left;
					}
					
	#footer {
		text-align: center;
		color: #999999;
		position: relative;
		}
		
		#footer ul {
				height: 20px;
				padding: 0px;
				left: 50%;
				position: relative;
				text-align: center;
				float: left;
				clear: left;
				margin: 0 0 10px;
				}
		
		#footer li {
				list-style: none;
				float: left;
				padding: 10px 10px;
				right: 50%;
				position: relative;
				}
				
				#footer li a {
						color: #ffc000;
						}
						
		#footer a {
				color: #d0d0d0;
				text-decoration: none;
				}
				
			#footer a:hover { text-decoration: underline; }
			
			#footer p {
					display: block;
					clear: both;
					}
				
				#footer #footer-sub-nav li {
						padding-top: 0px;
						}
						
				#footer #footer-sub-nav a {
						color: #bdbdbd;
						}
		
		
		
/* Content Styling */

#content img {
	padding: 2px;
	border: solid 1px #858585;
	}
	
#content p {
	
	}
		
/* Portfolio Styling */

#wrapper.portfolio { 
	background: #fff;
	}
	
	#wrapper.portfolio #content {
			width: 890px
			}

.portfolio-post {
		display: block;
		float: left;
		margin: 20px;
		width: 180px;
		height: 200px;
		border: solid #ccc 1px;
		text-align: center;
		}
		
		
		.portfolio-post .portfolio-image {
				display: block;
				width: 170px;
				height: 170px;
				background: #ccc;
				margin: 5px auto;
				}	
				
		#content .portfolio-post .portfolio-image img {
				padding: 0px;
				border: none;
				}