/*
	Date: 20.02.2009
	Title: BloggyNetwork
====================================
*/
body{ font-family:Arial,Verdana, "Trebuchet MS",Georgia, Lucida,Helvetica,Tahoma, sans-serif; margin:0; font-size:12px; text-align:center; color:#000033; background:#FFEDA6 url(images/bgX.gif) repeat-x; }
*{ margin:0; padding:0; }
img,fieldset{ border:none; }
ul,ol,li{ list-style:none; }	
a{ color:#000000; text-decoration:none; }
a:hover{ color:#2C7798;	text-decoration:underline; }

.hide, h1 b,h2 b,h3 b,h4 b,h5 b, #header .navigation a b{position: absolute; left: -9999px; } /* hide text*/
/*-----------------------Page Structure
*/
#outer{	width:100%;	height:100%; background:url(images/bigbg.jpg) no-repeat center top; }
#wrapper{ width:800px; margin:0px auto;	text-align:left; padding-bottom:37px; }

/*-----------------------------------------------------Header
*/
#header{ width:800px; height:394px; }
.logo{ display:block; float:right; margin:40px 0 62px 0; }

/*-----------------------Navigation
*/
#header .navigation { clear:both; width:800px; }
#header .navigation li {	float:left; }
#header .navigation a { display:block; float:left; height:29px; }
#header .navigation #select { background-position:left bottom; }
#header .navigation .home { background:url(images/home.png) no-repeat; width:72px; }
#header .navigation .properties { background:url(images/porperties.png) no-repeat; width:134px; }
#header .navigation .design { background:url(images/design.png) no-repeat; width:207px; }
#header .navigation .ourblog {	background:url(images/ourblog.png) no-repeat; width:112px; }

#header .navigation .advertise{ background:url(images/advertise.png) no-repeat; width:120px; }
#header .navigation .contact{ background:url(images/contact.png) no-repeat; width:107px; }
#header .navigation a:hover, #header .navigation .selected a { background-position: left bottom; }

/*-----------------------End of Navigation*/
.headerContent{	padding-top:46px; width:800px;	height:106px; clear:both; }
.headerContent img{	display:block; margin-bottom:10px; }
.headerContent p,.postContent p{ font:normal 12px/18px Verdana; color:#325266; margin-bottom:18px; }


/*-----------------------Main Body
*/
#mainBody{ width:800px; padding-top:54px; overflow:hidden; margin-bottom:37px; }
#mainLeft{ float:left; width:512px; }
#mainRight{	float:right; width:258px; }
.post{ margin-bottom:50px; width:500px; }
.post .dateTime{ display:block; float:left; height:20px; background:#D6BF6B; font:normal 11px/20px Verdana; padding:0 7px; margin-bottom:10px; }
.post .postTitle{	width:500px; clear:both; font:normal 28px/33px Helvetica; color:#000033; margin-bottom:14px; }
.post .postTitle a{ color:#000033; text-decoration:none; }
.post .postTitle a:hover{ color:#2C7798; text-decoration:underline; }
.post .postContent p{ color:#333; }
.post .postContent img{ display:block; float:left; margin:0 15px 15px 0; }
.post .postContent ul,.postContent ol{ margin-left:23px; padding-left:20px; margin-bottom:20px; }
.post .postContent ul li{ list-style:disc; margin-bottom:6px;	}
.post .postContent ol li{ list-style:decimal; margin-bottom:6px; }
.post .tagItem{ background:url(images/tag-icon.gif) no-repeat 0 2px; display:block; color:#003366; padding-left:18px; }
.post .tagItem a{ color:#003366; text-decoration:underline; }
.post .tagItem a:hover{ color:#2C7798; text-decoration:none; }
.postComment{ font-size:11px; margin-bottom:28px; }
.postComment h3{ font:bold 16px/19px Arial;	margin-bottom:10px; }
.postComment li{ width:450px; overflow:hidden; padding:20px 25px; margin-bottom:14px; background:#EED887; }
.postComment .alter{ background:#FFF8DC; }
.postComment img { float:right; border:2px solid #fff; margin:6px 0 0 20px; }
.postComment strong{ font:bold 11px/11px Verdana; }
.postComment span{ color:#666666; }
.postComment p{ line-height:14px; }
.postComment .alter strong{	color:#003366;}
.commentForm h3{ font:bold 16px/16px Arial;	margin-bottom:10px; }
.formArea{ width:472px;	background:#EED887;	padding:24px 20px;	}
.formArea p{ width:472px; overflow:hidden; margin-bottom:11px; }
.formArea .lastItem{ margin-bottom:0; }
.formArea input, textarea{	float:left; width:240px;	height:20px; border:1px solid #D2BA64; padding:3px 0 0 3px; margin-right:13px; background:#FFF8DC; font-family:Verdana; font-size:11px; color:#000033; }
.formArea select{	float:left; width:240px;	height:20px; border:1px solid #D2BA64; margin-right:13px; background:#FFF8DC; font-family:Verdana; font-size:11px; color:#000033; }
.formArea label{ line-height:25px; display:block; float:left; font-size:11px; }
.formArea textarea{ width:455px;	height:127px; }
.formArea .postcomment{ padding:0; border:0; width:106px;	height:26px; }
#mainRight h2{ font:bold 16px/16px Arial; border-bottom:1px solid #C7B87F; line-height:35px; margin-bottom:10px; }
#mainRight li{ background:url(images/bullets.gif) no-repeat 0 5px; margin-bottom:4px; padding-left:9px; }
#mainRight li a{ color:#003366; text-decoration:underline; }
#mainRight li a:hover{ text-decoration:none; color:#2C7798; }

/*-----------------------Footer
*/
#footer{ width:800px; font-size:11px; color:#CBB66A; border-top:1px solid #CBB66A; }
#footer p{ padding:10px 0 0 0; }

/* pages */
#homepage .projects { overflow:hidden; }
#homepage .projects .screenshot { float:left; width: 400px; margin-bottom:10px; }
#homepage .projects .screenshot  img { border:10px solid #e7e0a5; }
#homepage .projects .content { float:left; width:400px; font:normal 12px Verdana; line-height:1.5em; }
#homepage .projects .title { font:normal 28px/33px Helvetica; color:#000; margin-bottom:10px; }
#homepage .projects .content .viewsite { margin-top:15px; padding:10px 5px 10px 25px; background:url(images/arrow_orange.gif) no-repeat 0 8px; }
#homepage .projects .content .viewsite a { color:#003366; font:normal 11px Verdana; text-decoration:underline; }

/* blog nav */
div.navigation .alignleft a { color:#003366; font:normal 11px Verdana; text-decoration:underline; padding:5px 0 5px 20px; background:url(images/nav_prev.gif) no-repeat 0 4px; }
div.navigation .alignright a { color:#003366; font:normal 11px Verdana; text-decoration:underline; padding:5px 20px 5px 0; background:url(images/nav_next.gif) no-repeat right 4px; }
h2.title { font:normal 28px/33px Helvetica; color:#000033; margin-bottom:14px; }

#aboutus { margin-top:25px; border-top:1px solid #cbb66a; padding-top:20px; }
#aboutus li { overflow:hidden; margin-bottom:30px; }
#aboutus li .pic { float:left; margin-right:15px; }
#aboutus li .info { color:#333; }