img{border:0;}
a, .link{color:#52748c; text-decoration:none; outline:none;}
a:hover, .link:hover{text-decoration:underline; cursor:pointer;}

body {margin:0; background-color:#000; background-image:url(../images/background_01.jpg); background-attachment:fixed;
		background-position:center bottom; background-repeat:no-repeat; font-family:Verdana, Geneva, sans-serif; color:#fff;}
#top{position:relative; width:100%; min-width:900px; height:33px; background-image:url(../images/topBarBg.png); border-bottom:1px solid #fff;}
#middle{position:relative; width:100%; height:200px;}
#bottom{position:relative; width:100%; min-width:900px; background-image:url(../images/bottomBg.png); border-top:1px solid #fff;}

#top .content{position:relative; height:33px; width:900px; margin:0 auto;}
#ps{position:relative; float:left; margin-right:40px; top:9px; width:170px;}
#menu{position:relative; float:left;}
#menu .item{position:relative; width:auto; height:24px; float:left; font-size:10px; margin-right:30px; text-transform:uppercase;}
#menu .item:hover{cursor:pointer;}
#menu .item a{color:#fff; text-decoration:none; display:inline-block; width:100%; height:100%; padding-top:10px;}
#menu .item a:hover{color:#b7b7b7;}
#menu .active a{color:#b7b7b7; cursor:default;}
#top .content .plus1{position:relative; float:right; width:24px; height:13px; padding:10px;}

#bottom #mainContent{position:relative; width:900px; margin:0 auto; padding-bottom:20px; font-size:11px;}

/* posts */

.loading{position:relative; margin-top:20px; width:900px; padding:10px; border:1px solid #fff;
				 background-image:url(../images/bottomBg.png); border-radius:3px;}
.loading img{position:relative; margin-right:10px;}
.loading span{position:relative; top:-3px;}

.post{position:relative; width:900px; border:1px solid #fff; border-radius:3px; margin-bottom:20px;}
.post .title{position:relative; background-image:url(../images/postDateBg.png); padding:5px; text-shadow:#000 0 1px 0px;}
.post .content .type{position:absolute; width:50px; height:35px; right:10px; top:-15px;  z-index:3; background:#fff; border-radius:3px; box-shadow: 0px 2px 2px #999; text-align:center; padding-top:5px;}
.post .content{position:relative; background:#fff; padding:10px; color:#000;}
.post .content .sharedFrom{font-style:italic; margin-bottom:10px;}

.post .content .typeArticle{position:relative; width:100%;}
.post .content .typeArticle .text{position:relative; width:auto; margin-bottom:10px; z-index:2; min-height:13px;}
.post .content .typeArticle .article{position:relative; border:1px solid #e1e1e1; padding:10px; background:#f1f1f1;}
.post .content .typeArticle .article .link{position:relative; width:auto; height:auto; margin-bottom:10px; text-shadow:#d1d1d1 0 1px 0px;}
.post .content .typeArticle .article .image{position:relative; width:100px; float:left; margin-right:10px; text-align:center;}
.post .content .typeArticle .article .image img{position:relative; width:65px;}
.post .content .typeArticle .article .text{position:relative; width:auto; z-index:2;}

.post .content .typeVideo{position:relative; width:100%;}
.post .content .typeVideo .text{position:relative; width:auto; margin-bottom:10px; z-index:2; min-height:13px;}
.post .content .typeVideo .article{position:relative; border:1px solid #e1e1e1; padding:10px; background:#f1f1f1;}
.post .content .typeVideo .article .link{position:relative; width:auto; height:auto; margin-bottom:10px; text-shadow:#d1d1d1 0 1px 0px;}
.post .content .typeVideo .article .video{position:relative; width:250px; float:left; margin:auto 20px 20px auto;}
.post .content .typeVideo .article .text{position:relative; width:auto; z-index:2;}

.post .content .typePhoto{position:relative; width:100%;}
.post .content .typePhoto .text{position:relative; width:auto; margin-bottom:10px; z-index:2; min-height:13px;}
.post .content .typePhoto .article{position:relative; border:1px solid #e1e1e1; padding:10px; background:#f1f1f1;}
.post .content .typePhoto .article .photo{position:relative; width:250px; float:left; z-index:3; margin:auto 20px 5px auto;}
.post .content .typePhoto .article .photo img{width:250px;}
.post .content .typePhoto .legend{position:relative; width:245px; padding:3px; background:#e1e1e1; font-size:9px; color:#666; margin-top:5px;}

.errorMessage{position:relative; width:900px; padding:10px 10px 10px 150px; border:1px solid #a1a1a1; 
			background:#666 url('../images/error.png') left no-repeat; margin-top:20px; text-shadow:#000 0 1px 10px; border-radius:3px;}
			
/* web development */

#webDev .item{position:relative; width:900px; border:1px solid #fff; border-radius:3px; margin-top:20px;}
#webDev .item .link{position:absolute; width:auto; z-index:2; right:20px; top:10px; padding:5px; background:#fff; border-radius:3px; box-shadow: 0px 2px 2px #999; text-align:center;}
#webDev .item .title{position:relative; background-image:url(../images/postDateBg.png); padding:5px; text-shadow:#000 0 1px 0px;}
#webDev .item .content{position:relative; background:#fff; padding:10px; color:#000;}
#webDev .item .content .text{position:relative; margin-bottom:10px; min-height:13px;}
#webDev .item .content .images{position:relative; border:1px solid #e1e1e1; padding:10px; background:#f1f1f1;}
#webDev .item .content .images img{position:relative; border:2px solid #ccc; border-radius:3px; margin-right:20px;}
#webDev .offline{color:#f00; cursor:default;}

/* profile */

#about .profile{position:relative; width:900px; border:1px solid #fff; border-radius:3px; margin-top:20px;}
#about .profile .title{position:relative; background-image:url(../images/postDateBg.png); padding:5px; text-shadow:#000 0 1px 0px;}
#about .profile .content{position:relative; background:#fff; padding:10px; color:#000;}
#about .profile .picture{position:relative; float:left; width:100px; text-align:left;}
#about .profile .picture img{border:2px solid #e1e1e1; border-radius:3px;}
#about .profile .content .sub{position:relative; width:750px; float:left;}
#about .profile .header{position:relative; font-size:15px; margin-bottom:5px;}
#about .profile .subarea{position:relative; width:100%; height:auto; background:#f1f1f1; margin:auto auto 20px auto; padding:10px; border:1px solid #e1e1e1;}
#about .profile .subarea .item{position:relative; border-left:2px solid #e1e1e1; padding:5px 10px; margin-bottom:5px;}
#about .profile .subarea .item:hover{cursor:pointer; background:#f9f9f9;}
#about .profile .subarea .item .where{position:relative; font-size:12px; margin-left:110px;}
#about .profile .subarea .item .what {position:relative; height:16px; margin-left:110px;}
#about .profile .subarea .item .what img{position:relative; width:16px; float:left; margin-right:5px;}
#about .profile .subarea .item .what .link{position:relative; padding-top:1px; width:400px; float:left;}
#about .profile .subarea .item .what .link a{position:relative; height:16px; text-shadow:#d1d1d1 0 1px 0px; width:100%;}
#about .profile .subarea .item .when{position:absolute; width:50px; float:left; font-size:18px; font-weight:bold; line-height:16px; text-align:center;
									color:#c1c1c1; text-transform:uppercase;}
#about .profile .subarea .item .desc{position:relative; padding:10px; display:none; margin-left:100px; font-style:italic;}

#about .profile .subarea .linkitem{position:relative; border-left:2px solid #e1e1e1; padding:5px 10px; margin-bottom:5px; width:350px; height:16px; float:left;}
#about .profile .subarea .linkitem:hover{cursor:pointer; background:#f9f9f9;}
#about .profile .subarea .linkitem .what {position:relative; height:16px; width:100%;}
#about .profile .subarea .linkitem .what img{position:relative; width:16px; float:left; margin-right:5px;}
#about .profile .subarea .linkitem .what .link{position:relative; padding-top:1px; width:300px; float:left;}
#about .profile .subarea .linkitem .what .link a{position:relative; height:16px; text-shadow:#d1d1d1 0 1px 0px; width:100%;}

#posts .photos, #posts .miscellaneous{display:none;}

#categories{position:relative; width:900px; height:auto; margin:10px 0; font-size:12px;}
#categories .item{position:relative; width:auto; padding:2px 10px; float:right; margin-left:20px; border:1px solid #fff; border-radius:3px; background:#333; cursor:pointer;}
#categories .item:hover{background:#666;}
#categories .active{background:#666; cursor:default;}