@import "css/reset.css";
/* @import "css/forms.css"; */

/********************************************
	Typography
*********************************************/


p { margin: 1em 0; }
h1 { font-size: 25px; font-weight: normal; }
a.back { text-decoration: underline; }
#search h2, #comments h3, #commentform h3, .emptysearch, .error { font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; }

.back:link, .back:visited { color: #f60; }
.back:hover, .back:active, .back:focus { color: #3A525C; }


/********************************************
	Layout
*********************************************/

#wrapper { color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 150%; margin: 0 auto; padding: 0 2em; width: 550px; }

#header { margin: 0 0 4.6em 0; padding: 4em 0 0 0; position: relative; }
#header .description { font-size: 13px; }
#header a { text-decoration: none; }
#header a:link, #header a:visited { color: #666; font-size:16px; font-weight:bold; letter-spacing:-1px; }
#header a:hover, #header a:active, #header a:focus { color: #3A525C; }

#header .description { margin: .5em 0 0 0 }
.post { margin: 0; padding: 2em 0 6.6em; position: relative; }
.post img.attachment-post-thumbnail { float: left; margin: 0 2em 2em 0; padding: 0; }
.post img, .post object, .post embed { display: block; margin: 0 auto 0 auto; }
.post img { max-width: 100%; height: auto; }
.post img.wp-smiley { display:inline;}
.post .number-of-comments a:link, .post .number-of-comments a:visited { color: #00a3cc; }
.post .number-of-comments a:hover, .post .number-of-comments a:active, .post .number-of-comments a:focus { color: #CCC }
.post .vvqbox { margin: 2em auto; }
.post .date { color: #ccc; font-size: 12px; margin:2px 0 30px; display:block;}

.post h2 a { text-decoration: none; }
.post h2 a:link, .post h2 a:visited { color: #444; }
.post h2 a:hover, .post h2 a:active, .post h2 a:focus { color: #444; }
.post h2 { font-size: 28px; line-height: 120%; font-weight: normal; letter-spacing: -1px; }
.post h3 { color: #ccc; margin: 0 0 1em 0; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 120%; }
.post h4 { color: #CCC; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 120%; margin: 2em 0 1em 0; }
.post h5 { color: #CCC;  font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 120%;  margin: 2em 0 1em 0; }
.post blockquote cite { font-style: normal; }
.post .number-of-comments a { text-decoration: underline; font-size: 13px; }
#comments { font-size: 13px; margin-top:50px; }

.post .number-of-comments { position: absolute; right: 0em; }
.post blockquote { color: #666; margin: 2em; padding: .1em 1.5em; position: relative; font-family:Georgia; font-size:16px;}
.post blockquote cite { display: block; text-align: right; }

.entry a:link, .comment a:link, .entry a:visited, .comment a:visited  { color: #00a3cc; }
.entry a:hover, .entry a:active, .entry a:focus, .comment a:hover, .comment a:active, .comment a:focus { color: color: #51B40F; }
.entry .more-link { font-size: 12px; }

.entry ul { list-style: none inside; padding: 0 1em; }
.entry ol { list-style: decimal outside; padding: 0; }
.entry ul li {background: url(img/bullet.gif) 0 0.7em no-repeat;margin: 0.3em 0;padding: 0 0 0 17px;}
.entry ol li { margin: 1em 0 }

.tags { color: #999; font-size: 0.9em; margin-bottom: 7em; } 
.tags a:link, .tags a:visited, .tags a:hover, .tags a:active { color: #00a3cc; }


#commentform { background: #fff; margin: 2.3em 0 4.6em 0; padding: 0; }
#commentform a:link, #commentform a:visited { color: #3A525C; }
#commentform a:hover, #commentform a:active, #commentform a:focus { color: #CCC; }
#comments .comment { padding: 1.8em 1.6em; position: relative; overflow: hidden; border-bottom: 1px solid #f0f0f0; }
.comment .date { bottom: 1em; position: absolute; right: 1em; }
#comments h3 { margin: 0 0 2em 0; font-size: 18px; }
#commentform h3 { margin: 0 0 25px 0; }
#commentform p { font-size: 13px }
.comment cite { font-style: normal; }
.comment cite a { text-decoration: none; color: #00a3cc;}
#comments h3, #commentform h3 { color: #555 }
.highlighted { border-bottom: 1px solid #f0f0f0;  }
.highlighted a:link, .highlighted a:visited { color: #09C }
.comment cite { color: #555 }
.comment .moderation { color: #FFF }

.pagination { color: #00a3cc; margin: 0em 0 4.6em 0; width:99%; }
.pagination div { float: left; margin: 0 2em 0 0; }
.pagination a { text-decoration: underline;}
.pagination a:link, .pagination a:visited { color: #00a3cc; }
.pagination a:hover, .pagination a:active, .pagination a:focus { color: #00a3cc; }
.pagination div.next { float: right; margin-right:0; padding-right:0; }

#sb-1 { float: left; width: 100%; }
#sb-2 { float: right; width: 100%; }

#sidebar { font-size: 13px; color: #777; padding: 0 0 7em 0; margin: 4em 0 0 0; }
#sidebar a { text-decoration: none; }
#sidebar a:link, #sidebar a:visited { color: #777; }
#sidebar a:hover, #sidebar a:active, #sidebar a:focus { color: #222; }
#sidebar #sb-2 a:link, #sidebar #sb-2 a:visited { color: #777; }
#sidebar #sb-2 a:hover, #sidebar #sb-2 a:active, #sidebar #sb-2 a:focus { color: #222; }
#sidebar .email { background: url(img/ico-mail.gif) 0 4px no-repeat; padding: 0 0 0 1.8em; }
#sidebar #rss li { padding: 0; margin: .5em 0; } */
#sidebar li { list-style-type: none; background: none; padding:0; margin:0;}

#footer { color: #777; padding: 1em 0; font-size: 10px; }
#footer p { margin: 0; }

#footer a { text-decoration: none; }
#footer a:link, #footer a:visited { color: #3A525C; font-weight: bold; }
#footer a:hover, #footer a:active, #footer a:focus { color: #222; }

.footer-widget { margin-bottom: 1.5em; }


/** youtube video wrapper thing **/
.fluid-width-video-wrapper {
	margin-top:20px;
}

.vine-embed.loaded.playing {
	margin: 0 auto;
	display: block;
}
/********************************************
	Form Styles
*********************************************/

.input-text, textarea { background: #f0f0f0; border: none; font-size: 13px; padding: .3em; }
label { font-size: 1em; margin: 0 .5em; }
#search-form label { position: absolute; top: -99999px; }
p.input-submit { text-align: right }
#commentform input { width: 43% }
#commentform textarea { font-size: 1em; font-family: Helvetica, Arial, sans-serif; width: 99%; }
#commentform #submit-comment { width: auto; font-size: 14px; border: 0; padding: 8px 24px; background: #3A525C; color: #fff; cursor:pointer; }
#commentform #submit-comment:hover { background-color: #2F8A41;}
#search-form #submit { padding: 1px 13px; margin: 0 0 0 5px; }
#search h2, .emptysearch, .error { color: #CCC; }

video { width: 550px;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Smartphones landscape */
@media (max-width: 480px) {
	#wrapper { width: 380px; padding: 0 1em; }
	#wrapper .post img { width:  100%; height: auto;}
	.post .date { right: auto; left: 0; }
	 #commentform textarea  { width: 380px; }
}

/* nexus bastard portrait */
@media (max-width: 384px) {
	#wrapper, iframe { width: 340px; padding: 0 0.5em; }
	#wrapper .post img { width:  100%; height: auto; }
	#commentform textarea  { width: 99%; }	
}

/* mobile portrait */
@media (max-width: 320px) {
	#wrapper, iframe { width: 280px; padding: 0 0.5em; }
	#wrapper .post img { width:  100%; height: auto; }
	#commentform textarea  { width: 99%; }
}