/* === CLEAN CUT ===  */
td {
	font: 10px 'Lucida Grande', Verdana, serif;
	margin: 0px 3px 0px 3px;
	padding: 0px;
}


/* === GENERAL ===  */

body {
	background: url('../layout/image_j7_bg02.jpg');
	margin: 20px 0px 0px 0px;
	font: 12px 'Lucida Grande', Verdana, serif;
}

img {
	border: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

textarea, input[type=text], input[type=password] {
	background: #FFFFFF;
	border-left: 5px solid #2E448D;
	border-top: 1px solid #2E448D;
	border-right: 1px solid #2E448D;
	border-bottom: 1px solid #2E448D;
	padding: 3px;
}
#recaptcha_image {
	border-left: 5px solid #2E448D;
	border-top: 1px solid #2E448D;
	border-right: 1px solid #2E448D;
	border-bottom: 1px solid #2E448D;
	float: right;
	height: 64px !important;

	padding-top: 10px;
	background-color: #ffffff;
}

textarea:focus, input:focus {
	background: #E0E7FF;
}

textarea.comment {
	min-height: 50px;
	max-height: 250px;
	width: 480px;
	line-height: 1;
}

label {
	font-size: 12px;
	font-weight: bold;
}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

a:active, a:hover {
	color: #2e448d;
	text-decoration: none;
}

.clearer {
	clear: both;
}

/* === CONTAINERS === */

/* debugMode */

#debugMode {
	position: fixed;
	top: 20px;
	right: 20px;
	background-color: black;
	opacity: .5;
	width: 290px;
	text-align: left;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	display: none;
}

	#debugMode span {
		color: #ffffff;
		font: 10px 'Lucida Grande', Verdana, serif;
		
	}

/*// debugMode */

#contentContainer {
	float: left;
	width: 500px;
	margin-right: 10px;
	overflow: hidden;
}

		#contentWrapper #sidebar {
			width: 170px;
			float: left;
			text-align: left;
		}

			#contentWrapper #sidebar .group_main {
				margin-bottom: 2px;
				color: #2E448D;
				font-size: 20px;
			}
		
			#contentWrapper #sidebar .group_sub {
				padding: 5px 0px 5px 11px;
				font-size: 11px;
				margin-bottom: 10px;
			}

#footer {
	text-align: center;
	height: 30px;
	padding: 10px;
	clear: both;
}

#navBar {
	height: 25px;
	width: 700px;
	margin: auto;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom: 1px solid #001959;
	background-color: #2e448d;
	color: #FFFFFF;
}

	.navBar_general {
		float: left;
		margin: 5px;
	}

	.logo {
		background: background: #fafafa url('../layout/j7_layout_login.jpg') left 100% no-repeat fixed;
	}

	.navBar_setting {
		float: right;
		margin: 5px;
	}
	
	.navBar_facebook {
		float: right;
	}

	#searchBox {
		float: right;
		margin: 3px 5px 0px 5px;
		height: 19px;
	}

	#searchInput {
		height: 19px;
		width: 100px;
		border: 0px;
		padding: 0px 5px 0px 5px;
	}

	#navBar a, .barspan {
		padding: 2px 5px 2px 5px;
		margin: 0px 2px 0px 2px;
		color: #FFFFFF;
		background-color: #2e448d;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	#navBar a:hover {
		color: #2e448d;
		background-color: #FFFFFF;
	}
	
#subBar {
	width: 950px;
	margin: auto;
	text-align: right;
}

#footerBar {
	position: relative;
	bottom: 0px;
	clear: both;
	background-color: #000;
	z-index: 100;
}
	
	#footerBar a {
		padding: 2px 5px 2px 5px;
		margin: 0px 2px 0px 2px;
		color: #FFFFFF;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;	
	}
	
	#footerBar a:hover {
		color: #2e448d;
		background-color: #FFFFFF;	
	}
	
	#footerBar .leftSide {
		float: left;
		text-align: left;
	}

	#footerBar .rightSide {
		float: right;
		text-align: right;
	}

	#footerBar p {
		margin-left: 20px;
		font-size: 20px;
		color: #fff;
	}


#mainContainer {
	width: 700px;
	margin: auto;
}

	#mainContainer #header {
		background: url(../layout/logo.png) center no-repeat;
		height: 100px;
		overflow: hidden;
	}

	#whiteContainer {
		background: #ffffff;
		text-align: left;
	}

	#mainContainer #contentWrapper {
		margin: 10px;
	}

		/* Content */
		#contentWrapper #content {
			width: 735px;
			position: relative;
			float: right;
			text-align: left;
			background-color
		}

			#content .archiveRow {
				
			}

			#content .archiveIcon {
				position: relative;
				float: right;
				height: 15px;
			}

/* blogContainer */

