/********************************************************************************
 Structure
********************************************************************************/
body{
	background: url(../img/body_background.gif) repeat-x #f0f2df;
	font:normal .6875em Verdana, Arial, Helvetica, sans-serif;
	color: #706d62;
	margin:0;
}
.container{
	width:960px;
	margin:0 auto;
	position:relative;
	padding:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}


/* Page */
#Page{
	padding:20px 0;
}
#Content{
	padding:0 40px 0 0;
	width:680px;
	position:relative;
	float:left;
}
#Sidebar{
	width:240px;
	position:relative;
	float:right;
}
#Intro{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

/* Header */
#Header{
	margin:0;
}
#Header .container{
	background: url(../img/header.gif) no-repeat transparent left bottom;
	height:50px;
	width:980px;
}
#Logo{
	position:absolute;
	left:20px;
	top:0;
	margin:0;
	padding:0;
	line-height:normal;
}
#Logo a:link,
#Logo a:visited,
#Logo a:hover,
#Logo a:active{
	padding:0;
	background:none;
	text-decoration:none;
	border:none;
}

/* Footer */
#Footer{
	margin:0;
	clear:both;
	padding:20px 0;
	margin:20px 0 0 0;
	border-top:2px solid #969d7f;
	background: url(../img/home/page.gif) repeat-x #6c774e;
}
#Footer .container{
	padding:10px;
}
#Footer .container p{
	color:#b1b997;
}
#Footer a:link,
#Footer a:visited{
	text-decoration: none;
	color: #ffffff;
	padding:5px;
}
#Footer a:hover,
#Footer a:active{
	text-decoration: none;
	color: #ffffff;
	background:#ca7503;
	padding:5px;
}

/* Main Navigation */
#nav{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 0;
	text-align: center;
}
#nav li{
	display: inline;
	float: left;
	text-align: center;
	margin:0;
	padding:0;
}
#nav li a{
	display: block;
	padding: 0;
	text-align: center;
	font-size: 1em;
	text-transform:uppercase;
	height:40px;
	text-indent:-999999px;
}
a#nav_home:link,
a#nav_home:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat 0 0;
	width:54px;
}
a#nav_home:hover,
a#nav_home:active{
	background:url(../img/menu_sprite.gif) no-repeat 0 -40px;
	width:54px;
}
body#home a#nav_home{
	background:url(../img/menu_sprite.gif) no-repeat 0 -80px;
	width:54px;
}

a#nav_work:link,
a#nav_work:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat -54px 0;
	width:51px;
}
a#nav_work:hover,
a#nav_work:active{
	background:url(../img/menu_sprite.gif) no-repeat -54px -40px;
	width:51px;
}
body#work a#nav_work{
	background:url(../img/menu_sprite.gif) no-repeat -54px -80px;
	width:51px;
}

a#nav_services:link,
a#nav_services:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat -105px 0;
	width:68px;
}
a#nav_services:hover,
a#nav_services:active{
	background:url(../img/menu_sprite.gif) no-repeat -105px -40px;
	width:68px;
}
body#services a#nav_services{
	background:url(../img/menu_sprite.gif) no-repeat -105px -80px;
	width:68px;
}

a#nav_blog:link,
a#nav_blog:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat -173px 0;
	width:45px;
}
a#nav_blog:hover,
a#nav_blog:active{
	background:url(../img/menu_sprite.gif) no-repeat -173px -40px;
	width:45px;
}
body#blog a#nav_blog{
	background:url(../img/menu_sprite.gif) no-repeat -173px -80px;
	width:45px;
}

a#nav_information:link,
a#nav_information:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat -218px 0;
	width:45px;
}
a#nav_information:hover,
a#nav_information:active{
	background:url(../img/menu_sprite.gif) no-repeat -218px -40px;
	width:45px;
}
body#info a#nav_information{
	background:url(../img/menu_sprite.gif) no-repeat -218px -80px;
	width:45px;
}

a#nav_login:link,
a#nav_login:visited{
	color: #000000;
	background:url(../img/menu_sprite.gif) no-repeat -263px 0;
	width:111px;
}
a#nav_login:hover,
a#nav_login:active{
	background:url(../img/menu_sprite.gif) no-repeat -263px -40px;
	width:111px;
}

/* sidebar menu */
.menu{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.menu li{
	margin: 0;
	padding: 0;
}
.menu li a{
	display: block;
	padding: 5px;
}

/* Recent blog entries list */
.recent_blog_entries_list{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
.recent_blog_entries_list li{
	display: inline;
	padding:0;
	margin:0;
}
.recent_blog_entries_list li a{
	display:block;
	padding:4px 4px 4px 4px;
	color:#ca7503;
	margin:0 0 1em 0;
	background-color:#f0f2df;
}
.recent_blog_entries_list li a span{
	font-weight:bold;
	font-size:1em;
	display:block;
}
.recent_blog_entries_list li a:link,
.recent_blog_entries_list li a:visited{
	text-decoration:none;
	color:#ca7503;
}
.recent_blog_entries_list li a:hover,
.recent_blog_entries_list li a:active{
	text-decoration:none;
	background:#ca7503;
	color:#ffffff;
}

.meta{
	padding: 5px;
	background:#e9ebca;
	margin:0;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 2px #666;
	-webkit-box-shadow: 1px 1px 2px #666;
	box-shadow: 1px 1px 2px #666;
}
.meta a{
	padding:2px;
}
.meta p{
	margin:0;
}
#Content .info{
	padding:10px;
	margin: 0 0 20px 0;
	background: #2a271b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 3px #000;
	color:#ffffff;
	font-size: 1.2em;
}
#Content .info strong{
	color: #ffffff;
}

.codeblock{
	overflow:auto;
	margin:0 0 20px 0;
	padding:10px;
	background:#ffffff;
}

/*
 Page Image Titles
*/
h1.title_weblog{
	background:url(../img/title_weblog.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.title_info{
	background:url(../img/title_info.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.title_work{
	background:url(../img/title_work.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.page_title_39{
	background:url(../img/title_services.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.page_title_40{
	background:url(../img/title_webdev.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.page_title_41{
	background:url(../img/title_blogging.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.page_title_42{
	background:url(../img/title_programming.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}
h1.page_title_43{
	background:url(../img/title_design.gif) no-repeat;
	text-indent:-999999px;
	height:50px;
}

/*
 Contact Form
*/
#ContactForm form label{
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	padding: 5px;
}
#ContactForm form .input{
	width: 300px;
	padding: 5px;
}
#ContactForm .submit{
	margin-left: 110px;
}

#Error, #Success{
	display: none;
}
.success, .error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/assets/2009/img/success.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/assets/2009/img/error.png');
}


#NextEntry{
	float:left;
}
#PrevEntry{
	float:right;
}

.clear{
	clear: both;
}

#SocialNetworks{
	margin: 0 0 20px 0;
}
#SocialNetworks a:hover{
	background: none;
}