/*
Theme Name: Tranquil Horizon
Theme URI: http://dev.evaria.com/
Version: 3
Author: Thomas Egtvedt
Author URI: http://www.evaria.com/
*/

* {margin:0; padding:0; border:0; font:1em verdana, arial, sans-serif; line-height:1.9em;}

/* GENERAL STYLING */

body {font-size:0.625em; _font-size:10px; background:#fff url(images/bg-body.jpg) top center repeat-y; margin:0; padding:0;}

#earth{margin:0 auto;padding:0;width:840px;}

h1, h2, h3, h4, h5, h6 {font:1.8em Georgia, Verdana, Sans-Serif; font-weight:normal; margin:1em 15px 0 15px;}
h1 a, h2 a, h3 a, h4 a {font-family:Georgia, Verdana, Sans-Serif;}

a {color:#333; text-decoration:none; border-bottom:1px solid #333;}
a img {border:none;}
a:hover {border:none;}

.warning {margin:1.5em 15px; padding:1em; border:2px solid #c33; color:#c33;}
.alert {padding:5px; background:#3c3; color:#fff; text-align:center;}

input, textarea {border:1px solid #999; border-color:#666 #ddd #ddd #666; padding:3px; width:270px; color:#999; margin:0 0 10px 0; background: url(images/bg-input.gif) no-repeat 0 0 #fff; _background-attachment: fixed;}
.button {background:#fc0; color:#333; border-color:#fd1 #c90 #c90 #fd1; cursor:pointer; width:100px;}

code, pre, blockquote, #series {margin:1.5em 16px; background:#f5f5f5 url(images/bg_code.gif) top left no-repeat; display:block; padding:8px 8px 8px 36px; font-family:courier; font-size:1em; border:1px solid #eee;border-width:0 2px 2px 0;}
code p, pre p, blockquote p, #series p {margin:4px 0 !important; padding:0;}
blockquote p {font-size:1.2em;font-style:italic;}
blockquote {background-image:url(images/bg_quote.gif);}
#series {background-image:url(images/bg_series.gif);}
p.returntop a {display:block; background:url(images/go-up.gif) 100% 50% no-repeat; padding-right:20px; text-align:right; border:none; text-decoration:underline;}
p.returntop a:hover {background:#efd url(images/go-up.gif) 100% 50% no-repeat; color:#585; text-decoration:none;}
p code {margin:0;}
pre, code {color:#d70;}
pre {white-space:pre; overflow:auto;}
em{font-style:italic;}
strong{font-weight:bold;}

/* MAIN CONTENT */

#content {float:right; display:block; border-top:8px solid #585; width:520px; color:#333; background:#fff; font-size:1.2em;}
#content .entry-content{margin:0; padding:0; _width:516px;}
#content h1 {line-height:60px; height:60px;	background:#9c9 url(images/bg-content-top.jpg) right no-repeat; color:#fed;	padding:0 15px; margin:0; border-bottom:1px solid #585;}
#content ul, #content ol {margin:20px 10px; padding:0 0 5px 32px; display:block;}
#content ul#archives-page, #content ul#links-page {list-style-type:none; padding-left:0;}
#content ul.smartarchives {list-style-type:none; margin-top:20px;}
#content li {margin:8px 0;}
#content ul ul {margin:0;}
#content .homea a{display:block; float:left; width:260px; height:200px; background:url(images/home1.jpg) top left; border:none;}
#content .homea a:hover{display:block; float:left; width:260px; height:200px; background:url(images/home1.jpg) bottom left; border:none;}
#content .homeb a{display:block; float:right; width:260px; height:200px; background:url(images/home2.jpg) top left; border:none;}
#content .homeb a:hover{display:block; float:right; width:260px; height:200px; background:url(images/home2.jpg) bottom left; border:none;}
#content h2.page-title {display:block; width:490px; height:30px; line-height:30px; color:#fff; background:#ac6 url(images/bg-content-top.jpg); margin:0; padding:15px;}
#content h2.page-title span {line-height:30px;}
#content h2.page-title a, #content h2.page-title a:hover {color:#fff;}
#content h2 {margin:15px 15px 5px 15px;}
#content h2 a, #content h3 a {display:block; width:490px; color:#063; border-color:#eff;}
#content h2 a {line-height:1.3em;}
#content h2 a:hover, #content h3 a:hover {color:#030;border-bottom:1px dashed #063;background:#efd;}
#content a.image{border:none;}
#content h3 {color:#333; font-size:1.6em;}
#content h4, #content h5, #content h6 {color:#666; font-size:1.4em; margin:0 15px;}
#content p {margin:1.5em 15px; text-align:justify;}
#content .archive-meta {background:#fff url(images/info.gif) 2% 50% no-repeat; margin:15px; padding:5px 10px 5px 40px; border:1px solid #cf9;}
#content .page-link, #content .entry-attachment {margin:0 15px; padding:5px 0;}
#content .entry-attachment a {border:none;}
#content a.download {background:url(images/save.gif) 1% 50% no-repeat; padding:5px 5px 5px 23px;border:none;text-decoration:underline;}
#content a.download:hover {background:#ddd url(images/save.gif) 1% 50% no-repeat;text-decoration:none;}
#content div.edit-link {background:url(images/edit.gif) left center no-repeat; margin:0 15px 0 460px; padding:5px 0 5px 20px;}
#content .go-right {float:right; margin:0 0 10px 10px; padding:8px; border:1px solid #ddd;}
#content .go-left {float:left; margin:0 10px 10px 0; padding:8px; border:1px solid #ddd;}

.post {padding-bottom:10px;}

.entry-meta {color:#999; margin:0 15px 15px 15px; padding:0; font-size:.8em;}
.entry-meta a {color:#396; border:none;}
.entry-meta a:hover {color:#333; background:#eee;}

.entry-links {color:#666; display:block; margin:0 15px; padding:3px 0; border:1px dashed #ccc; border-color:#ccc #fff; font-size:1em;}
.entry-links .more-link, .entry-links .comments-link, .entry-links .tag-links, .entry-links .cat-links {padding:0 0 0 25px; line-height:2em;}
.entry-links .more-link {background:url(images/page.gif) 9px 0 no-repeat;}
.entry-links .comments-link {background:url(images/comments.gif) 6px 0 no-repeat;}
.entry-links .tag-links {background:url(images/tags.gif) 7px 0 no-repeat;}
.entry-links .cat-links {background:url(images/category.gif) 7px 0 no-repeat;}
.entry-links a {border-bottom:none;}
.entry-links a:hover {color:#396;}

#search h3 {margin:0 15px 10px 15px; padding:0;}
#search h3 a {line-height:1.4em;}
#search .comments {color:#aaa; border-color:#aaa; font-size:0.6em;}
#search li {margin:0 0 16px 0; padding:0 0 16px 0; border-bottom:1px solid #eee;}
#search p {margin:0 15px; font-size:0.8em;}

#content #portfolio {list-style-type:none; margin:15px; padding:0;}
#content #portfolio a {border:none;}

/* COMMENTS */

#comments {background:#cf9; border:1px solid #dfb; margin:15px;}
#comments h4 {margin:5px 10px; color:#333;}
#comments #respond h4 {margin:10px;}
#comments h4 em {font-style:italic; font-size:.7em; margin-left: 10px; color:#6a3;}
#comments ol {font-size:1em; list-style-type:none; margin:0; padding:0;}
#comments li {padding:10px 15px; background:#fff; border-bottom:1px solid #dfb; overflow:hidden; margin:0; _height:1%;}
#comments .comment-author {font-size:1.4em;}
#comments .comment-meta a {color:#999; border-color:#999;}
#comments .comment-meta {font-size:.8em; color:#999;}
#comments .unapproved{display:block; margin:10px; padding:10px 10px 10px 60px; border:1px solid #999; color:#F30; background: url(images/wait.gif) no-repeat 5% 50% #fff;}
#comments .bypostauthor {background:#efc;}
#comments form {padding:10px 15px 40px 15px; background:#fff; overflow:hidden; _height:1%;}
#comments input, #comments textarea {border:1px solid #999; border-color:#bbb #ddd #ddd #bbb; padding:3px; width:355px; color:#666; margin:0 0 10px 0; background: url(images/bg-input.gif) no-repeat 0 0 #fff; _background-attachment:fixed;}
#comments input:focus, #comments textarea:focus {color:#333; border:1px solid #cf9;}
#comments textarea {width:420px; height:190px; margin:0 15px 10px 15px;}
#comments .form-label {display:block; width:70px; margin:0 10px 0 0; text-align:right; font-size:80%; float:left; clear:left;}
#comments label {cursor:pointer;}
#comments .form-input{display:block; float:left;}
#comments form p {font-size:80%;}
/*#comments .button, #submit {background:#cf9; color:#063; font-weight:bold; border-color:#efc #9c6 #9c6 #efc; cursor:pointer; margin:0 15px; width:150px; float:right;}
#comments .button:hover {background:#fff; border-color:#9c6 #dfa #dfa #9c6;}*/
#comments .button, #submit {cursor:pointer; margin:0 15px; font:14px Geneva, Arial, Helvetica, sans-serif; font-weight:bolder; font-variant:small-caps; color:#063; background:#ccc url(images/submit.gif) top left no-repeat; border:1px solid #fff; height:32px; width:122px; float:right;}
#comments .button:hover {border:1px solid #3c0; height:32px; width:122px; padding:1px 0 0 1px;}
#comments blockquote {width:320px; margin:0 0 0 150px;}
#comments blockquote p {width:auto;}

/* TRACKBACKS */

#trackback{background:#fff;}
#trackback h4 {margin:0;}
#trackback ul {margin:0; padding:0;}
#trackback li {border:none; padding:2px 0; list-style-type:none;}
#trackback a {color:#999; border-color:#999;}

/* POST FOOTER */

#linklist {overflow:hidden; margin:0 15px; padding-bottom:16px; border:1px solid #dfb; border-color: #dfb #fff #dfb #fff; _height:1%;}
#linklist .list {float:left; width:244px;}
#linklist ul {list-style-type:none; padding:0; margin:0;}
#linklist li {padding:0; margin:6px 16px;}
#linklist a {display:block; background:url(images/new-post.gif) 1% 50% no-repeat; margin:0; padding:5px 5px 5px 22px; color:#363; font-weight:bold; border-bottom:none; font-size:.9em; text-decoration:underline; _height:1%;}
#linklist a:hover {background:#efd url(images/new-post.gif) 1% 50% no-repeat; padding:5px 5px 5px 23px; text-decoration:none;}
#linklist .related_post a {background:url(images/related-post.gif) 1% 50% no-repeat;}
#linklist .related_post a:hover {background:#efd url(images/related-post.gif) 1% 50% no-repeat; padding:5px 5px 5px 23px;}
#linklist .page_item a {background:url(images/projects.gif) 1% 50% no-repeat;}
#linklist .page_item a:hover {background:#efd url(images/projects.gif) 1% 50% no-repeat; padding:5px 5px 5px 23px;}

/* POST NAVIGATOR */

#nav-below {clear:both; color:#666; overflow:hidden; _height:1%; display:block; padding:0 !important;}
#nav-below a {color:#666; border-color:#999;}
#nav-below a:hover {color:#333; border-color:#666;}
#nav-below div {float:left; display:block; width:250px; margin:0; padding:15px 0; font-size:.9em}
#nav-below .nav-previous a {margin-left:20px; padding-left:10px; background:url(images/previous.gif) 0% 52% no-repeat;}
#nav-below .nav-next {text-align:right;}
#nav-below .nav-next a {background:url(images/next.gif) 100% 52% no-repeat; padding-right:10px;}

#series h3 {margin:8px 0 0 0;}
#series ol {padding:0 0 0 24px; margin:0;}

/* TOP MENU SIDEBAR */

#topMenu {height:30px; list-style-type:none; background:url( images/bg-menu.jpg ) no-repeat; padding:0; display:block;}
#topMenu ul {list-style-type:none;}
#topMenu li {float:left;}
#topMenu ul a {display:block; text-decoration:none; text-align:center; border:none; color:#fff; width:64px; height:30px; line-height:30px;}
#topMenu ul a:hover {background:url( images/bg-menu-hover.gif) top center no-repeat;}
#topMenu li.current_page_item a, #topMenu li.current_page_parent a  {background:url( images/bg-menu-selected.gif) top center no-repeat;color:#369;}
#topMenu li.current_page_item a:hover, #topMenu li.current_page_parent a:hover {	background:url( images/bg-menu-selected.gif) top center no-repeat;}

/* SIDEBAR CONTENT */

#sidebar {float:left; display:block; border-top:8px solid #69c; width:320px; color:#996;}
#sidebar h2 {padding:0; margin:0 0 10px 0;}
#sidebar form {background:#acf url( images/bg-search.jpg ) no-repeat; padding:135px 10px 10px 10px; color:#fff;}
#sidebar label {float:left; padding:3px 8px 3px 0;}
#sidebar input {width:190px; border:1px solid #999; padding:3px; margin:0; border-color:#69c #bdf #bdf #69c; color:#999; background: #fff url(images/bg-input.gif) 0 0 no-repeat; _background-attachment: fixed;}
#sidebar .button {width:50px; height:2.1em; padding:0; color:#036; background:#9cf; border-color:#bdf #69c #69c #bdf; cursor:pointer;}
#sidebar .button:hover {background:#fff;}
#sidebar input:focus {color:#333;}

#header {margin:0; padding:0;}
#header a {display:block; background:url(images/bg-header.jpg) no-repeat left center; height:60px; border:none; text-indent:-999em; margin:0; padding:0;}

#subMenu {padding:16px;}
#subMenu ul {list-style-type:none; margin:0; padding:0;}
#subMenu p, #subMenu a {line-height:1.8em; margin:2px 0;}
#subMenu a {color:#369;border-color:#69c;}

#sidebar .block {color:#666; margin:0 0 16px 0; background:#def; border:1px solid #ddf; border-width:0 2px 2px 0;}
#sidebar .block p {padding:4px 8px;}
#sidebar .block h2 {background:#fff; color:#666; font-size:1.4em; padding:4px 8px; margin:0;}
#sidebar .block h2 strong {font-size:0.7em; color:#ddf; float:right;}
#sidebar .block strong {font-weight:bold;}
#sidebar .block p img {display:block; margin:15px auto;}
#sidebar .block .image {border-bottom:none;}
#sidebar .block ul {margin:5px 0;}
#sidebar .block li {padding:2px 0 2px 36px; background:url( images/bullet_blue.gif ) 14px 6px no-repeat; list-style-type:none;}
#sidebar .block li:hover {background:#fff url( images/bullet_blue.gif ) 14px 6px no-repeat;}
#sidebar .block li li:hover {background:#def url( images/bullet_blue.gif ) 14px 6px no-repeat;}
#sidebar .block li a{display:block; font-weight:bold; border:none;}
#sidebar .block li a:hover{color:#036; text-decoration:underline;}
#sidebar .block li li a{font-weight:normal;}
#sidebar .block .feed li {padding-left:26px; background:url(images/feed.gif) 4px 5px no-repeat; margin:0 auto; width:240px;}
#sidebar .block .feed li:hover{background:#fff url(images/feed.gif) 4px 5px no-repeat;}
#sidebar .block .portfolio li {padding-left:26px; background:url(images/portfolio.gif) 4px 5px no-repeat; margin:0 auto; width:240px;}
#sidebar .block .portfolio li:hover {background:#fff url(images/portfolio.gif) 4px 5px no-repeat;}
#sidebar .block .services li {padding-left:26px; background:url(images/services.gif) 4px 5px no-repeat; margin:0 auto; width:240px;}
#sidebar .block .services li:hover {background:#fff url(images/services.gif) 4px 5px no-repeat;}

#sidebar .block .recentCom li {background:url(images/comments.gif) 14px 6px no-repeat;}
#sidebar .block .recentCom li:hover {background:#fff url(images/comments.gif) 14px 6px no-repeat;}
#sidebar .block .recentCom li li {background:url(images/user.gif) 14px 6px no-repeat;}
#sidebar .block .recentCom li li:hover {background:#def url(images/user.gif) 14px 6px no-repeat;}

#sidebar a#getStarted{display:block; width:265px; height:80px; background:url(images/get-started.jpg) top left; border:none; margin-left:3px;}
#sidebar a#getStarted:hover{display:block; width:265px; height:80px; background:url(images/get-started.jpg) bottom left; border:none;}

/* ACCORDION BLOCKS */

#quickNav .nav{background:#fff; padding:5px 0 4px 0;}
#quickNav .nav a, #quickNav .nav a:visited{padding:3px 5px 5px 5px; color:#666; font:1.4em Georgia, Verdana, Sans-Serif; border:none;}
#quickNav .nav a.highlight{background:#def; color:#000;}

#catchy .nav{background:#fff; padding:5px 0 4px 0;}
#catchy .nav a, #quickNav .nav a:visited{padding:3px 5px 5px 5px; color:#666; font:1.4em Georgia, Verdana, Sans-Serif; border:none;}
#catchy .nav a.highlight{background:#def; color:#000;}	

/* CONTACT FORM */

#contactform {margin:0 40px;}
#contactform fieldset {margin:0; padding:0;}
#contactform label {color:#666; cursor:pointer; float:left;}
#contactform input, #contactform textarea {float:right;}
#contactform #contactsubmit {display:block; float:right; cursor:pointer; margin:15px 0; font:16px Geneva, Arial, Helvetica, sans-serif; font-weight: bolder; font-variant: small-caps; color: #063; background: #ccc url(images/submit.gif) top left no-repeat; border: 1px solid #fff; height:32px; width:122px;}
#contactform #contactsubmit:hover {display:block; float:right; border: 1px solid #3c0; height: 32px; width: 122px; padding: 1px 0 0 1px;}
#contactform em{display:block; margin:10px 0; padding:10px 10px 10px 60px; border:1px solid #999; color:#F30; background: url(images/wait.gif) no-repeat 5% 50% #fff;}
#contactform .contacterror{border:2px solid #f30; color: #f30;}

/* PAGEBAR */

.pagebar {display:block; text-align:center; margin:15px auto; padding:0; font-size:.9em;}
.pagebar a,.pagebar a:visited,.pageList .this-page {color:#999; border:1px solid #aaa; text-decoration:none; padding:.3em .6em;}
.pagebar .break {padding:.3em .6em; border: none; text-decoration:none;}
.pagebar .this-page {border:1px solid #063; padding:.3em .6em; font-weight:bold; background:#063; color:#fff;}
.pagebar a:hover {border-color:#063; color:#063;}
.pagebar .inactive {border:1px solid #ccc; color:#ddd; text-decoration:none; padding:0.2em 0.5em;}

/* PAGE FOOTER */

#contend {background:#efd; color:#696; height:3em; padding:10px; font-size:1em; border-top:6px solid #ac9; clear:both;}
#contend ul {margin:0; padding:0; list-style-type:none;}
#contend li {float:left; border-right:1px solid #ddd; padding:0 9px;}
#contend li.last {float:left; border-right:none; padding:0 0 0 9px;}
#contend a {color:#585; border-color:#696;}
#contend a:hover {border:none;}