/*
Theme Name: The Point
Author: Kyra Dosch-Klemer
Author URI: http://www.synergypoint.net/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #112222;
	background: url(images/background.gif) repeat-x 0 0;
}
a {
	color: #075083;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 940px;
	margin: auto auto;
	text-align: left;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	height: 86px;
	padding-left: 16px;
}
/**
	#header h1 {
		float: left;
		padding-top: 25px;
	}
		#header h1 a {
			display: block;
			width: 310px; height: 37px;
			text-indent: -9999px;
			background: url(images/logo.gif) no-repeat 0 0;
		}
	#header .ad {
		float: right;
		padding-top: 10px;
	}
	#header ul {
		list-style-type: none;
		clear: both;
		height: 34px;
		padding-top: 10px;
	}
		#header ul li {
			float: left;
			padding-right: 2px;
		}
		#header ul li a {
			display: block;
			color: #ffffff;
			font-weight: bold;
			font-size: 0.9em;
			text-transform: uppercase;
			text-decoration: none;
			text-align: center;
			padding: 10px 20px 11px;
			background: red url(images/navigation.gif) repeat-x 0 0;
		}
		#header ul li a:hover, #header ul li.here a {
			background-image: url(images/active.gif);
		}
/** END header **/

/** BEGIN featured **/
#featured {
	clear: both;
	height: 320px;
	color: #ffffff;
	position: relative;
}
	#featured .thumb {
		float: left;
		width: 502px; height: 302px;
		background: url(images/featured.gif) no-repeat 0 0;
		padding: 10px 25px 10px 26px;
		position: absolute;
		top: 40px;
	}
		#featured .thumb .b {
			width: 502px; height: 300px;
			overflow: hidden;
		}
		#featured .thumb .a {
			width: 502px; height: 300px;
			overflow: hidden;
		}
		#featured .thumb .a img {
			width: 502px;
		}
	#featured a {
		color: #fff;
	}
	#featured .text {
		width: 325px;
		position: absolute;
		left: 555px; top: 40px;
		color: #11222;
	}
		#featured .text h2 {
			font-family: tahoma;
			font-weight: normal;
			font-size: 26px;
			margin-bottom: 10px;
			color: #fff;
		}
			#featured .text h2 a {
				text-decoration: none;
				color: #fff;
			}
			
			#featured .text h2 a:hover {
				color: #112222;
			}
			
		#featured .text p {
			line-height: 1.4em;
			margin-bottom: 10px;
		
		}
		#featured .text .rss {
			font-weight: bold;
			background: url(images/icon_rss.gif) no-repeat;
			padding: 15px 40px 15px 55px;
			margin-bottom: 0;
			font-size: 11px;
		}
		#featured .text .twitter {
			font-weight: bold;
			background: url(images/icon_twitter.gif) no-repeat;
			padding: 15px 40px 15px 55px;
			margin-bottom: 0;
			font-size: 11px;

		}
		#featured .text .facebook {
			font-weight: bold;
			background: url(images/icon_facebook.gif) no-repeat;
			padding: 15px 40px 15px 55px;
			margin-bottom: 0;
			font-size: 11px;

		}
#myController {
	display: none;
}
/** END featured **/

