/*
Theme Name: TrippyDoo
Theme URI: http://blog.trippydoo.com/
Description: Official Blog of Trippy, the Travel Sheep Extraordinaire
Version: 1
Author: VISUALIS | www.visualis.ro
*/

/* DEFAULT BROWSER STYLE RESET */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
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, a:active, a:hover, a:focus, a:visited, a:hover { outline: none; overflow:hidden;}
/* END STYLE RESET */



/* ------- FORMS ------- */
input, textarea, select { font-family:Arial, Helvetica, sans-serif; padding:6px;color:#333; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(img/bg-field.gif) repeat-x top; color:#666;}
input.checkbox, input.radio { display:block; line-height:1.5em;	margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none;}
body {font:62.5% Arial, Helvetica, sans-serif; color:#343434; background:#fff url(img/bg-body.jpg) repeat-x top center; text-align:center;}
div#skip {display:none;}
div#page {width:950px; text-align:left; margin:0 auto;}
.clear {clear:both;}


/* ------- HEADER ------- */
div#header {height:112px; width:950px; background:url(img/bg-header.jpg) no-repeat 0 0;}

/* Logo */
div#header h1 {float:left; margin-top:10px;}
div#header h1 a {width:377px; height:112px; text-indent:-100000em; background:url(img/trippydoo-blog.png) no-repeat top left; float:left;}


/* Keyword search */
div#header form {width:320px; float:right; margin:45px 30px 0 0; display:inline;}
div#header form fieldset {position:relative;}
div#header form fieldset legend {display:none}
div#header form fieldset label {display:none;}
div#header form fieldset input {width:250px; font-size:1.1em; float:left;}
div#header form fieldset button {float:left;width:35px; height:26px; text-indent:-10000em; background:url(img/bt-keyword-search.jpg) no-repeat left top; cursor:pointer;}   
div#header form fieldset button:hover {background-position:left bottom;}

/* Captions & aligment */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft {float: left;}
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0;padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* ------- MAIN ------- */
div#main {width:950px; float:left; overflow:hidden;}
div#container {width:690px; float:left;}
div.post-container {width:690px; float:left;}

/* Meta */
div.meta {width:165px; float:left; border-top:5px solid #ddd; font-size:1.1em;}
div.meta ul {float:left;}
div.meta ul li { border-bottom:1px solid #eee; padding:8px 5px 7px 5px; float:left; width:160px;}
div.meta ul li img {float:left; margin-right:10px;}
div.meta ul li strong.author {font-size:1.4em; float:left;}
div.meta ul li.last {border:none;}
div.meta a {color:#7C3C9B; text-decoration:none;}
div.meta a:hover {color:#333; text-decoration:underline;}

/* Meta */
div.content {width:485px; float:left; border-top:1px solid #ddd; padding:20px;}
div.content hr {color:#eee; background:#eee; height:1px; border:none;}

/* Content */
h1.storytitle a {font-size:2.8em; color:#7C3C9B; font-weight:bold; letter-spacing:-0.5px; text-decoration:none;}
h1.storytitle a:hover {color:#333;}
div.storycontent {line-height:160%; font-size:1.4em;  margin-top:10px;}
div.storycontent h2 {font-size:1.6em; font-weight:bold; margin-bottom:10px;}
div.storycontent h3 {font-size:1.4em; font-weight:bold; margin-bottom:5px; color:#7C3C9B}
div.storycontent h4 {font-size:1.4em; font-weight:bold; margin-bottom:5px; }
div.storycontent h5 {font-style:italic; color:#999;}
div.storycontent h6 {}
div.storycontent p {margin-bottom:10px;}
div.storycontent a {color:#7C3C9B;}
div.storycontent a:hover {color:#333; text-decoration:underline;}
div.storycontent ul, div.storycontent ol {margin-bottom:10px; padding-left:15px;}
div.storycontent ul li {padding-left: 17px; background:url(img/bullet-circle.jpg) no-repeat left 6px;}
div.storycontent blockquote {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 30px 0 30px; margin-bottom:20px; color:#999;}

div.nav {width:485px; margin-left:180px; display:inline; float:left; font-size:1.6em; color:#999; margin-bottom:20px;}
div.nav a {color:#999; text-decoration:none;}
div.nav a:hover {color:#7C3C9B;}

/* Comments */
div.feedback {margin-top:40px;}
div.feedback a {color:#7C3C9B; text-decoration:none;}
div.feedback a:hover {color:#333; text-decoration:underline;}

div.feedback p.tracks {float:left; font-size:1.2em; margin-bottom:30px; width: 400px;}
h2#comments {font-size:1.8em; font-weight:bold; padding-bottom:5px; }

ol.comments {width:485px; float:left; border-top:1px solid #eee;  border-bottom:1px solid #eee; padding:20px 0; margin-bottom:20px; }
ol.comments li {float:left; margin-bottom:15px;}
ol.comments li div.user-info {float:left; width:170px; background: url(img/bg-comment-right.jpg) no-repeat 160px 10px; overflow:hidden;}
ol.comments li div.user-info img {float:left; margin-right:10px;}
ol.comments li div.user-info strong { float:left; font-size:1.2em; width:100px;}
ol.comments li div.user-info strong a {text-decoration:none;}
ol.comments li div.user-info em {float:left; color:#999;}
ol.comments li div.user-info em  a {color:#999;}
ol.comments li div.comment {background:#F8F5FA; float:left; padding:10px; }
ol.comments li div.comment p {width:295px;font-size:1.2em; margin-bottom:5px; line-height:140%;}
ol.comments li.odd div.user-info {float:right; padding-left:25px; width:140px; background: url(img/bg-comment-left.jpg) no-repeat 0 10px; overflow:hidden;}
ol.comments li.odd div.user-info img {float:right; margin-right:0;}
ol.comments li.odd div.user-info strong { float:left; font-size:1.2em; width:100px;}
ol.comments li.odd div.user-info strong a {text-decoration:none;}
ol.comments li.odd div.user-info em {float:left; color:#999;}
ol.comments li.odd div.user-info em  a {color:#999;}
ol.comments li.odd div.comment {background:#F8F5FA; border:1px solid #F8F5FA; float:left; padding:10px; margin-right:-1px;}
ol.comments li.odd div.comment p {width:295px;font-size:1.2em; margin-bottom:5px;}

h2#postcomment {width:485px; font-size:1.8em; font-weight:bold; float:left; padding-bottom:5px; border-bottom:1px solid #eee; margin-bottom:10px;}

form#commentform {float:left;}
form#commentform fieldset {background:#F8F5FA; padding:15px;}
form#commentform fieldset p {float:left; width:450px; margin-bottom:7px;}
form#commentform fieldset label {float:left; width:85px; font-size:1.2em; font-weight:bold; color:#333;}
form#commentform fieldset input {width:350px; font-size:1.2em;}
form#commentform fieldset textarea {width:350px; height:120px; font-size:1.2em;}
form#commentform fieldset button {background:#7C3C9B; color:#fff;  padding:7px 45px 7px 10px; cursor:pointer; font-size:1.2em; display:inline; margin-left:85px; margin-top:10px;}
form#commentform fieldset button:hover {background:#5A2B71;}

p.nocomment {margin-top:10px; margin-bottom:10px; font-size:1.4em; color:#999; float: left;}

/* Sidebar */
div#sidebar {float:left; width:240px;}
div#sidebar div.container{padding:5px; background:#eee; margin-bottom:15px; float:left; }
div#sidebar div.box {border:1px solid #ddd; padding:10px; background:#fff; color:#333; float:left; width:220px;}
div#sidebar div.box h3 {font-size:1.6em; font-weight:bold; letter-spacing:-0.5px;}
div#sidebar div.box hr {color:#eee; background:#eee; height:1px; border:none;}

div#sidebar ul.rss {margin-bottom:20px; padding:5px 0 10px 0; border-bottom:1px solid #eee;}
div#sidebar ul.rss a {background:url(img/icon-rss.jpg) no-repeat left; font-size:1.4em; color:#7C3C9B; font-weight:bold; display:block; padding:9px 0 8px 40px; text-decoration:none;}
div#sidebar ul.rss a:hover {color:#333; text-decoration:underline;}

div#sidebar ul.pages {margin-bottom:20px;}
div#sidebar ul.pages li {padding-left: 17px; background:url(img/bullet-circle.jpg) no-repeat left; line-height:1.6em; font-size:1.2em;}
div#sidebar ul.pages li.on {background:url(img/bullet-circle-on.jpg) no-repeat left;}
div#sidebar ul.pages li.on a {color:#333; font-weight:bold;}
div#sidebar ul.pages li a {padding:1px;text-decoration:none; color:#7C3C9B; font-weight:bold;}
div#sidebar ul.pages li a:hover {color:#fff; background:#7C3C9B; }

div#twitter_div {width:220px; padding-bottom:75px; background:url(img/bg-twitter.jpg) no-repeat right bottom; float:left; margin-left:15px; display:inline; margin-top:20px; margin-bottom:20px;}
div#twitter_div a#twitter-link {font-size:1.2em; color:#7C3C9B; text-decoration:none; float:left; margin-top:10px;}
div#twitter_div a#twitter-link:hover {color:#333; text-decoration:underline;} 
div#twitter_div ul#twitter_update_list {width:200px; background:#F8F5FA; min-height:100px; height:auto!important; height:100px; padding:0 10px 10px; float:left;}
div#twitter_div ul#twitter_update_list li {font-size:1.2em; line-height:140%; color:#666; padding:10px 0; border-bottom:1px solid #fff;}
div#twitter_div ul#twitter_update_list li a {color:#7C3C9B;}
div#twitter_div ul#twitter_update_list li a:hover {color:#fff; background:#7C3C9B; text-decoration:none;}

/* ------- FOOTER ------- */
div#footer {border-top:1px solid #e6e6e6; text-align:center; }
div#footer div.wrap {padding-top:20px; width:950px; margin:0 auto; padding-bottom:40px; height:100px; text-align:left;}
div#footer ul {float:left; width:120px;}
div#footer ul li {line-height:1.6em; color:#999;}
div#footer ul li h2 {color:#333; font-size:1.2em; font-weight:bold; padding:2px; margin-bottom:5px;}
div#footer ul li a {color:#666; background:#fff; text-decoration:none; padding:1px 2px;}
div#footer ul li a:hover {background:#7C3C9B; color:#fff;}
div#footer ul.copyright {float:right; width:260px; background:url(img/trippydoo-footer.jpg) no-repeat right;}