/*  
Theme Name: CSSEM Theme
Theme URI: http://cssem.com/
Description: Theme for CSSEM.com, designed by Chris Rowe and coded by Andrew Ryno.
Version: 1.0
*/



* {
	margin: 0;
	padding: 0;
	outline: 0;
}

.clear { clear: both; }

body {
	background: #fff url(../wp-content/themes/CSSEM/images/wood-background.gif) repeat center top;
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 12px;
	color: #262626;
}

.wrapper {
	width: 925px;
	margin: 0 auto;
}

#header {
	width: 100%; height: 114px;
	background: #1f1f1f url(../wp-content/themes/CSSEM/images/header-background.gif) repeat-x top;
}

	#header h1 a {
		width: 108px; height: 17px;
		background: #ccc url(../wp-content/themes/CSSEM/images/logo.gif) no-repeat;
		margin: 32px 0 0 0;
		float: left;
		font-size: 0.1em;
		text-indent: -10000px;
	}
	
	#header #navigation {
		float: right;
	}
	
		#header #navigation li {
			height: 14px;
			float: left;
			list-style: none;
			padding: 33px 0 0 0;
			margin: 0 0 0 40px;
		}
		
			#header #navigation li a {
				height: 14px;
				display: block;
				text-indent: -10000px;
			}
			
				#header #navigation li a.home {
					width: 43px;
					background: url(../wp-content/themes/CSSEM/images/home.gif) no-repeat left;
				}
				
				#header #navigation li a.submit {
					width: 94px;
					background: url(../wp-content/themes/CSSEM/images/submit.gif) no-repeat left;
				}
				
				#header #navigation li a.archives {
					width: 61px;
					background: url(../wp-content/themes/CSSEM/images/archives.gif) no-repeat left;
				}

				#header #navigation li a.interviews {
					width: 72px;
					background: url(../wp-content/themes/CSSEM/images/interviews.gif) no-repeat left;
				}

				#header #navigation li a.tutorials {
					width: 64px;
					background: url(../wp-content/themes/CSSEM/images/tutorials.gif) no-repeat left;
				}

				#header #navigation li a.resources {
					width: 70px;
					background: url(../wp-content/themes/CSSEM/images/resources.gif) no-repeat left;
				}
				
				#header #navigation li a.advertise {
					width: 68px;
					background: url(../wp-content/themes/CSSEM/images/advertise.gif) no-repeat left;
				}
				
					#header #navigation li a:hover, #header #navigation li.active a { background-position: right; }
			
	#header a.subscribers {
		height: 24px;
		background: #353535 url(../wp-content/themes/CSSEM/images/rss-icon.gif) no-repeat left;
		padding: 0 8px 0 34px;
		margin: 32px 0 0 0;
		line-height: 24px;
		clear: both;
		float: right;
		font-size: 12px;
		color: #bfbfbf;
		text-decoration: none;
	}
	
		#header a.subscribers strong {
			color: #fff;
			font-weight: bold;
		}

	#header #search-box {
		clear: left;
	}
	
		#header #search-box fieldset { border: 0; }
		
		#header #search-box legend { display: none; }
		
		#header #search-box p {
			height: 34px;
			padding: 31px 0 0 0;
			display: block;
			font-size: 11px;
			color: #b7b7b7;
		}
		
			#header #search-box p input { display: inline; }
			
			#header #search-box p label {
				line-height: 25px;
				padding: 0 10px 0 0;
				float: left;
			}
			
			#header #search-box p input#search {
				height: 16px; width: 325px;
				background: #4a4a4a;
				border: none;
				border-bottom: 1px solid #676767;
				padding: 4px;
				color: #b7b7b7;
				float: left;
			}
			
			#header #search-box p input#submit {
				width: 73px; height: 25px;
				background: url(../wp-content/themes/CSSEM/images/submit-button.gif) no-repeat;
				border: none;
				font-size: 0.1em;
				text-align: left;
				color: #83b108;			
				cursor: pointer;
				text-indent: -10000px;
			}
			
#content-top {
	width: 915px; height: 4px;
	background: url(../wp-content/themes/CSSEM/images/content-top.gif) no-repeat bottom;
	margin: 7px 0 0 0;
	clear: both;
}

