/*
THEME NAME: SSU Travels
THEME URI: http://somadesign.ca/
DESCRIPTION: Based on the terrific <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> theme.
VERSION: 0.91
AUTHOR: <a href="http://mattwiebe.com/">Matt Wiebe</a> for <a href="http://somadesign.ca/">Soma Design</a>
AUTHOR URI:
*/

/* CSS Reset: See http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family: inherit; vertical-align:baseline;}

/* Layout */

body {background-color:#666; text-align:center; font: 12px/18px 'Helvetica Neue',Arial,Helvetica,sans-serif; color:#333;}
#wrapper {width:780px; margin:0 auto; text-align:left; background-color: #fff; position:relative;}

/* Hide 'em */
.skip-link, #nav-above {display:none;}


/* Header */
#header {height:160px; width: 780px; background: transparent url(images/header.png) no-repeat 68px 10px;}
#header a, #blog-description {text-indent:-9999px; position:absolute;}
#home-link a {width:250px; height:55px; top:8px; left:65px;}
#header h1 a {width:343px; height:108px; top:21px; right:59px;}
#header a:hover {border:1px #65c5d5 solid; -moz-border-radius: 10px; -webkit-border-radius: 10px;}


/* Main Container */

#uber-container {overflow:auto; background:url(images/uber-container-bg.png) repeat-y right top; margin-top:20px;}
#container {margin:0 20px 20px; width:540px; position:relative; z-index:2; float:left;}

/* Sidebar */

.sidebar {float:right; clear:right; width:200px; background:#DAF3F7;}
.sidebar li {list-style: none outside none;}
#primary {padding-top:14px;}
.sidebar ul {margin:0 20px 20px 30px;}
.sidebar ul ul {margin:0 0 20px;}
.sidebar h3 {margin-bottom:1em;}
.sidebar ul ul li {line-height:1.1; margin-bottom:.5em;}

/* Broad Styles */

blockquote {margin: 0 54px;}
blockquote p {margin: 18px 0;}
em {font-style:italic;}
strong {font-weight:bold;}

/* Headings */
h1,h2,h3,h4,h5,h6 {font-family:Verdana, Arial, Helvetica, sans-serif; color: #555; font-weight:normal;}
h3.main-heads, #respond h3, .comments h3, .page-title, #login h2 {clear:both; font-size:15px;}
h2.page-title {margin:0 -20px; border-top:9px solid #DAF3F7; padding:1em 20px 1em;}
h3.main-heads {font-size:15px; margin:0 0 12px 20px;}
#login h2 {text-align:center; /*font-size:18px; line-height:36px; margin-bottom:9px;*/ clear:both;}
h3#recent {margin-top:36px; background:transparent url(images/icons/time.png) no-repeat scroll left center; padding-left:20px;}
.m h4 {background-color: #daf3f7; height:18px;}
.m h4 a, .entry-title a {color:#ec5e3e; display:block; margin: 0 10px; border-left:1px solid #555; padding-left:10px; height:18px;}
.m h4 a:hover, .entry-title a:hover {color: #a30; background-color:#9cf; text-decoration:none;}
.entry-title {color:#ec5e3e; clear:both; margin:0 -20px; background:#daf3f7; height:18px; font-size:15px;}
.single .entry-title {padding-left: 20px;}

/* Links */

a {text-decoration:none; color:#ec5e3e;}
a:hover {text-decoration:underline; color:#930;}

/* Posts */

div.post, div.page {position: relative;}
.entry-date {font-size:11px; position:absolute; top:55px; left:50px;}
.entry-content {margin: 18px 30px 36px 50px; clear:both;}
.entry-content p {margin: 18px 0; font-size:14px; line-height:1.4;}

.entry-meta {border-bottom:1px solid #ddd; margin: 0 0 18px -10px; float:left; width:520px; padding:1em 0 3px; font-size:11px;}
.meta-sep {color: #aaa; display:none;}
.entry-meta span {float:right; padding:0 5px; line-height:2;}
.entry-meta span.author {float:left; font-size:13px; padding-left:60px;}
.entry-meta span.author a {text-transform: capitalize;}
img.avatar {position:absolute; left:-10px; top:24px;}
.entry-meta span.cat-links {}
.entry-meta span.comments-link {clear:right; padding-top:2px;}
.edit-link a {background: url(images/icons/pencil.png) no-repeat left top; position:absolute; width:16px; height:16px; text-indent:-9999px; top:1px; right:-19px; opacity:.15;}
.edit-link a:hover {opacity:1;}
.entry-content object {display:block; clear:both;}

.alignright, img.alignright { float:right; margin:1em 0 0 1em;}
.alignleft, img.alignleft { float:left; margin:1em 1em 0 0; }
.aligncenter, img.aligncenter { display:block; margin:1em auto; text-align:center; }

/* MS Office Copy n Paste Protection */
.MsoNormal {margin:18px 0 !important; text-indent:0 !important;}
.MsoNormal span, font {font-size:inherit !important; font-family:inherit !important; color:inherit !important; }


/* Navigation */

#nav-below {clear:both; overflow:auto; margin:0 93px;}
body.single #nav-below {display:none;}
.nav-next {float:right;}
.nav-previous {float:left;}
.meta-nav {font: bold 160% "times new roman"}
.nav-next .meta-nav {padding-left:2px;}
.nav-previous .meta-nav {padding-right:2px;}
.home .navigation {display:none;}

/* Archives */

body.author .archive-meta {width: 460px; padding: 0 0 9px 50px;}
.archive-meta p {margin:0 0 .5em;}

/* Comments */

#comments {margin: 0 30px 0 50px}
#comments ol {margin-top: 18px;}
#comments li {list-style-position:outside; margin-top:18px;}
#comments li p {margin: 18px 0;}
.comment-author {background-color:#f3fbfc; font-weight:bold;}
.comment-meta {float:right; font-size: 10px; position:relative; top:-18px; right:2px;}
.byuser .comment-author span {padding:1px 55px 2px 0; background:#f3fbfc url(images/member.png) no-repeat right 1px;}
.bypostauthor .comment-author span {background-image:url(images/author.png);}

span.required {color:#c30;}
#commentform {width:450px; margin:0 auto;}
#comment-notes {margin: 27px 0 18px;}
.form-input input {width: 380px;}
.form-textarea textarea {width: 450px; overflow:auto;}
.form-label {margin-top: 9px;}
.form-input {float:right; clear:right; width: 380px; position:relative; top:-19px;}
.form-submit {text-align:right; margin-top:9px;}

/* Plugin Styling */

#shNewShutter {background-position: 10px 10px; background-image: url(images/shutter-bg.png); background-repeat:no-repeat;}

/* Menu */
 
div#menu{height:18px;background-color:#daf3f7; padding:0 5px 0 9px; z-index:40;}
div#menu ul a{height: 18px; text-decoration:none;color:#555; display:block; font-size:11px; font-family:Verdana,sans-serif;}
div#menu ul a:hover{background:#9cf; color:#111;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none; display:block;}
div#menu ul li{float:left; position:relative;}
div#menu ul li a{padding:0 11px;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul li:hover ul{display:block;position:absolute; z-index:50; padding:0 10px 10px;}
div#menu ul li ul li a{background-color:#daf3f7; display:block; border-top:1px solid #fff; z-index:51;}
.alignleft, img[align="left"] {float: left; margin:0 12px 12px 0;}
.alignright, img[align="right"] {float: right; margin:0 0 12px 12px;}

/* Subscriber */
#subscriber {width:100%; margin:12px 0 0; overflow:auto; font-size:16px;}
#subscriber div {float:left; height:32px; width:200px;}
#subscriber div#feed-link {margin-right:50px; margin-left:70px;}
#subscriber a {color:#EC5E3E; display:block; padding-left:40px; height:21px; margin-top:6px; padding-top:3px;}
#feed-link a {background:url(images/feed.png) no-repeat left top; padding-left:34px;}
#email-link a {background:url(images/email.png) no-repeat left 1px;}
#feed-link a:hover, #email-link a:hover {background-color:#DAF3F7;}

#searchit {float:right; width:200px; background:url(images/search.png) no-repeat left center; padding:4px 0 0 38px; height:28px;}
input#s {width:110px; margin-right:5px;}



/* Misc Pages */

.four04 .post form {text-align:center;}
.tag .page-title {position:relative; bottom:12px;}
body.search #searchform {margin-left:50px;}

/* Footer */

div#footer{text-align:center; overflow:auto; padding:54px 0 18px 225px; clear:both; background:url(images/uber-container-bg.png) repeat-y right top;}
#footer span a {display:block; text-indent:-9999px; width:16px; height:16px; float:left; margin:0 8px; background-attachment:scroll; background-position:left top; background-repeat:no-repeat;}
#generator-link a {background-image:url(images/wordpress.png);}
#theme-link a {background-image:url(images/sandbox.png);}
#icon-link a {background-image:url(images/silk.png);}
#design-link a {background-image:url(images/soma.gif);}
#footer .meta-sep {display:none;}

/* Login/Registration Page */

div#login {width: 300px; margin:18px auto 90px;}
div#login form {margin:36px auto 0; width:200px;}
div#login form p input {width: 100%;}
#rememberme, #submit {width:auto !important;}
div#login .submit {text-align:right; margin: 18px 0;}
div#login ul {list-style-type:none; text-align:center;}
div#login .error {border: 3px solid #ec5e3e; padding:9px;  -moz-border-radius: 18px; -webkit-border-radius: 18px;}