/*
 Screen style    
 Site: HA Design Studio
*/
body { font-size: 75%; padding: 0; }

/* Auto-clearing floats */
#header:after, #footer:after, #home-work:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Wrapper */
#wrapper { width: 950px; }

/* Header */
#header { padding: 38px 0 10px 49px; }
#header h1 { float: left; width: 207px; height: 32px; margin: 79px 243px 0 0; }
#header h1 span { background-image: url(../images/text/logo.gif); }

/* Navigation */
#nav { float: left; width: 5em; }
#nav .accessibility { display: none; }
#nav li { margin-bottom: 0.35em; float: left; }
#nav a { color: #333; text-transform: lowercase; display: block; width: 5em; }
#nav ul { float: left; width: 10em; position: absolute;	left: -999em;	margin-left: 5em;	margin-top: -3.4em; }
#nav ul a { width: 10em; }
#nav li:hover ul, #nav li.hover ul, #nav li.current ul { left: auto;	}
#nav li:hover a, #nav li.hover a { color: #999; }
#nav li:hover li a , #nav li.hover li a { color: #333; }
#nav a:hover, #nav a.current { color: #999 !important; }

/* Content */
#content { float: left; width: 415px; padding: 35px 10px 20px 48px; border-top: 4px solid #030303; margin-right: 25px; }
body.one-column #content { float: none; width: 678px; padding: 18px 0px 20px 48px; }

/* Sidebar */
#sidebar { float: left; width: 227px; padding: 35px 0 20px 0; border-top: 4px solid #767676; line-height: 1.45; }
#sidebar h2 { margin-bottom: 0.6em; }
#sidebar ul { font-size: 0.92em; }


.left-side p { font-size: 0.92em; }
.left-side .view a { margin-right: 8px; }

.right-side blockquote p { font-size: 1.083em; color: #777777; font-family: Georgia, Arial, sans-serif; font-style: italic; line-height: 19px; }
.right-side blockquote cite { font-style: normal; font-size: 0.83em; }


/* Footer */
#footer { clear: both; color: #333; font-size: 0.83em; padding: 68px 0 20px 49px; }
#footer p { float: left; }
#footer a { color: #333; }
#footer a:hover, #footer a.email { color: #999; }
#footer li { float: left; padding-left: 5px; margin-left: 4px; background: url(../images/bg/footer-sep.gif) 0 60% no-repeat; }
#footer li.first { padding: 0; background: none; }



/* blog */
#header h1 { width: 252px; height: 57px; margin-top: 54px; margin-right: 197px; }
#header h1 span { background: url(../images/blog/blog.gif) no-repeat 0 0; }
#content .post { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 18px; }
#content .post h2 { margin-bottom: 0; }
#content .post span.pub-time { font-size: 0.83em;  }
#content .post .entry { }
#content .post .entry p { margin: 8px 0 12px 0; }
#content .post .entry ul, #content .post .entry ol { margin-bottom: 22px; }
#content .post .entry ul li { list-style: square inside; }
#content .post .entry ol li { list-style: decimal inside; }
#content .post .entry blockquote { background: #f7f7f7; padding: 12px; border: 2px solid #eee; border-bottom: 0; border-right: 0;}
#content .post .entry blockquote p { font-style: italic; margin: 0 0 6px 0; color: #999;  }
#content .post a { color: #019ED3;   }
#content .post .cat { padding-top: 6px; }
#content .post .the-tags a { margin-right: 9px; }
#content .post .cat, #content .post .tags { font-size: 0.83em; }
#content .post .tags span.tag { margin-right: 6px; }
#content .post .tags a.add-comment { margin-left: 6px; }
#content .navigation a{ color: #019ED3; font-size: 0.92em; }

#sidebar h2 {}
#searchform { margin-bottom: 20px; }
#searchform input#s { border: 1px solid #ccc; float: left; display: inline; margin-top: 2px; margin-right: 4px; padding: 2px 3px; width: 140px; }
#searchform .btn-search input { border: 0; background: url(../images/buttons/btn-search.jpg) no-repeat 0 0; width: 74px; height: 24px;  }

#sidebar .section { border-top: 1px solid #ccc; margin: 13px 0 6px 0; padding: 10px 0 0 0; }
#sidebar .section h3 { margin-bottom: 8px; }
#sidebar .section li { margin: 3px 0 2px 0; }
#sidebar .section a { color: #666; }
#sidebar .section a:hover { color: #333; }

#sidebar .tags li { float: left; margin: 0 3px 0 0; position: relative;  }
#sidebar .tags li.size1 { font-size: 1em; }
#sidebar .tags li.size2 { font-size: 0.82em; }
#sidebar .tags li.size3 { font-size: 0.93em; }
#sidebar .tags li.size4 { font-size: 1.02em; }
#sidebar .tags li.size5 { font-size: 1.04em; }
#sidebar .tags li.size6 { font-size: 1.06em; }
#sidebar .tags li.size7 { font-size: 1.08em; }
#sidebar .tags li.size8 { font-size: 1.1em; }
#sidebar .tags li.size9 { font-size: 1.15em; }

#commentform input.text, #commentform textarea { border: 1px solid #ccc; font-size: 0.93em; padding: 2px 3px;} 
#commentform textarea { overflow: auto; height: 120px; }
#commentform input.submit { border: 0; cursor: pointer; background: url(../images/buttons/submit.gif) no-repeat 0 0; width: 79px; height: 24px; }
#commentform p.admin { font-size: 0.93em; margin-top: 8px; }

#comments { margin-bottom: 12px; }
.commentlist li { background: #f7f7f7; padding: 10px; margin-bottom: 8px; }
.commentlist li .reply a { color: #019ED3; font-size: 0.92em; }
.commentlist li .comment-meta { margin-bottom: 6px; color: #333; font-size: 0.83em; }
.commentlist li li { margin: 6px; background: #eee; }