#content {
	width: 906px;
	background: url(../wp-content/themes/CSSEM/images/content-background.gif) repeat-y left;
	padding: 11px 17px 50px 17px;
}

	#sidebar {
		width: 186px;
		float: left;
	}
	
		#partners {
			width: 136px; height: 363px;
			background: url(../wp-content/themes/CSSEM/images/partners-reverse2.gif) no-repeat top left;
			padding: 33px 33px 25px 17px;
			margin: 0 0 16px -25px;
		}
		
			#partners h2 {
				font-family: Georgia, Serif;
				font-size: 14px;
				font-weight: bold;
				color: #262626;
				line-height: 17px;
				border-bottom: 1px solid #dfdb9d;
				padding: 0 0 4px 0;
			}
			
			#partners ul li {
				height: 25px;
				line-height: 25px;
				border-bottom: 1px solid #dfdb9d;
				list-style: none;
			}
			
				#partners ul li a {
					font-family: Georgia, Serif;
					font-size: 12px;
					font-weight: normal;
					text-decoration: none;
					color: #262626;
				}
				
					#partners ul li a:hover { text-decoration: underline; }
					
			.advertisements {
				width: 205px;
			}
			
				.advertisements p { padding: 0 0 8px 0; }
				
				.advertisements p a img { border: 0; }
				

	#sidebar2 {
		width: 231px;
		float: right;
	}
	
		#partners2 {
			width: 136px; height: 145px;
			background: url(../wp-content/themes/CSSEM/images/partners-background.gif) no-repeat top left;
			padding: 33px 33px 25px 17px;
			margin: 0 0 16px 0px;
		}
		
			#partners2 h2 {
				font-family: Georgia, Serif;
				font-size: 14px;
				font-weight: bold;
				color: #262626;
				line-height: 17px;
				border-bottom: 1px solid #dfdb9d;
				padding: 0 0 4px 0;
			}
			
			#partners2 ul li {
				height: 25px;
				line-height: 25px;
				border-bottom: 1px solid #dfdb9d;
				list-style: none;
			}
			
				#partners2 ul li a {
					font-family: Georgia, Serif;
					font-size: 12px;
					font-weight: normal;
					text-decoration: none;
					color: #262626;
				}
				
					#partners2 ul li a:hover { text-decoration: underline; }
					

#partners3 {
			width: 136px; height: 180px;
			background: url(../wp-content/themes/CSSEM/images/partners-reverse3.gif) no-repeat top left;
			padding: 33px 33px 25px 17px;
			margin: 0 0 16px -25px;
		}
		
			#partners3 h2 {
				font-family: Georgia, Serif;
				font-size: 14px;
				font-weight: bold;
				color: #262626;
				line-height: 17px;
				border-bottom: 1px solid #dfdb9d;
				padding: 0 0 4px 0;
			}
			
			#partners3 ul li {
				height: 25px;
				line-height: 25px;
				border-bottom: 1px solid #dfdb9d;
				list-style: none;
			}
			
				#partners3 ul li a {
					font-family: Georgia, Serif;
					font-size: 12px;
					font-weight: normal;
					text-decoration: none;
					color: #262626;
				}
				
					#partners3 ul li a:hover { text-decoration: underline; }
					

#partners4 {
			width: 136px; height: 53px;
			background: url(../wp-content/themes/CSSEM/images/partners-reverse4.gif) no-repeat top left;
			padding: 33px 33px 25px 17px;
			margin: 0 0 16px -25px;
		}
		
			#partners4 h2 {
				font-family: Georgia, Serif;
				font-size: 14px;
				font-weight: bold;
				color: #262626;
				line-height: 17px;
				border-bottom: 1px solid #dfdb9d;
				padding: 0 0 4px 0;
			}
			
			#partners4 ul li {
				height: 25px;
				line-height: 25px;
				border-bottom: 1px solid #dfdb9d;
				list-style: none;
			}
			
				#partners4 ul li a {
					font-family: Georgia, Serif;
					font-size: 12px;
					font-weight: normal;
					text-decoration: none;
					color: #262626;
				}
				
					#partners4 ul li a:hover { text-decoration: underline; }
					

