body { background-color: #999999; }

#header-container {
	border-bottom: 1px #d2d2d2 solid;
}

#header { 
	position: relative;
	height: 110px;
}

#header_menu {
	height: 80px;
	width: 550px;
	float: right;
}

ul.menu_items {
	margin: 0; list-style-type: none; padding-top:40px;
}

li.menu_item {
	float:left;
	margin: 5px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
	
}

li.menu_item > a { font-weight: bold; text-decoration: none; font-size: 18px; padding: 5px 40px 0px 40px;}
li.menu_item > a:link, a:visited { color:#555555; }
li.menu_item > a:hover   { border-top: 6px #333333 solid; }
li.menu_item > a:active  { color:#FFFFFF; }

span.menu_item_description { color: #999999; display:block; }


#header > #logo, #logo {
	position: absolute;
	background: #EEEEEE; 
	width: 49px; height: 51px; 
	background: url(emages/injaeleewrites.logo.png) no-repeat;
	top: 20px;
}

#header > #banner {
	position: absolute;
	background: #EEEEEE; 
	width: 310px; height: 33px; 
	background: url(emages/injaeleewrites.banner.png) no-repeat;
	left: 55px;
	top: 30px;
}

#header > #nav {
	position: absolute;
	right: 0px; bottom: 0px; top: 20px;
	width: 500px; height:75px;
	background-color: #BFBFBF;
}

#header > #nav,UL { margin: 0; list-style-type: none; }


.post-title {
	float:left;
}

.post-title > .title {
	color: #51AAE2;
	font-weight: bold;
	font-size: 18px;
}


a.title {text-decoration: none;}
a.title:visited {color:#51AAE2; text-decoration: none;}
a.title:hover {color:#51AAE2; text-decoration: underline;}
a.title:active {color:#51AAE2; text-decoration: underline;}
a.title:link {color:#51AAE2;}

a.category {text-decoration: none;}
a.category:visited {color:#51AAE2; text-decoration: none;}
a.category:hover {color:#51AAE2; text-decoration: underline;}
a.category:active {color:#51AAE2; text-decoration: underline;}
a.category:link {color:#51AAE2;}


.category-icon {
	width: 22px; height: 22px; 
	background: url('emages/icon.category.green.png') no-repeat;
	float:left;
	margin-right:5px;
}

.post-separator {
	float:left;
	width: 6px;
	height: 56px;
	background-color: #DDDDDD;
	margin: 0px 10px 10px 0px;
}

.post-date {
    float:left;
	position:relative;
	height: 52px; line-height:52px;
	width: 80px;
	/** background-color: #EEEEEE; **/
	color: #A3A3A3; 
	font-weight: bold;
	vertical-align: middle;
}

.post-date > .post-year {
	position: absolute;
	height: 18px; line-height:18px;
	width: 80px;
	top: 4px; left: 2px;
	padding: 0px;
	/** background-color: #333333; **/
	font-size: 16px;	
	vertical-align: middle;
}

.post-date > .post-month {
	position: absolute;
	top:18px;
	width: 40px; 
	height: 34px; line-height:34px;
	/** background-color: #CCFF00; **/
	font-size: 36px;
	vertical-align: top;
}
.post-date > .post-day {
	position: absolute;
	top:20px; left: 40px;
	height: 17px; line-height:17px;
	width: 40px;
	/** background-color: #333333; **/
	font-size: 16px;
	vertical-align: middle;
}
.post-date > .post-week-day {
	position: absolute;
	position: absolute;
	top:33px; left: 40px;
	height: 17px; line-height:17px;
	width: 40px;
	/** background-color: #333333; **/
	font-size: 14px;
	vertical-align: text-top;
}


.post { padding: 10px; margin: 20px 0px 20px 0px; }
.entry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px 0px 0px;
}
.entry IMG { padding: 1px; border: 1px #CCC solid; margin:0 auto;}

#content-container { background-color: #FFFFFF; }
#content {  padding-bottom: 30px; background: url(emages/bg.bordered.at.19.png) repeat-y scroll 0 0; }


/** recent **/

#recent-container { background-color: #FFFFFF; }
#recent           {  padding-bottom: 30px; background: url(emages/bg.bordered.at.10.png) repeat-y scroll 0 0; padding: 20px 5px 5px 5px;  }
#recent H1 { font-size: 20px; font-weight: bold; color: #999999; margin-bottom: 5px; }
#recent UL { margin: 0px 0px 20px 0px; list-style-type: none; font-weight: bold; }
#recent LI { margin: 10px 0px 0px 0px; }

#photocles a         {text-decoration: none; font-weight:bold; text-transform:uppercase; font-size: 12px;}
#photocles a:visited {color:#999999; text-decoration: none;}
#photocles a:hover   {color:#333333; }
#photocles a:active  {color:#CCCCCC; }
#photocles a:link    {color:#CCCCCC;}

.injobog_link_container { color: #666666;  }
.injobog_link_container_title { color: #51AAE2; padding: 0px 15px 0px 105px;}
.injobog_link_container_date  { color: #FFB47D; padding: 0px 15px 0px 105px; }
.injobog_link_container_description { padding: 0px 15px 0px 105px; font-weight: normal  }


#sidebar { padding: 10px; }
#sidebar H3 { color: #ff7200; font-weight: bold; text-transform: uppercase; font-size: 14px; margin-bottom:5px; }
#sidebar UL { list-style-type: none; margin: 5px 0px 20px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#sidebar a         {text-decoration: none; font-weight:bold; text-transform:uppercase; font-size: 12px;}
#sidebar a:visited {color:#999999; text-decoration: none;}
#sidebar a:hover   {color:#333333; text-decoration: underline;}
#sidebar a:active  {color:#CCCCCC; text-decoration: underline;}
#sidebar a:link    {color:#CCCCCC;}

#advertisements H1 { color: #A3A3A3; font-size:24px; font-weight: bold; }

#footer-container { padding: 5px 0px 30px 0px; background: url(emages/footer.bg.gradiant.png) repeat-x scroll 0 0; height: 250px; }
#footer > .column  { float: left; width: 300px; }
#footer H4 { color: #CCCCCC; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
#footer UL { margin: 0; list-style-type: none; font-weight: bold}

#footer a         {color:#FFFFFF; text-decoration: none; }
#footer a:visited {color:#FFFFFF; text-decoration: none;}
#footer a:hover   {color:#CCCCCC; text-decoration: underline;}
#footer a:active  {color:#FFFFFF; text-decoration: underline;}
#footer a:link    {color:#FFFFFF;}


#comments {
	padding: 10px;
}

#comments H3 { color: #51AAE2; font-size:16px; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom:5px; }
#comments H2 { color: #A3A3A3; font-size:24px; font-weight: bold;}
#commentform UL { margin: 0; list-style-type: none;  }
#commentform LI { border-bottom: 1px #EEE dashed; margin-bottom: 5px; padding-bottom: 5px; width: 550px; }
#commentform FIELDSET { border:0; padding: 2px; }
#commentform LABEL { float:left; display:block; width:100px; }
#commentform SMALL { clear:left; display:block; width:100px; float:left; }
#commentform .required { color: #FFB47D; }
#commentform input[type="text"], #commentform textarea {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	font-family:inherit;
	font-size:inherit;
	padding:0.4em;
}



.comment_ a         {color:#555; text-decoration: none; }
.comment_ a:visited {color:#555; text-decoration: none;}
.comment_ a:hover   {color:#CCCCCC; text-decoration: underline;}
.comment_ a:active  {color:#555; text-decoration: underline;}
.comment_ a:link    {color:#555;}

.comment_ { margin-bottom: 20px; }
.comment_ > .avatar   { position:relative; float:left; height: 50px; width:50px; z-index: 2; line-height:50px; }
.comment_ > .avatar IMG {padding: 1px; border: 2px solid #CCCCCC; }
.comment_ > .avatar > .bg { position:absolute; top:11px; left: -27px; z-index: -1; height: 69px; width: 69px; background: url(emages/bg.comment.circular.dec.png) no-repeat; }
.comment_ > .author   { float:left; margin: 8px 3px 10px 10px; font-weight:bold; }
.comment_ > .atsign   { float: left; height: 38px; line-height:38px; color:#555555; font-size:40px; font-weight:bold; }
.comment_ > .author CITE { font-weight: bold; font-size: 16px; }
.comment_ > .content_meta { float:left;  font-weight:bold; line-height:1.2; margin: 8px 10px 0px 3px;  }
.comment_ > .content_meta > .info     { color:#444444; }
.comment_ > .content_meta > .datetime { color:#777777; }
.comment_ > .content { clear:both; margin-top: 10px; padding: 5px 10px 10px 50px; background-color:#f1f1f1; border: 1px solid #DDD; }


.comment_ > .content  a        {color:#FFB47D; text-decoration: none; font-weight: bold; }
.comment_ > .content a:visited {color:#FFB47D; text-decoration: none;     }
.comment_ > .content a:hover   {color:#333333; text-decoration: underline;}
.comment_ > .content a:active  {color:#FFB47D; text-decoration: underline;}
.comment_ > .content a:link    {color:#FFB47D;}


ul.children { margin-right: 0; }




/* ---------------------------------------------------- */
/* Pagination */
div.paginate {}
div.paginate > div.paginate-container            { position: relative;   height:50px; } 
div.paginate > .paginate-container > .decoration-container { line-height:50px; padding: 15px 0px; }
div.paginate > .paginate-container > .decoration-container > .decoration           { background-color: #EEEEEE; vertical-align:middle; height:20px; }
div.paginate > .paginate-container > .pages-container      { position: absolute; background-color:#FFFFFF; right: 0px; top: 0px; width: 260px; font-size:24px; font-weight:bold; padding: 0px 2px; text-align:center; line-height: 50px; }
div.paginate > .paginate-container > .pages-container > .page {  float:left; margin: 0px 5px; }
div.paginate > .paginate-container > .pages-container > .selected   { color:#999999; font-size:55px; color:#999999; }
div.paginate > .paginate-container > .pages-container > .unselected { color:#DDDDDD; }
div.paginate > .paginate-container > .pages-container > .nav        { font-size:12px; vertical-align:middle; }
div.paginate a:link    { text-decoration: none; color:#DDDDDD; }
div.paginate a:visited { text-decoration: none; color:#DDDDDD; }
div.paginate a:hover   { text-decoration: none; color:#555555; }


div#category-posts H1 { font-size: 20px; font-weight: bold; color: #999999; margin-bottom: 5px; }

div#category-posts UL { list-style-type: none; font-weight: bold; margin: 0; padding: 0; }
div#category-posts LI { margin: 5px 0px 10px 0px; }