/*
Theme Name: Dateable Ideas
Theme URI: http://dateableideas.com
Description: This is a custom design created by ShoeSTRING, Inc
Author: ShoeSTRING, Inc
Author URI: http://goshoestring.com

*/

@import 'css/screen.css';

html, body {
	height: 100%;
	}

body {
	margin: 0px;
	background: #190003 url('img/background.jpg') repeat-y center;
	color: #424242;
	}
	
	
a {
	text-decoration: none;
	color: #b21225;
	}
	
	a:hover {
		
		}
		
	a:visited {
		
		}	
	
	#header {
		background: #fff;
		margin: 0px 0px 30px;
		border-top: solid 4px #dadada;
		}

		.description {
			text-align: right;
			font-size: 2em;
			color: #979797;
			}

		#header h1 a {
			text-transform: lowercase;
			color: #2e2e2e;
			margin: 0px 0px 50px 0px;
			display: block;
			}
			
			#header h1 a .ideas {
				color: #b21225;
				font-weight: bold;
				margin-left: -10px;
				}

	#wrapper {
		
		}
		
	#content {
		background: #fff;
		height: 100%;
		padding-bottom: 20px;
		}
		
		h2 {
			margin: 30px 0px 30px 0px;
			color: #424242;
			}
		
	#sidebar {
		}
	
	#footer {
		background: #222222;
		margin: 30px 0px 0px;
		min-height: 100px;
		padding: 20px 0px 0px;
		}
		
		#footer h3 {
			color: #d1d1d1;
			font-weight: lighter;
			}
			
		
		
		
/* Content Styling */

#content img {
	padding: 2px;
	border: solid 1px #858585;
	}
	
#content p {
	
	}
	
	.alignleft {
		float: left;
		margin-top: 10px;
		}
	
	.alignright {
		float: right;
		margin-top: 10px;
		}
	
	.main-image {
		height: 200px;
		border: solid #c0c0c0 3px;
		background: #fff no-repeat center;
		margin: -15px 0px 15px 0px;
		}
		
#nav {
	height: 30px;
	display: block;
	clear: left;
	}	
	
#nav li {
	float: left;
	list-style: none;
	}
	
	#nav li a {
		display: block;
		float: left;
		margin: -4px 10px 0px;
		border-top: solid 4px #dadada;
		}
		
		#nav li a:hover {
			border-top: solid 4px #ac2636;
			}
			
			

/* Home Styling */		

#home-content {
	background: #fff;
	margin-bottom: 10px;
	}
		#home-content .post-image {
			width: 615px;
			height: 335px;
			display: block;
			background: url('img/walk.jpg') no-repeat center center;
			margin: 15px 0px 0px 15px;
			}
		
		#home-content .image-large {
			width: 615px;
			height: 335px;
			display: block;
			background: url('img/image-large.png') no-repeat;
			}
		
			
		
	
	#home-content .title {
		font-size: 2.5em;
		margin: -10px 0px 10px 15px;
		display: block;
		}
		
		#categories {
			background: #fff;
			list-style: none;
			padding: 4px;
			border: solid 1px #d5d5d5;
			margin: 15px 15px 15px 0px;
			}
			
			#categories a {
				display: block;
				color: #d6d6d6;
				border-top: solid #5a5a5a 1px;
				border-bottom: solid #111111 1px;
				padding: 10px;
				background: #363636;
				}
				
				#categories a:hover {
					color: #eaeaea;
					background: #2f2f2f;
					}
				
		
		.contribute {
			background: url('img/suggest.jpg') no-repeat 200px 5px;
			padding: 20px 0px;
			display: block;
			font-size: 1.5em;
			}	
			
#home-posts {
	float: left;
	width: 640px;
	}			

.home .post {
	float: left;
	width: 310px;
	height: 340px;
	background: #fff;
	margin: 0px 10px 10px 0px;
	display: block;
	padding: 15px;
	}	
	
	html>body .home .post {
		width: 280px;
		height: 310px;
		}
	
	.home .post .title {
		font-size: 2em;
		margin: -10px 0px 0px 0px;
		display: block;
		}
		
	
	.home .post p {
		color: #747474;
		}
		
		
		
		.post-image {
			width: 280px;
			height: 130px;
			display: block;
			background: url('img/lunch.jpg') no-repeat center center;
			}
		
		.image-small {
			width: 280px;
			height: 130px;
			display: block;
			background: url('img/image-small.png') no-repeat;
			}
			
	#sidebar {
		float: left;
		width: 310px;
		}

	#sidebar .ad {
		width: 310px;
		height: 340px;
		background: #fff url('img/ad.jpg') no-repeat 15px 15px;
		margin: 0px 0px 10px 0px;
		display: block;
		padding: 15px;
		text-indent: -9999px;
		}	
		
		html>body #sidebar .ad {
			width: 280px;
			height: 310px;
			}
			
	#sidebar .cat {
		width: 310px;
		background: #fff;
		margin: 0px 0px 10px 0px;
		padding: 1px 0px 0px 15px;
		}	
		
		
		html>body #sidebar .cat {
			width: 295px;
			}
			
#sidebar .post {
	float: left;
	width: 310px;
	height: 340px;
	background: #fff;
	margin: 0px 10px 10px 0px;
	display: block;
	padding: 15px;
	}	
	
	html>body #sidebar .post {
		width: 280px;
		height: 310px;
		}