#partners5 {
			width: 136px; height: 145px;
			background: url(../wp-content/themes/CSSEM/images/partners-reverse.gif) no-repeat top left;
			padding: 33px 33px 25px 17px;
			margin: 0 0 16px -25px;
		}
		
			#partners5 h2 {
				font-family: Georgia, Serif;
				font-size: 14px;
				font-weight: bold;
				color: #262626;
				line-height: 17px;
				border-bottom: 1px solid #dfdb9d;
				padding: 0 0 4px 0;
			}
			
			#partners5 ul li {
				height: 25px;
				line-height: 25px;
				border-bottom: 1px solid #dfdb9d;
				list-style: none;
			}
			
				#partners5 ul li a {
					font-family: Georgia, Serif;
					font-size: 12px;
					font-weight: normal;
					text-decoration: none;
					color: #262626;
				}
				
					#partners5 ul li a:hover { text-decoration: underline; }
					

			.advertisements {
				width: 205px;
			}
			
				.advertisements2 p { padding: 0 0 8px 0; }
				
				.advertisements2 p a img { border: 0; }
				

	#main-content {
		width: 459px;
		float: left;
		padding: 0 25px 0 0;
	}
	
		#main-content p#sort {
			width: 659px;
			background: #eaeaea;
			padding: 9px 13px;
			border-bottom: 2px solid #bbb;
			margin: 0 0 10px 0;
			display: block;
		}
		
			p#sort label {
				font-family: "Lucida Grande", Arial, Sans-Serif;
				font-size: 11px;
				color: #343434;
				border-left: 1px solid #bbb;
				padding: 0 0 0 10px;
				margin: 0 0 0 10px;
			}
			
			p#sort label.first { border: 0; padding: 0; margin: 0; }
			
			p#sort select {
				width: 120px;
				border: 1px solid #979797;
				font-size: 11px;
				padding: 2px;
			}
			
				p#sort #show { width: 60px; }
				
		div.post {
			width: 180px; height: 120px;
			background: url(../wp-content/themes/CSSEM/images/post-background2.gif) no-repeat;
			display: block;
			padding: 7px 7px 12px 7px;
			float: left;
			margin: 0 9px 12px 0;
		}
		
		* html body div.post { margin: 0 7px 12px 0; }
		
			div.post a img { border: none; margin: 0 0 6px 0; }
			
			#main-content div.post p { float: left; padding: 0; }
			
			div.post a.information {
				width: 20px; height: 20px;
				background: url(../wp-content/themes/CSSEM/images/info-button.gif) no-repeat;
				display: block;
				float: right;
				text-indent: -10000px;
			}
			
		#main-content h2 {
			font-size: 18px;
			font-weight: bold;
			color: #262626;
		}
		
		#main-content p { padding: 10px 0; }
		
		.navigation {
			width: 190px;
			text-align: right;
			clear: both;
			padding: 10px 0 0 0;
		}
		
			.navigation .previous a, .navigation .next a {
				width: 90px; height: 25px;
				background: url(../wp-content/themes/CSSEM/images/post-nav.gif) no-repeat;
				display: block;
				text-align: center;
				font-weight: bold;
				color: #68860c;
				text-decoration: none;
				line-height: 23px;
				float: left;
				margin: 0 0 0 5px;
			}
			
				.navigation a:hover { text-decoration: underline; }
#footer {
	width: 879px; height: 20px;
	background: url(../wp-content/themes/CSSEM/images/footer.gif) no-repeat;
	margin: 0 auto;
	padding: 19px 28px 19px 18px;
	font-size: 12px;
	color: #565656;
}

	#footer p a {
		color: #565656;
		text-decoration: none;
	}
	
		#footer p a:hover { text-decoration: underline; }
		
	#footer ul {
		float: right;
	}
	
		#footer ul li {
			padding: 0 0 0 2px;
			display: inline;
			color: #b5b5b5;
		}
		
			#footer ul li a {
				font-family: Verdana, Arial, Sans-Serif;
				font-weight: bold;
				color: #565656;
				text-decoration: none;
				margin: 0 4px 0 0;
			}
			
				#footer ul li a:hover { text-decoration: underline; }
				
#fixedtipdiv{
background: #eaeaea;
position:absolute;
padding: 5px;
border:2px solid #bbb;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}