/*
------------------------------------------------------------------------
Theme Name:Equilibrium
Theme URI:http://madebyon.com
Description:Magazine style WordPress theme. Visit <a href="http://equilibrium.madebyon.com"title="Equilibrium">http://equilibrium.madebyon.com</a> for more information.
Version:1.4
Author:Tudinh Duong
Author URI:http://madebyon.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{background:none; border:0; text-decoration:none; z-index: 1000;}
a:hover img{background:none !important; border:0;/* -moz-opacity:.65; opacity:.65; filter:alpha(opacity=65);*/ text-decoration:none; z-index: 1000;}


h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html{background:#f2f2f2;}

html, body{height:100%;}

body{font-size:75%; font-family: Helvetica, Arial, sans-serif; color:#181818; margin:0 auto -80px; text-align:center;}

#page-wrap{width:1000px;/* min-height:100%;*/ height:auto !important; height:100%; margin:0 auto 0px; padding-left:10px; padding-right:10px; text-align:left}

.content{width:680px; float:left}

.content-latest{width:680px; float:left}

.content-work{width:1000px; float:left}

.post li, #secondary li {border-bottom: 1px solid #cccccc; padding-top: 10px; padding-bottom: 10px;}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color:#333333; font-family: Georgia, "Helvetica Neue", Arial, sans-serif; font-size:1.18em; line-height:1.6; margin-top:0.5em; margin-bottom:1.5em; margin-left:1px; margin-right:15px; text-align:left;}

.credits p{font-size:11px;}

p a, p a:visited{color:#e9008f; text-decoration:none;}

p a:hover{color:#000; text-decoration:none;}

h1{color:#222222; font-family: Georgia, serif; font-size:24px; letter-spacing:-0.5px; font-weight:normal; padding-top:15px; padding-bottom:9px}

strong{font-weight:bold; color:#222;}

/*.post h2{font-family: Georgia, Helvetica, Arial, sans-serif; font-size:4em; color:#222; text-transform:none; letter-spacing:-0.04em; font-weight:400; padding-bottom:15px; border-bottom:0; margin-top:0; margin-bottom:0}*/

.featured_h2{color:#e9008f;}

h4, h2{font-family: "Helvetica Neue", Arial, serif; font-size:11px; font-style:normal; line-height:2; color:#000; font-weight:800; text-transform:uppercase;letter-spacing:-0.01em; padding-bottom:0; border-bottom:1px solid #787878; margin-top:1em; margin-bottom:2em}

h2.archive{font-family: Georgia, Helvetica, Arial, serif; font-size:4.2em; font-style:italic; color:#fff; font-weight:normal; text-transform:none;letter-spacing:-0.01em; border-bottom:0; padding-bottom:8px; margin-top:20px; margin-bottom:28px}

/*h3{color:#333333; font-family: Georgia, "Times New Roman", Helvetica, Arial, sans-serif; font-size:3.6em; letter-spacing:-0.75px; font-weight:normal; margin-top:0px; padding-bottom:10px; width: 660px;}*/


.post h2,h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 44px;
font-style: normal;
font-weight: bold;
text-transform: normal;
color:#333333;
letter-spacing: -2px;
line-height: 1.2em;
padding-bottom:10px;
width: 660px;
border-bottom:0;
}


h3.archive{color:#333333; font-family: Georgia, "Times New Roman", Helvetica, Arial, sans-serif; font-size: 3.5em; letter-spacing:-0.75px; font-weight:normal; margin-top:0px; padding-bottom:10px;}

h3 a{text-decoration:none; color:#222}

h3 a:hover{color: #00acee;}

.post ul li,
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:1px solid #cccccc; color:#333333;font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:800;margin-top:35px; margin-bottom:16px; padding-bottom:15px}

/*p.twitter-text{background: #fff; height: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#666666; font-size:2em; font-style:italic; line-height:1.5em; width:900px; margin-bottom:15px; margin-top:15px; padding:20px 0 30px 15px;}*/

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top{margin-top:0px; margin-bottom:10px; height:110px;/* border-bottom:1px solid #e0e0e0*/;}

h1.logo a{float:left;font-family: Georgia, serif; font-size:2.6em; font-weight:400; color:#ff3100; text-transform:uppercase;letter-spacing:-0.05em; text-decoration:none; margin-top:25px}

#nav{float:right; margin-top:25px; margin-right:10px;}

#nav ul{list-style-type:none; width:100%}

#nav li{display:block; display:inline}

#nav a:link, 
#nav a:visited{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display:block; padding-top:7px; background: url(images/about_off.png) no-repeat; color:#222222; margin-left:10px; width:58px; height:25px; float:left; text-decoration:none; text-align:center; font-size:10px; font-weight:800; text-transform:uppercase; position:relative;}

.magenta_a:link{color:#e9008f;}

#nav a:hover{background: url(images/about_on.png) no-repeat 0 0; color:#222222;}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:active{color:#e9008f; text-decoration:none;}

ul#nav li.current_page_item a:hover{color:#fff; text-decoration:none;}

/*
-----------------------------------------
MESSAGE
----------------------------------------- 
*/
#message{margin-top:15px; margin-bottom:20px;}

h1.hello {
	background: url(images/hello.png) no-repeat 0 35%; -moz-opacity:1.00; opacity:1.00;
	width: 940px;
	height: 131px;
	text-indent: -10000px;
        top:0;
        padding:0;
}

h1.work {
	background: url(images/work.png) no-repeat 0 35%; -moz-opacity:1.00; opacity:1.00;
	width: 851px;
	height: 66px;
        top:0;
	text-indent: -10000px;
        padding:0;
}

h1.animation {
	background: url(images/animation.png) no-repeat 0 35%; -moz-opacity:1.00; opacity:1.00;
	width: 930px;
	height: 127px;
        top:0;
	text-indent: -10000px;
        padding:0;
}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

.front-post{background:/* url(images/featured_bg.png) no-repeat top left;*/ width:1000px; margin-top:35px; margin-bottom:15px; height:369px;}

.portfolio-front-post{background: url(images/featured_bg.png) no-repeat top left; width:1000px; height:410px; padding-bottom:35px;}

.featured-content{position:relative; width:300px;}

.featured-content p{color:#333333; font-family: Georgia, serif; font-size:16px;font-style:italic; line-height:1.6em; margin-top:0.5em; margin-bottom:1.8em; margin-left:1px; margin-right:15px; text-align:left}

.featured-post{position:relative; width:100%; height:369px;background:#fefefe;}

.portfolio-post{position:relative; width:100%; height:342px; margin-bottom:25px;}

.featured-text {
position: absolute;
width: 310px;
right: 0;
top: 10px;
}

.featured-text h2{font-family: Helvetica, sans-serif; color: #222222; font-size:24px; font-weight:800; font-style:none; line-height:1.2em; letter-spacing:-0.05em; text-transform:none; width:300px; margin:0; padding:5px 0 10px 0; border:0;}

.featured-text h2 a{display:block; color:#222222; text-decoration:none; border-bottom:0;}

.featured-text h2 a:hover{color:#e9008f}

.featured-title{background:transparent/* url(images/featured-bottom.png) top no-repeat*/; display:block; z-index:101; width:100%; height:70px; bottom:0; filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; position:absolute; z-index:2}

.featured-image{position:absolute; z-index:1; margin:0;}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#333; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{float:right; width:290px; margin-left: 0px; padding-left:12px; padding-right: 0px; padding-bottom: 10px; overflow:hidden}

#sidebar p{color:#333333; font-family: Georgia, serif; font-size:13px; line-height:1.5em; margin-top:0.5em; margin-bottom:1.8em; margin-left:1px; margin-right:5px; text-align:left}

#sidebar strong{font-weight:bold; color:#333;}

#sidebar li a{width:290px; margin:0; line-height:1.8em; list-style:none; font-size:12px; font-weight:800; list-style-type:none; text-decoration:none; color:#00acee}

#sidebar li a:hover{background:none; color:#000;}

#sidebar a{color:#333333; border:0; text-decoration:none; margin-left:0}

#sidebar a:hover{color:red; margin-left:0}

#sidebar h2{font-family: "Helvetica Neue", Arial, serif; font-size:11px; line-height:2; font-style:normal; font-weight:800; letter-spacing:-0.01em; color:#000; text-align:left; text-transform:uppercase; border-bottom:1px solid #787878; margin-top:1em; margin-bottom:1.6em; padding-bottom:0;}

#sidebar h2 a{color:#ef5c22; text-align:left; text-transform:none;font-weight:800;/* border-top:1px solid #e9e9e9; */margin-top:28px; margin-bottom:0px; padding-bottom:12px;}

#sidebar a img{width:50px; border:none; background:none; -moz-opacity:100; opacity:100; filter:alpha(opacity=100); text-decoration:none; margin:0 2px 2px 0}

#sidebar a:hover img{border:none; background:none; -moz-opacity:.65; opacity:.65; filter:alpha(opacity=65); text-decoration:none}

#sidebar p a{color: #00acee; margin:0; padding:0}

#sidebar p a:hover{color:#000;}

#sidebar p.twitter-text{font-family: Georgia, serif; font-size:13px; line-height:1.5em; padding:0; border-bottom:0; font-style:normal;}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:680px; margin-bottom:35px;}

.latest-post-wrap{display:block; float:left; width:302px; margin-right:35px; margin-bottom:10px;}

.latest-post{position:relative; width:302px; height:260px}

.latest-image{position:absolute; z-index:1;border:8px solid #fefefe;}

.latest-title h2{font-family: "Helvetica Neue", Arial, sans-serif; line-height:15px; color:#333333; font-size:14px; font-weight:800; font-style:normal; text-align:center; text-transform:none; width:302px; margin:0; padding:0; border-bottom:0}

.latest-title h2 a{display:block; color:#ffffff; text-decoration:none}

.latest-title h2 a:hover{color:#000}

.latest-title{display:block;*/ z-index:101; width:100%; height:35px; bottom:30px; filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; position:absolute; z-index:2}

.latest-content{position:relative; width:215px; padding-top:5px; margin-bottom:0px}

.latest-content h2{margin-top:15px;}
.latest-content h2 a{color:#0b96d0; text-decoration:none;}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#333; font-size:12px/*1.2em*/; line-height:1.5; margin-top:10px; margin-bottom:1.5em; margin-right:0; text-align:left;}

.latest-category{color:#888; float:left; margin-bottom:0; margin-left:0px;}

/*
-----------------------------------------
WORK
----------------------------------------- 
*/
#front-work{margin-top:0px}

#work-wrap{float:left; width:1030px; padding-top:20px;}

.work-post-wrap{display:block; float:left; width:230px; margin-right:24px; margin-bottom:40px; height:240px;}

.work-post{position:relative; width:230px; height:240px;}

.work-image{position:absolute; z-index:1;}

.work-title h2{font-family: "Helvetica Neue", Arial, sans-serif; line-height:14px; font-size:11px; font-weight:700; font-style:normal; text-transform:uppercase; margin:0; padding:5px 0 0 0; border-bottom:0;}

.work-title h2 a{display:block; color:#222222; text-decoration:none;}

.work-title h2 a:hover{color:#222222;}

.work-title{width:100%; height:50px; bottom:0; position:absolute; padding:0;}
.work-content{position:relative; width:212px; padding-top:5px; margin-bottom:0px;}

.work-content h2{margin-top:15px;}
.work-content h2 a{color:#0b96d0; text-decoration:none;}
.work-content h2 a:hover{color:#000;}

.work-content p{color:#333; font-size:12px/*1.2em*/; line-height:1.5; margin-top:10px; margin-bottom:1.5em; margin-right:0; text-align:left;}


/*
-----------------------------------------
RECENT BLOGPOSTS
----------------------------------------- 
*/
#front-bottom{margin-top:36px;}

#blogpost-wrap{float:left; width:680px;}

.blogpost-post-wrap{float:left; width:162px; margin-right:8px; margin-bottom:8px;}

.blogpost-post{position:relative; width:162px; height:15px;}

.blogpost-image{position:absolute; z-index:1;}

.blogpost-title h2{font-family: Georgia, Helvetica, Arial, sans-serif; margin:10px 0px 0px 0px; line-height:1.1em; font-size:1.6em; font-weight:400; letter-spacing:-0.03em; text-transform:normal; padding-bottom:3px; padding-top:0; border-bottom:0}

.blogpost-title h2 a{display:block; color:#222; text-decoration:none}

.blogpost-title h2 a:hover{color:#ff3100}

.blogpost-title{/*background: url(images/blogpost-bottom.png) bottom left no-repeat; */display:block; z-index:101; width:100%; bottom:0;/* filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;*/ position:absolute; z-index:2}

.blogpost-content{position:relative; width:162px; height:200px; padding-top:5px; margin-bottom:10px}

.blogpost-content h2{margin-top:15px}
.blogpost-content h2 a{color:#0b96d0; text-decoration:none}
.blogpost-content h2 a:hover{color:#000}

.blogpost-content p{color:#333; font-size:12px/*1.2em*/; line-height:1.4; margin-top:1px; margin-bottom:2.5em; margin-right:5px; text-align:left}

.blogpost-content p a{font-family: Georgia, Helvetica, Arial, sans-serif; font-weight:normal; color:#333}

.blogpost-content p a:hover{color:#ff3100}

span.fronttime {font-size: 10px; color:#333333; text-transform: uppercase; font-weight: normal; width: 50px; display:block; float:left; margin-right:10px; padding-top:5px;}


/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{padding-top:8px; border-top:10px solid #222222; width:1000px; margin:20px auto 0; height:100px; color:#888888}

#footer p{font-family: "Helvetica Neue", Arial, sans-serif; font-weight:800; font-size:9px; color:#333; line-height:1.5em; margin-bottom:0; margin-top:1em}

#footer p a{color:#888888; text-decoration:none}

#footer p a:hover{background:none; color:#000; text-decoration:none}

#footer img{float:right; text-indent: -10000px;}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #cccccc}

.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}

.postMeta-front{margin-top:8px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:5px; margin-top:8px; margin-left:0; padding-bottom:0px}

.postMeta-latest{font-size:1.2em; margin-bottom:0; margin-top:8px; margin-left:0; padding-bottom:0px}

.postMeta span.date{font-family: Helvetica, Arial, sans-serif; font-size:9px;text-transform:uppercase;color:#888; float:left; margin:0px 10px 5px; padding-bottom:18px}

.postMeta-featured span.date{font-family: "Helvetica Neue", Arial, sans-serif; font-size:9px;text-transform:uppercase; color:#aea69f; font-weight:normal; width:185px; float:left; margin:0; padding-bottom:0px; padding-left:0;}

.postMeta-post span.date{font-family: Helvetica, Arial, sans-serif; font-size:9px;text-transform:uppercase;color:#666; margin-left:3px; float:left; padding-bottom:3px}

.postMeta-front span.date{font-family: Helvetica, Arial, sans-serif; font-size:9px; text-transform:uppercase; color:#333333; font-weight:800; float:left; padding-bottom:0px; padding-left:0;}

.postMeta-blogpost span.date{font-family: Helvetica, Arial, sans-serif; font-size:9px;text-transform:uppercase;color:#888; margin:2px 7px 5px 0px; float:left; padding-bottom:3px}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{font-family: Helvetica, Arial, sans-serif; font-size:9px; font-weight: 800; float:left; color:#00acee; text-decoration:none; margin-top:2px; margin-left:0px}

.postMeta span.comments a:hover, 
.postMeta span.date a:hover, 
.postMeta-post span.comments a:hover, 
.postMeta-post span.date a:hover, 
.postMeta-featured span.comments a:hover, 
.postMeta-featured span.date a:hover, 
.postMeta-front span.comments a:hover, 
.postMeta-front span.date a:hover{font-family: Helvetica, Arial, sans-serif; font-size:9px; font-weight: 800; float:left; color:#000; text-decoration:none; margin-top:2px; margin-left:0;}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{font-family: Helvetica, Arial, sans-serif; font-size:9px;text-transform:uppercase;color:#666;float:right; /*background:transparent url(images/comment-grey-bubble.png) no-repeat left center; padding-left:14px; margin-left:2px; margin-top:2px*/}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#888; float:left; margin-bottom:8px; margin-left:0px;}

.post{padding-bottom:20px; padding-top:0; margin-right:25px;}

.post-archive{padding-bottom:3px; padding-top:10px; width: 680px; border-bottom:1px solid #cccccc;}

.post-excerpt p{margin-top:10px; margin-bottom:20px; color:#666 !important; font-size:1.8em !important; line-height:1.5em;}

.archive-excerpt p{margin-top:10px; margin-bottom:15px; color:#333 !important; font-size:1.18em !important; line-height:1.5em;}

.post-excerpt img{margin:0 2px 2px 0; border:1px solid #cccccc;}

.post-tags{color:#666; float:left; margin-right:0; padding-right:0;}

.post-category p, 
.post-tags p{font-family: Georgia, serif; color:#888; font-size:9px;font-style:italic; margin:0 0 0 0; text-align:none; font-weight:800; text-transform:uppercase}

.post-category p a,
.post-tags p a{color:#00acee;}

.post-category p a:hover,
.post-tags p a:hover{background:none; color:#000;}

.post img{margin:2px 2px 15px 0;}
.post p a img{-moz-opacity:1.00; opacity:1.00; filter:alpha(opacity=100); text-decoration:none; background:transparent; padding:0;}
.post p a:hover img{-moz-opacity:1.00; opacity:1.00; filter:alpha(opacity=100); text-decoration:none; background:transparent; padding:0;}
.post p a:visited img{-moz-opacity:1.00; opacity:1.00; filter:alpha(opacity=100); text-decoration:none; background:transparent; padding:0}
.post blockquote p{margin:0 2.6em; font-style:italic}

.post-client p{font-family: Helvetica, Arial, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; color:#222; margin:5px 7px 0px 2px; float:left; padding-bottom:0px}

.post-link p{font-family: Helvetica, Arial, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; color:#222; margin:5px 7px 0px 2px; float:right; padding-bottom:0px}

.post-link p a{background:#222 url(images/bg-noise-dark.png); color:#fff; padding:4px 4px 2px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.post-link p a:hover{background:#ef5c22; color:#fff;}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:20px; text-transform:none; border:none}

.commentwrap{background: url(images/comments-bottom.gif) no-repeat bottom;/* border-top:1px solid #cccccc;*/ padding-bottom:40px; padding-top:10px; -moz-opacity:.75; opacity:.75; filter:alpha(opacity=75)}

.commentpost{float:right; width:500px}

.commentpost p{font-family: Georgia, sans-serif; color:#222; font-size:11px/*1.3em*/; margin-top:5px; margin-right:20px;}

.commentmetadata{float:left; width:25%; color:#2F2B23; line-height:1em; padding-right:10px; color:#333; font-size:1.1em; text-transform: normal;}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 1em}

.commentmetadata li a{/*border-bottom:1px solid #a8a8a0; */color:#ff3100; text-decoration:none}

.commentmetadata li a:hover{/*border-bottom:1px solid #a8a8a0; */color:#888; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{font-family: Verdana, Helvetica, Arial, sans-serif; font-size:13px;border-top:1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #f8f7f2; border-right: 1px solid #f8f7f2;background:#e4e4e4;padding:5px 4px;margin-bottom:10px;width:250px}

#comments label span{line-height:27px}

#comments label{font-size:10px; font-weight: bold; text-transform: uppercase;}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #cccccc; margin:10px 0px 10px 0px; padding:0px}

#comments textarea{font-family: Verdana, Helvetica, Arial, sans-serif; font-size:13px;background:#e4e4e4;margin-top:10px; padding:4px 4px 4px 2px; width:98.5%; border-top:1px solid #b2b2aa; border-left: 1px solid #b2b2aa; border-bottom: 1px solid #f8f7f2; border-right: 1px solid #f8f7f2;}

.button{font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight:800; text-transform:uppercase; background:#e4e4e4; color:#666666; margin-top:10px; margin-bottom:10px; padding:5px; border:0}

.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #a9a9a9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{float:left; margin-top:1em; height:2.3em}

#searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}

#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em}


/*

HJALLEFIX

*/

h1.logo {
	position: absolute;
	top: -25px;
	z-index: 1000;
        padding-top:0px;
}
h1.logo a {
	background: url(images/logo-df.png) no-repeat; -moz-opacity:1.00; opacity:1.00;
	width: 208px;
	height: 107px;
	text-indent: -10000px;
        padding-top:0px;
}

/* Secondary*/
/* ----------------------------------------- */

#lbp {
width:200px;
margin-right:12px;
margin-bottom:15px;
float:left;
}

#lbp p {
        font-family: "Helvetica Neue", serif;
        font-size:11px;
        line-height:1.4em;
        margin-right:5px;
}

#lbp p a {
        color:#00acee;
        font-weight:800;
}

#lbp p a:hover {
        color:#000;
        font-weight:800;
}

#latest-blog li a {
	display:block;
	margin-left: 90px;
	width: 250px;
        font-family: Georgia, serif;
	font-size: 1.5em;
        line-height: 1.3em;
        text-decoration: none;
	color:#333333;
	border:none;
        padding-top:1px;
	}
	
#latest-blog li a:hover {
		color:red;
	}

#about {
width:444px;
margin-right:0px;
margin-bottom:15px;
float:left;
}

#about p{
color:#888888;
font-size:14px;
font-style:italic;
line-height:1.6em;
margin-right:10px;
}

#elsewhere {
width:160px;
float:right;
}

.excerpt p {
margin-top:10px;
margin-bottom:15px;
margin-right:20px;
color:#333333 !important;
font-family: Georgia, serif;
font-size:18px !important;
font-style:italic;
line-height:1.5em;
}

.excerpt  {
border-bottom:1px solid #cccccc;
margin-bottom:28px !important;
width: 680px;
}

#nav-below {
clear:both;
padding-bottom:24px;
}

.nav-next a{
font-family: "Helvetica Neue", Arial, serif;
font-style: none;
font-size: 11px;
letter-spacing: 0;
text-decoration: none;
float:right;
margin-top:20px;
padding:3px 5px 3px 25px;
display:block;
background: #fff;
color:#222;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.nav-next a:hover {
background: #d7d7d5;
color: #fff;
}

.nav-previous a{
font-family: "Helvetica Neue", Arial, serif;
font-style: none;
font-size: 11px;
letter-spacing: 0;
text-decoration: none;
float:left;
margin-top:20px;
padding:3px 25px 3px 5px;
display:block;
background: #fff;
color:#222;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.nav-previous a:hover {
background: #d7d7d5;
color: #fff;
}