/** BEGIN content **/
#content {
	clear: both;
	width: 580px;
	float: left;
	padding-left: 16px;
}
.fcontent {
	padding-top: 60px;
}
	#content .post {
		clear: both;
		padding-top: 20px;
	}
		#content .post img {
			float: left;
			width: 200px; height: 200px;
			padding: 5px;
			border: 1px solid #BEBEBE;
		}
		#content .post .r {
			float: right;
			width: 360px;
		}
		#content .post .comments a {
			display: block;
			float: right;
			width: 44px; height: 38px;
			background: url(images/comments.gif) no-repeat 0 0;
			text-decoration: none;
			color: #000000;
			font-size: 1.5em;
			text-align: center;
			padding-top: 7px;
		}
		#content .post h2 {
			font-size: 2em;
			margin-bottom: 5px;
			font-family: tahoma;
			font-weight: normal;
			font-size: 20px;
		}
			#content .post h2 a {
				color: #000000;
				text-decoration: none;
			}
		#content .post .details {
			font-size: 0.9em;
			color: #99CC33;
			padding: 2px 5px;
			float: left;
		}
			#content .post .details a {
				color: #99CC33;
				text-decoration: underline;
			}
		#content .post p {
			clear: both;
			margin-bottom: 10px;
			line-height: 1.6em;
		}
		#content .post a.continue {
			font-style: italic;
		}
	#content .postnav {
		clear: both;
		float: right;
	}
		#content .postnav ul {
			list-style-type: none;
		}
			#content .postnav ul li {
				float: left;
				padding: 4px 0 15px 8px;
			}
			#content .postnav ul li a {
				display: block;
				color: #4F4F4F;
				border: 1px solid #E1E1E1;
				padding: 3px 6px;
				text-decoration: none;
			}
			#content .postnav ul li a:hover {
				border-color: #ffffff;
				color: #4F4F4F !important; 
			}
	#wp_page_numbers ul {
		border-top: 0 !important;
	}
	#wp_page_numbers .page_info {
		padding: 3px 6px !important;
		margin-right: 2px;
		border: 1px solid #e0e0e0 !important;
		margin-top: 4px;
	}
	#wp_page_numbers .active_page a {
		background-color: #ffffff !important;
		border: 0 !important;
	}
	#content .single {
		
	}
		#content .single h2 {
			margin-bottom: 10px;
			font-size: 2em;
			text-transform: none;
			font-family: tahoma, arial, helvetica, sans-serif;
			font-size: 20px;
			font-weight: normal;
		}
		#content .single p {
			line-height: 1.5em;
			margin-bottom: 10px;
		}
		#content .single ul, #content .single ol {
			list-style-position: inside;
			margin-bottom: 10px;
		}
		#content .single li {
			line-height: 1.5em;
			padding: 2px 0;
		}
		#content .single blockquote {
			padding: 10px 10px 5px;
			margin-bottom: 10px;
			background-color: #eeeeee;
			border-width: 1px 0;
			border-style: solid;
			border-color: #e0e0e0;
		}
		#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
			font-size: 1.2em;
			margin-bottom: 5px;
		}
		#content .single .details {
			font-size: 0.9em;
			color: #99CC33;
			padding: 2px 5px;
			float: left;
		}
			#content .single .details a {
				color: #99CC33;
				text-decoration: underline;
			}
/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 310px;
	float: right;
}
	#sidebar .box {
		border: 1px solid #DDF5A8;
		margin-bottom: 10px;
		background: url(images/sidebody.gif) repeat-x 0 bottom;
	}
		#sidebar .box h2 {
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 8px;
			background: #99CC33 url(images/sidehead.gif) repeat-x 0 0;
		}
		#sidebar .box ul {
			list-style-type: none;
			padding: 5px 10px 10px;
		}
			#sidebar .box ul li {
				line-height: 1.6em;
				padding: 2px 0;
			}
			#sidebar .box ul li a {
				color: #14619B;
				text-decoration: none;
			}
			#sidebar .box ul li a:hover {
				color: #ff0000;
			}	
		#sidebar form {
			background: url(images/search.gif) no-repeat 0 0;
			height: 47px;
			margin-bottom: 10px;
		}
			#sidebar form input {
				border: 0;
				float: left;
				width: 220px;
				margin: 15px 0 0 15px;
				background-color: transparent;
			}
			#sidebar form button {
				border: 0;
				float: right;
				text-indent: -9999px;
				width: 65px; height: 37px;
				margin: 5px 5px 0 0;
				background-color: transparent;
			}
		#sidebar .ads p {
			text-align: center;
			padding: 5px 0;
		}
			#sidebar .ads img {
				margin: 4px 8px;
			}
		#sidebar .flickr {
			text-align: center;
			padding: 4px 0;
		}
			#sidebar .flickr img {
				margin: 4px 8px;
			}
		#sidebar .video {
			padding: 6px 10px;
		}
		#sidebar .tags {
			padding: 10px 15px;
		}
	#sidebar .l {
		width: 150px;
		float: left;
	}
	#sidebar .r {
		width: 150px;
		float: right;
	}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #1C1C1C;
	color: #ffffff;
	padding: 20px 0;
}
	#footer p {
		width: 940px;
		margin: auto auto;
		text-align: left;
	}
	#footer a {
		color: #ffffff;
	}
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
	padding: 10px 0;
}
	#comments a {
		text-decoration: none;
	}
	#comments h2 {
		font-size: 1.6em;
		margin: 10px 0;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 240px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	padding: 10px;
	color: #565656;
}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}

/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #e0e0e0;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 0 40px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/

/***********************************************/
/* Top Header Navigation					   */
/***********************************************/