.blogContainer {
}

	.blogContainer .blogHeader {
		padding: 0px 3px 0px 3px;
	}

		.blogHeader h1 {
			font-weight: normal;
			margin: 0px 0px 10px 0px;
			font-size: 24px;
		}

		.blogHeader .draft {
			color: #AE1915;
		}

		.blogHeader .publish {
			color: #2E448D;
		}

	.blogContainer .blogContent {
		padding: 0px;
	}

		.blogContent > a:link, a:visited {
			color: #2E448D;
		}
	
		.blogContent > a:hover, a:active {
			color: #000000;
		}
	
		.blogContent p {
			padding: 0px 10px 0px 10px;
			font: 13px 'Lucida Grande', Verdana, sans-serif;
			color: #333333;
			line-height: 20px;
			margin: 0px 0px 10px 0px;
		}
	
		.blogContent p:last-child {
			margin-bottom: 10px;
		}
	
		.blogContent .center {
			text-align: center;
		}
	
		#content img {
			text-align: center;
		}

	.blogContainer .blogFooter {
	}

		.blogFooter .blogFooterTopline {
			margin-bottom: 5px;
		}

		.blogFooter .blogFooterIconbar {
		}
		
		.comment_container {
			margin-bottom: 10px;
			padding: 5px 10px 5px 10px;
			background: #E0E7FF;
		}

			.comment_container .avatar {
				float: right;
			}

			.comment_container .comment_content {
				margin-bottom: 5px;
				width: 610px;
			}

			.comment_container .comment_topline {
				font-size: 10px;
				margin-bottom: 5px;
			}

			.comment_container .comment_iconbar {
				font-size: 10px;
			}

			.comment_container .clearer {
				clear: right;
			}

		#addComment {
			padding: 10px;
			background: #E0E7FF;
		}
		
.section, .sectionStart, .sectionEnd, .blogFooter {
	background: #2E448D;
	color: #FFFFFF;
	font-size: 10px;
	padding: 5px 10px 5px 10px;
}

.sectionStart {
	font-size: 15px;
}

.section, .comment_container {
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.sectionStart {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.sectionEnd, .blogFooter, #addComment {
	margin-bottom: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.blogFooter, #addComment {
	border-top: 2px solid #000;
}



/* //blogContainer */

.headline	{
	color: #2E448D;
	font-size: 20px;
	margin-bottom: 10px;
}


a:link.white, a:visited.white, a:active.white, a:hover.white {
	color: #FFFFFF;
	text-decoration: none;
}

a:link.blue, a:visited.blue, a:active.blue, a:hover.blue {
	color: #2E448D;
	text-decoration: none;
}

a:link.red_active, a:visited.red_active {
	color: #AE1915;
	text-decoration: none;
}

a:link.blue_active, a:visited.blue_active {
	color: #2E448D;
	text-decoration: none;
}

a:active.blue_active, a:hover.blue_active, a:active.red_active, a:hover.red_active {
	color: #000000;
	text-decoration: none;
}

/* Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
	position: relative;
	text-decoration: none;
	font-style: bold;
}

a.tooltip:hover {
	z-index: 100;
}

a.tooltip span {
	display: none;
	text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 200px;
	z-index: 100;
	border: 1px solid #2E448D;
	border-left: 4px solid #2E448D;
	padding: 2px 10px 2px 10px;
	background: #FFFFFF;
	color: #000000;
}

cite {
	background: #223344;
	border: 1px solid black;
}

/* delicious.com */

.delicious-posts {
	margin: 1em;
	border: 2px solid #888;
	padding: 0.5em;
	width: 20em;
	font-family: sans-serif;
}

.delicious-posts ul, .delicious-posts li, .delicious-banner {
	margin: 0;
	padding: 0;
	color: #2e448d;
}

.delicious-post {
	border-top: 1px solid #eee;
	padding: 0.25em;
	font-size: 80%;
}

.delicious-odd {
	background-color: #ddd;
}

.delicious-banner a {
	font-size: 70%;
	color: #000000;
}

.delicious-posts a:hover {
	color: #2e448d;
}

.delicious-posts a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 0.3em;
}

.delicious-post a {
	color: #000000;
}

/* TYPOGRAPHY AND FORMATINGS*/

blockquote {
	color: #5e5e5e;
	font-size: 10px;
	background-color: #edf0f4;
	border-left: 3px solid #2E448D;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

.blog_content img.imageright {
	float: right;
	margin-right: 0;
}

.center {
	margin: auto;
}


/* === THIRD PARTY === */
/* === FACEBOX === */
	#facebox {	
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		text-align: left;
		border: 5px solid white;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	#facebox .popup {
		position: relative;
	}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/* === WORKAROUNDS ===  */
	/* IE HACK - CENTER CONTAINER */
	body {
		text-align: center; 
	}

	#container {
		text-align: left;
	}

/* === OLD === */
/* OLD BACKGROUND
body {
	background: #2e448d url(../layout/background.jpg) repeat-x fixed;  
}
*/





/* TYPOGRAPHY */



h2 {
	color: #2E448D;