@import url("reset.css");

body {
	background: #FBFBFB;
	}

	#wrapper {
		text-align: left;
		margin: 0px auto;
		font-size: 11pt;
		font-family: Arial,Verdana,sans-serif;
		line-height: 150%;
		color: #606060;
		width: 960px;
		}

		a {
			color: black;
			text-decoration: underline;
			}

		a:hover {
			color: #1FBDEC;
			}

		a:visited {
			color: #606060;
			}

	#access {
		font-size: 70%;
		position: relative
		}

		#access a {
			text-decoration: none;
			color: #bbb;
			margin: 0px 20px 0px 0px;
			}

		#access a:hover {
			color: #1FBDEC;
			}

		#access #breadCrums {
			color: #ccc;
			margin: 0px 0px 0px 30px;
			}

			#access #breadCrums a {
				margin: 0px 5px 0px 5px;
				}

		#access a.client-login {
			position: absolute;
			right: 0px;
			margin: 0px;
			}

	#header {
		position: relative;
		z-index: 80;
		margin: 35px 0px 0px 0px
		}

		#header #identity {
			padding: 10px 0px;
			}

			#header #identity .tag-line {
				font-size: 70%;
				line-height: 100%;
				width: 260px;
				display: block;
				margin: 0px 0px 0px 10px;
				color: #999;
				}

				#header #identity .tag-line .info {
					visibility: hidden;
					color: #ddd;
					}
			
					#header #identity .tag-line:hover .info {
						visibility: visible;
						}

				#header #identity .tag-line a {
					color: black;
					}

				#header #identity .tag-line a:hover {
					color: #606060;
					text-decoration: underline;
					}

		#header #menu {
			position: absolute;
			float: left;
			left: 300px;
			top: 36px;
			line-height: 100%;
			}

			#header a {
				text-decoration: none;
				color: #808080;
				}

		#header .main-menu {

			}

			#header .main-menu ul li {
				float: left;
				margin: 0px 10px 0px 0px;
				}

				#header .main-menu ul li a {
					padding: 8px 12px;
					display: block;
					font-size: 110%;
					}

				#header .main-menu ul li > a {
					font-weight: bold;
					}

				#header .main-menu ul li a.selected {
					color: black;
					}

		#header #menu .sub-menu {
			position: absolute;
			background: #3E3E40;
			padding: 10px 12px 12px 12px;
			width: 500px;
			display: none;
			color: #505050;
			line-height: 120%;
			}

			#header #menu .sub-menu a{
				display: inline;
				padding: 0px;
				font-size: 90%;
				}

				#header #menu .sub-menu .sub-category {
					display: block;
					margin: 10px 0px 6px 0px;
					font-size: 100%;
					font-weight: normal;
					}

				#header #menu .sub-menu span.sub-category {
					color: #A0A0A0;
					}

			#header #menu .sub-menu .sub-menu-block {
				margin: 0px 0px 10px 10px;
				display: table;
				}

				#header #menu .sub-menu .names {
					text-align: justify;
					margin: 0px 0px 20px 10px;
					}

				#header #menu .sub-menu .tags {
					text-align: left;
					line-height: 140%;
					margin: 0px 0px 20px 5px;
					}

					#header #menu .sub-menu .tags a {
						padding: 1px 6px;
						display: block;
						float: left;
						}

						#header #menu .sub-menu .tags a:hover {
							background: #f0f0f0;
							color: #505050;
							}

						#header #menu .sub-menu .tags a.selected {
							color: white;
							background: none;
							}

				#header #menu .sub-menu .list {
					}

					#header #menu .sub-menu .list a {
						display: block;
						white-space: nowrap;
						}

		#header #menu ul li:hover .sub-menu {
			display: block;
			}

		#header #menu ul li:hover a {
			background: #3E3E40;
			color: #a0a0a0;
			}

				#header .main-menu ul li:hover > a:hover {
					color: white !important;
					}

				#header .main-menu ul li:hover > a.selected {
					color: white !important;
					}

		#header #menu ul li .sub-menu a {
			color: #a0a0a0;
			background: none;
			}

			#header #menu ul li .sub-menu a:hover {
				color: white;
				}

			#header #menu ul li .sub-menu a.selected {
				color: white;
				}

		#header #menu #subMenuBlog {
			width: 430px;
			}

		#header #menu #subMenuAbout {
			width: auto;
			}


	#content {
		margin: 50px 0px 20px 0px;
		display: block;
		width: 960px;
		position: relative;
		clear: both;
		}

			#content h1 {
				font-size: 180%;
				color: #444;
				margin: 0px 0px 15px 0px;
				letter-spacing: -0.5px;
				line-height: 130%;
				}

			#content h2 {
				font-size: 140%;
				color: #444;
				margin: 0px 0px 10px 0px;
				letter-spacing: -0.5px;
				line-height: 130%;
				}

			#content h3 {
				font-size: 110%;
				color: #444;
				margin: 0px 0px 10px 0px;
				letter-spacing: -0.5px;
				line-height: 130%;
				font-weight: bold;
				}

		#content .block {
			margin: 0px 0px 20px 0px;
			}

		#content .posts {
			width: 650px;
			float: left;
			clear: none;
			}

			#content .post {
				width: 650px;
				margin: 0px 0px 110px 0px;
				}

				#content .post h1 {
					font-size: 180%;
					color: #444;
					margin: 0px 0px -4px 0px;
					letter-spacing: -1px;
					line-height: 110%;
					}

					#content .post h1 a {
						text-decoration: none;
						}

					#content .post h1 a:hover {
						text-decoration: underline;
						color: #1FBDEC;
						}

				#content .post .date-author {
					font-size: 75%;
					}

				#content .post p {
					margin: 5px 0px 15px 0px;
					}

				#content .post h2 {
					font-size: 140%;
					color: #444;
					margin: 0px 0px 10px 0px;
					letter-spacing: -1px;
					line-height: 110%;
					}

				#content .post img {
					border: 1px solid #E6E6E6;
					}

					#content .alignleft {
						float: left;
						margin: 0px 10px 5px 0px;
						}

					#content .alignright {
						float: right;
						margin: 0px 0px 5px 10px;
						}

				#content .post ul {
					list-style-type: disc;
					list-style-position: outside;;
					padding: 0px 0px 0px 35px;
					margin: 5px 0px 15px 0px;
					}

				#content .post ol {
					list-style-type: decimal;
					list-style-position: outside;;
					padding: 0px 0px 0px 35px;
					margin: 5px 0px 15px 0px;
					}

				#content .post blockquote {
					margin: 10px;
					padding: 10px;
					background: #F3F3F3;
					font-family: Georgia, serif;
					font-style: italic;
					}

					#content .post blockquote p {
						margin: 5px;
						}

				#content .post .post-metadata {
					font-size: 75%;
					position: relative;
					margin: 0px 0px 40px 0px;
					padding: 0px 0px 10px 0px;
					}

					#content .post .post-metadata .tags {
						width: 100%;
						line-height: 110%;
						}

						#content .post .post-metadata .tags a {
							padding: 1px 2px;
							margin: 0px;
							display: inline;
							text-decoration: none;
							}

							#content .post .post-metadata .tags a:hover {
								color: white;
								background: #149AC4;
								}

					#content .post .post-metadata .comments {
						position: absolute;
						right: 0px;
						bottom: 1px;
						}

			#content .post .comment-list {
				list-style-type: none;
				display: block;
				margin: 0px 0px 20px 0px;
				}

				#content .post .comment-list .comment {
					display: block;
					float: none;
					clear: both;
					margin: 5px 0px 0px 0px;
					border-bottom: 1px solid #eee;
					}

					#content .post .comment-list .odd {
						}

					#content .post .comment-list .bypostauthor {
						background: #fefefe;
						}

				#content .post .comment-list .comment {
					display: block;
					float: none;
					clear: both;
					margin: 0px 0px;
					padding: 10px 10px 5px 10px;
					position: relative;
					}

				#content .post .comment-list .comment-author {
					padding: 2px;
					min-height: 54px;
					}

					#content .post .comment-list .comment-author .avatar, #content .post .comment-list .comment-author .fb_profile_pic_rendered {
						border: 1px solid #ddd;
						margin: 0px 0px 0px 5px;
						float: left;
						width: 50px;
						height: 50px;
						margin: 0px 5px 5px 0px;
						}

					#content .post .comment-list .comment-author cite {
						font-size: 80%;
						font-weight: bold;
						}

					#content .post .comment-list .comment-author .says {
						font-size: 70%;
						color: #bbb;
						}

				#content .post .comment-list .comment-meta {
					font-size: 70%;
					color: #ccc;
					position: absolute;
					top: 0px;
					right: 5px;
					}

					#content .post .comment-list .comment-meta a {
						color: #ccc;
						}

					#content .post .comment-list .comment p {
						font-size: 90%;
						margin: 0px 0px 10px 58px;
						line-height: 125%;
						}

					#content .post .comment-list .comment em {
						color: #DEAA77;
						}

			

			#content .post #respond {
				display: block;
				float: left;
				margin: 0px 0px 50px 0px;
				}

				#content .post #commentform {
					display: block;
					float: left;
					width: 420px;
					}

					#content .post #commentform label {
						font-size: 90%;
						}

					#content .post #commentform #author,
					#content .post #commentform #email,
					#content .post #commentform #url  {
						background: white !important;
						border: 1px solid #ddd;
						padding: 4px;
						}

					#content .post #commentform textarea {
						width: 400px;
						height: 100px;
						border: 1px solid #ddd;
						padding: 4px;
						font-family: Arial, sans-serif;
						font-size: 95%;
						}

					#content .post #commentform .comment-info {
						font-size: 75%;
						line-height: 110%;
						}

					#content .post #commentform .submit {
						font-size: 110%;
						padding: 5px 15px;
						}

			#content .post #respond .alternate-login {
				width: 200px;
				float: right;
				margin: 0px 0px 0px 20px;
				font-size: 90%;
				}

			#content .post #respond .alternate-login p {
				line-height: 110%;
				}

		#content .blog-navigation{
			padding: 0px 0px 80px 0px;
			}

		#content .sidebar {
			width: 260px;
			float: right !important;
			font-size: 90%;
			}

			#content .sidebar a {
				text-decoration: none;
				}

				#content .sidebar a:hover {
					text-decoration: underline;
					}

			#content .sidebar p a {
				text-decoration: underline;
				}

			#content .sidebar .block {
				width: 260px;
				margin: 0px 0px 30px 0px;
				}

			#content .sidebar h4 {
				font-size: 140%;
				color: #444;
				margin: 0px 0px 5px 0px;
				letter-spacing: -0.5px;
				}

			#content .sidebar .tags {
				}

				#content .sidebar .tags a {
					padding: 1px 2px;
					}

				#content .sidebar .tags a:hover {
					color: white;
					background: #149AC4;
					text-decoration: none;
					}

				#content .sidebar .about {
					line-height: 130%;
					}

			#content .sidebar .last-posts {
				
				}

				#content .sidebar .last-posts ul {
					margin: 0px 0px 0px 20px;
					list-style: disc;
					}

					#content .sidebar .last-posts ul li {
						margin: 5px 0px;
						line-height: 120%;
						}

	#footer {
		margin: 50px 0px 20px 0px;
		position: relative;
		clear: both;
		display: block;
		}

		#footer a {
			text-decoration: none;
			}

		#footer a:visited {
			color: black;
			}

		#footer a:hover {
			color: #1FBDEC;
			}

		#footer .quick-contact {
			margin: 20px 0px;
			}

			#footer .quick-contact span {
				display: block;
				font-size: 80%;
				color: #bbb;
				}

			#footer .quick-contact .sms {
				display: block;
				font-size: 180%;
				color: #ddd;
				}

				#footer .quick-contact .sms a {
					color: #444;
					}

					#footer .quick-contact .sms a:hover {
						color: #1FBDEC;
						}

		#footer .links {
			margin: 10px 0px;
			display: block;
			}

			#footer .links a {
				margin: 0px 20px 0px 0px;
				}

		#footer .copyright {
			font-size: 80%;
			position: absolute;
			bottom: 0px;
			right: 0px;
			text-align: right;
			}

		#footer a.go-top {
			position: absolute;
			top: 0px;
			right: 0px;
			font-size: 70%;
			color: #bbb;
			}

			#footer a:hover.go-top {
				color: #1FBDEC;
				}