#headerNav {
	float:right;
	width:450px;
	padding-top:35px;
	text-align:right;
}

	#headerNav a:link, #headerNav a:visited {
		color:#000;
		text-decoration:none;
		font-size:11px;
	}
	
	#headerNav a:hover {
		text-decoration:underline;
	}
#searchForm{
		float:right;
		display:block;
		text-align:right;
		height:24px;
		padding:0 0 0 15px;
	}
	
		#searchForm #q{
			vertical-align:bottom;
			border:1px solid #ccc;
			padding:2px;
			color:#666;
		}
		
		#searchForm #searchGo{
			vertical-align:bottom;
			margin-left:5px;
			padding:0px 0;
		}
/***********************************************/
/* Main Navigation							   */
/***********************************************/

#navContainer {
	background-color:#000000;
	width:100%;
	text-align:center;
	position:relative;
	z-index:20;
}

#nav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:capitalize;
	color:#FFFFFF;
	background-color:#000000;
	height:24px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	width:950px;
}

	#nav a:link, #nav a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		text-transform:capitalize;
		color:#FFF;
		text-decoration:none;
		display:block;
		padding-right:10px;
		padding-left:10px;
	}
	
	#nav a:hover, #nav li.port a:hover {
	}
	
	ul#mainNav {
		text-align:center;
		display:inline;
		width:950px;
		margin-right:auto;
		margin-left:auto;
	}
	
	ul#mainNav li.level0 {
		border-top-width:4px;
		border-top-style:solid;
		border-top-color:#000000;
		list-style-type:none;
		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#FFFFFF;
		float:left;
		height:20px;
		width:180px;
		position:relative;
		cursor:pointer;
	}
	
		ul#mainNav li.level0.hover, ul#mainNav li a.level0:hover{
			background:#333;
			color:#fff;
		}
	
	ul#mainNav li.level0.last {
		border-right-style:none;
		background-image:url(/common/images/request_btn.gif);
		background-repeat:repeat-x;
		margin-left:0px;
		border-top:4px solid #8f76dd;
		/*border-left:1px solid #FFFFFF;*/
		border-right:1px solid #FFFFFF;
	}
	
	ul#mainNav li.level0.last a:hover {
		border-right-style:none;
		background-image:url(/common/images/request_btn.gif);
		background-repeat:repeat-x;
		border-top-style:none;
		border-top-width:4px;
		border-top-color:#8f76dd;
	}
		
			ul#mainNav ul.level1 {
				display:none;
				width:179px;
				list-style:none;
				position:absolute;
				top:20px;
				left:0;
				z-index:99;
				text-align:left;
				/*background-color:#99cc33;
				border:1px solid #77aa11;*/
				background-color:#333;
				border:1px solid #222;
			}
			
				ul#mainNav ul li.level1{
					display:block;
					width:180px;
					position:relative;
					border-bottom:1px solid #222;
				}
			
					ul#mainNav ul li.level1:last-child{
						border:none 0px;
					}
				
					ul#mainNav ul li a.level1 {
						display:block;
						width:158px;
						padding:5px 10px;
						color:#fff;
						font-weight:bold;
						text-decoration:none;
						border-right:2px solid #222;
						font-size:12px;
						line-height:12px;
						cursor:pointer;
					}
			
					ul#mainNav ul li.level1 a.level1.flyout{
						background-image:url(/common/images/menu_arrow.gif);
						background-position:170px center;
						background-repeat:no-repeat;
					}
			
						ul#mainNav ul li.level1.hover a.level1 {
							background-color:#111;
							color:#fff;
							border-right:2px solid #000;
						}
		
			ul#mainNav ul.level2 {
				display:none;
				width:180px;
				list-style:none;
				position:absolute;
				top:0;
				left:180px;
				z-index:99;
				background-color:#333;
				border:1px solid #222;
			}
			
				ul#mainNav ul li.level2{
					display:block;
					width:180px;
					position:relative;
					border-bottom:1px solid #222;
				}
			
					ul#mainNav ul li.level2:last-child{
						border:0px;
					}
				
					ul#mainNav ul li a.level2 {
						display:block;
						width:158px;
						padding:5px 10px;
						color:#fff;
						font-weight:bold;
						text-decoration:none;
						border-right:2px solid #222;
						font-size:12px;
						line-height:12px;
						cursor:pointer;
					}
				
						ul#mainNav ul li.level2.hover a.level2 {
							background:#111;
							color:#fff;
							border-right:2px solid #000;
						}