/* -------------------------------------------------------------- 
-----------------------------------------------------------------
		Layout 
-----------------------------------------------------------------
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
		Main 
-------------------------------------------------------------- */
body {background: #000 url(../images/bg.jpg) top right repeat-y; color: #aaa}
.wrapper {float: right; width: 870px}
#posts {width: 650px; margin-right: 30px; float: left}
#sidebar {width: 170px; margin-right: 20px; float: left}
#projects {width: 500px; margin: 0 30px 50px 0;}

/* -------------------------------------------------------------- 
		Header 
-------------------------------------------------------------- */
#header {margin-bottom: 50px}

	/* Logo */
	a.message-broken,
	#header a#logo,
	#header a#logo-broken {overflow: hidden; height: 0 !important; float: left; background-repeat: no-repeat; background-position: top right; display: block;}
	#header a#logo {padding-top: 213px; width: 650px; background-image: url(../images/logo.png); margin: 10px 30px 0 0}
	#header a#logo-broken {padding-top: 265px; width: 650px; background-image: url(../images/logo-broken.png);  margin: 10px 30px 0 0}
	a.message-broken {padding-top:47px; background-image: url(../images/message-broken.png);}
	#header a#logo:hover,
	a.message-broken:hover {background-position: bottom right; border: 0 none;}
	#header a#logo-broken:hover,
	#header a#logo:hover {border: 0 none}

	/* Menu */
	#header #menu {margin-top: 70px; float: left;}
	#header #menu-broken {margin-top: 95px; float: left;}
	#header #menu-broken li {line-height: 27px;}

/* -------------------------------------------------------------- 
		Sidebar 
-------------------------------------------------------------- */
#sidebar ul{margin-bottom: 30px; font-size: 12px; color: #898989}
#sidebar ul li a {color: #898989; font-size: 12px}
#sidebar ul li a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}
#sidebar .first {margin-bottom: 23px}

.sidebar-block {margin-bottom: 30px; font-size: 12px; color: #898989}
.sidebar-block h5 {font-size: 16px; font-weight: normal; color: #acacac}
.sidebar-block a {color: #898989; font-size: 12px}
.sidebar-block a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}
.sidebar-block a.sidebar-btnBack{margin: 2px 0; padding: 5px; background-color: #555; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; font-size: 12px;font-family: Arial, Helvetica sans-serif}
.sidebar-block a.sidebar-btnBack {margin: 5px 0 0 0; display: block; width: 45px}
.sidebar-block a.sidebar-btnBack:hover {background-color: #898989; border: 0 none;}

/* -------------------------------------------------------------- 
		Left 
-------------------------------------------------------------- */
#left {float: left; width: 150px; text-align: right; margin: 0; color: #555;}
#left .title {display: block;font-size: 12px; color: #555;}
#left .link a {font-size: 11px; margin-top: 6px;}
#left ul.viewby-gallery li a {margin-top: 0;}
#left .link a {color: #898989 }
#left .link {padding-top: 6px;}
#left .link a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}
#left ul.viewby-gallery li a{margin: 2px 0; padding: 5px; background-color: #555; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; font-size: 12px;font-family: Arial, Helvetica sans-serif}
#left ul.viewby-gallery li a {margin: 0 0 5px 0; display: inline-block; text-align: left; width:65px}
#left ul.viewby-gallery {margin-right: 20px;}

/* -------------------------------------------------------------- 
		Content 
-------------------------------------------------------------- */
.entry ul, 
.entry ul li, 
.entry ol{list-style-type: circle; margin-left: 15px; } 
.entry ul, 
.entry ol{margin: 10px 0;} 

.page .entry,
.post .entry {padding-top: 20px;position: relative;}

.postunit {margin-bottom: 30px; position: relative}
.postunit-home {margin-bottom: 20px}
.postunit .post, 
.postunit .page {width: 500px; float: left;}
.postunit .left,
.postunit .date2,
.postunit .date {float: left;width: 130px; text-align: right; margin: 10px 20px 0 0; color: #555;}
.postunit .left,
.postunit .date2 {margin-top: 14px;}
.postunit .date a:hover .date-day {color: #898989; border-bottom: 1px solid #4489e0}
.postunit .date a:hover .date-time {color: #898989}
.postunit .left .title,
.postunit .date2 .date-time,
.postunit .date .date-time {display: block;}

.postunit .left .title,
.postunit .date2 span,
.postunit .date span,
.postunit .date a,
.postunit .date2 .date-time,
.postunit .date .date-time {font-size: 12px; color: #555;}
.postunit .date2 .date-time,
.postunit .date .date-time {font-size: 11px; margin-top: 6px;}

.postunit .left .link {padding-top: 6px;}
.postunit .left .link a {font-size: 11px; margin-top: 6px;color: #898989 }
.postunit .left .link a:hover {color: #acacac; border-bottom: 1px solid #4489e0;}

.post-edit {position: absolute; top:-30px; right:0; margin: 5px 0;}
.post-edit a.post-edit-link {padding: 5px; background-color: #555555; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: bold 12px Arial, Helvetica sans-serif}
.post-edit a.post-edit-link:hover {background-color: #898989; border: 0 none;}

	/* Home */
	#home-content {width: 650px; margin-right: 30px; float: left;}
	#home-content #projects {margin-right: 0;}

	/* About */
	.about .entry {padding-top: 0}
	.about .first {width: 250px; margin-right: 20px}
	.about .second {width: 230px}
	.about .first,
	.about .second {float: left}

	/* Portfolio */
	#projects {float: left}
	#projects .project h2 {margin: 0; }
	#projects .project h2.title {font: bold 12px Arial, Helvetica, sans-serif; padding: 5px; 40px; height: 30px;}
	#projects .project h2.title a {font: bold 12px Arial, Helvetica, sans-serif; text-transform: none; color: #fff; display: inline;}
	#projects .project h2.title a:hover {border-bottom: 1px solid #4489E0}
	#projects .project {width: 160px; float:left; margin:0 10px 10px 0}
	#projects .project .post {background: url(../images/project-bg1.png);}
	#projects .project .post:hover h2.title a {border-bottom: 1px solid #4489E0}
	/* #projects .project .post:hover {background: url(../images/project-bg3.png)} */
	#projects .project a.post-thumbnail:hover {border: 0 none}
	#projects .project div.categories {font-size: 10px; display: block; height: 12px; padding: 4px 2px 4px 5px;background: url(../images/project-bg2.png);color: #555;}
	#projects .last {margin-right:0}

	/* Downloads */
	.post-download {margin-bottom: 10px;}
	.post-download p {margin: 0; font-size: 0; padding: 0;}
	.post-download ul {margin: 0; background: url(../images/downloads-bglink.png) top left repeat-x; display: inline-block; width: 100%; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px}
	.post-download ul li {list-style-type: none; float: left; display: inline-block; margin: 0;}
	.post-download ul li a {padding: 8px 15px 7px; display: block; color: #aaa; font: bold 12px Arial, Helvetica, sans-serif;}
	.post-download ul li a:hover {border: 0 none; color: #fff; background: url(../images/downloads-bglink.png) bottom left repeat-x}
	.post-download ul li:first-child a:hover {-moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px}

	/* Tags */
	.tagscatsbar{font-size: 11px; font-weight: bold; color: #555; width:340px; margin-bottom: 10px}
	.tagscatsbar a{font-weight: normal; color: #898989;}
	.tagscatsbar a:hover {border-bottom: 1px solid #4489e0;}


/* -------------------------------------------------------------- 
		Etc 
-------------------------------------------------------------- */
.align-center {text-align: center;}
.align-right {float:right}
.align-left {float:left}
img.align-left {margin: 0 10px 5px 0;}

.no-margintop {margin-top: 0;}
.hi-blue {color: #4489e0; font-weight: bold;}