@charset "utf-8";

/* CSS Document */
/* Victor Ionescu - Not So Well Designed - design.notsowellexposed.com */
/*   
Theme Name: NSWE WP
Theme URI: http://notsowellexposed.com/
Description: WordPress theme for Not So Well Exposed photoblog
Author: Victor Ionescu
Author URI: http://design.notsowellexposed.com/
*/

/* RESET */

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body								{ background: #151515; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/* UTILITY */

.clear								{ clear: both; }

/* TYPOGRAPHY */
h1 { display:block; width: 244px; height: 100px; background: url(./images/logo.png) no-repeat; text-indent:-9999px; float: left; }
h2 { font: normal 24px georgia, 'Times New Roman', times, serif; color: #97bebe; padding: 10px 0 8px; text-align: center; }
h2 a { color: #97bebe; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; margin: 0 auto; }
h2 a:hover { color: #fff; }
h3 { font: normal 16px georgia, 'Times New Roman', times, serif; color: #97bebe; padding: 5px 0 10px; text-align: center; }
h3 a { color: #97bebe; }
h5 { font-weight:normal; letter-spacing:2px; font-size:11px; text-transform:uppercase; margin:0 0 10px 0; color: #777; }
p { font: normal 13px/15px 'Trebuchet MS', 'Calibri', 'lucida grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#999; padding-top: 25px; }
a { color: #666; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
a:hover { color: #fff; }

/* GENERAL */
#wrap { width: 900px; margin: 0 auto; }
.content { width: 860px;  margin:0 auto; text-align:center; }
.archive { text-align: left; }
.size-full { margin: 0 auto; }
.wp-caption { min-width: 850px; margin-bottom: 25px; }
.wp-caption img { background: url(./images/loader.gif) no-repeat 50% 50%; }
.aligncenter { text-align: center; }
.top { padding-top: 20px; }

/* NAV */
#nav { font: normal 12px 'Trebuchet MS', 'Calibri', 'lucida grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; letter-spacing: 2px; padding-bottom: 120px; }
#nav a { color:#666; text-transform: lowercase; float:right; padding: 40px 3px 10px 3px; -webkit-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out; transition:all 0.1s ease-out; }
#nav a:hover { color:#97bebe; background-color:#222; padding-top: 45px; -webkit-box-shadow:0 0 10px rgba(0,0,0, 0.3); -moz-box-shadow:0 0px 10px rgba(0,0,0, 0.3); box-shadow:0 0 10px #000 rgba(0,0,0, 0.3); }
#prev a { float: left; color: #97bebe; font-size: 13px; text-transform: uppercase; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#next a { float:right; color: #97bebe; font-size: 13px; text-transform: uppercase; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#prev a:hover, #next a:hover { color: #fff; text-shadow: #fff 0 0 4px; }

/* DATE & CATEGORY LINKS */
.metaposts { margin: 5px auto 15px; color: #999; font-size: 11px; text-align: center; }
.metaposts a { color: #666; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.metaposts a:hover { color: #fff; }
.metaposts p { padding-top: 0px; font-size: 11px; }

/* COMMENTS */
input.placeholder { color: gray; }
input { padding: 3px; margin: 5px 15px 5px 5px; }
input#author { margin-top: 15px; }
textarea { font: normal 14px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 3px; margin-top: 15px; max-width: 440px; }
cite { font: normal 12px georgia, 'Times New Roman', times, serif; color: #5c9393; padding: 5px 0 10px; text-align: center; }
cite a { color: #97bebe; text-decoration: none; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
cite a:hover { color:#fff; }
#comments { margin: 50px 0 20px 0; border-top: dashed 1px #355454; width: 900px; }
#respond { background-color: #080808; margin-top: 60px; padding-bottom: 10px; width: 900px; text-align: center; }
li.comment, li.pingback, li.trackback { position:relative; border-left:1px solid #aaa; margin:12px 0 24px 120px; padding-left:20px; min-height:70px; }
li.comment p, li.comment li { font-size:14px; margin-bottom:1em; }
li.pingback p { font-size:12px; }
img.avatar { position:absolute; left:-46px; top:0; }
.children img.avatar { width:16px; height:16px; border:1px solid #999; left:-2550px; }
.commentEntry { text-align: left; margin-bottom: 30px; }
.comment-author a, .comment-meta a { text-decoration:none; }
.reply, #cancel-comment-reply { text-align:right; }
.reply a, #cancel-comment-reply a { text-decoration:none; }
.comment-meta-wrap { position:absolute; width:90px; left:-120px; top:2px; }
.comment-meta-wrap em { font-size: 10px; color: #fff; }
.comment-meta { top:15px; font-size:10px; text-align: center; }
.comment-author { font-size:12px; line-height:1.2em; padding-bottom:.25em; color: #999; }
.children li.comment { padding-left:20px; font-size:10px; }
a.comment-edit-link { position:absolute; left:0; bottom:-10px; display:block; font-size:10px; }
.bypostauthor { background:#97bebe; }
.bypostauthor p { color: #000; }
.col1 { width: 400px; float: left; margin: 2px 0 0 0; }
.col2 { width: 460px; float: right; margin: 2px 0 0 0; }
.button { background: #97bebe; color: #151515; border: 0; padding: 2px 4px; margin-top: 25px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.button:hover { background: #fff; -webkit-box-shadow:0 0 10px rgba(255, 255, 255, 1); -moz-box-shadow:0 0px 10px rgba(255, 255, 255, 1); box-shadow:0 0 10px rgba(255, 255, 255, 1); }


/* THUMBNAIL */
.archive img { background: #222; padding: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 3px 1px; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.archive img:hover { background: #444; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0px 10px #000; box-shadow:0 0 10px #000; }

/* FOOTER */
#footer { background: #080808; margin: 30px auto 25px auto; padding: 10px; }
.footerbutt { font-size: 11px; color: #97bebe; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.footerbutt:hover { color: #fff; }
.footertext { padding-top: 0px; line-height: 20px; }
p.footertext { font-size: 11px; }
.footertext a { color: #97bebe; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.footertext a:hover { color: #fff; }
#footer-rss { width: 180px; margin: 0 0 0 5px; float: left; }
#footer-links { width: 100px; margin: 0 5px; float: left; }
#footer-external { width: 100px; margin: 0 5px; float: left; }
#footer-colophon { width: 450px; margin: 0 5px; float: left; }

/* ABOUT */
.me { margin-bottom: 25px; }
#about-info { width:450px; float:left; margin-right: 15px; }
#about-info p { padding-top: 6px; line-height: 18px; text-indent: 30px; }
#about-info a { font-size: 13px; color: #97bebe; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
#about-info a:hover { color: #fff; }
#about-friends { width:150px; float:left; margin: 0 5px 0 40px; }
#about-awesome { width:200px; float:left; }
.about-butt a { font-size: 12px; color: #97bebe; -webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
.about-butt a:hover { color: #fff; }

/* Media Query */
/* 600-900px */
@media screen and (min-width: 600px) and (max-width: 905px) {
img { max-width: 500px; height: auto; }

/* GENERAL */
#wrap { width: 600px; margin: 0 auto; }
.content { width: 540px;  margin:0 auto; }
.wp-caption { margin-bottom: 25px; min-width: 499px; max-width: 500px; }
.aligncenter { margin: 0 auto; }

/* COMMENTS */
img.avatar { display: none; }
#comments { width: 600px; }
#respond { width: 600px; }
.col1 { width: 600px; margin: 2px auto 0 auto; }
.col2 { width: 600px; margin: 2px auto 0 auto; }

/* FOOTER */
#footer-rss { width: 240px; margin: 0 0 0 5px; float: left; }
#footer-links { width: 180px; margin: 0 5px; float: left; }
#footer-external { width: 100px; margin: 0 5px; float: left; }
#footer-colophon { padding-top: 15px; width: 560px; margin: 0 5px; float: left; border-top: dashed 1px #355454; }

/* ABOUT */
#about-info { width:500px; }
#about-friends { width:220px; }
#about-awesome { width:220px; }
}

/* <600 */
@media screen and (max-width: 599px) {
img { max-width: 440px; height: auto; }

/* GENERAL */
#wrap { width: 480px; margin: 0 auto; }
.content { width: 460px;  margin:0 auto; }
.wp-caption { margin-bottom: 25px; min-width: 439px; max-width: 440px; }
.aligncenter { margin: 0 auto; }

/* COMMENTS */
img.avatar { display: none; }
#comments { width: 480px; }
#respond { width: 480px; }
.col1 { width: 480px; margin: 2px auto 0 auto; }
.col2 { width: 480px; margin: 2px auto 0 auto; }

/* FOOTER */
#footer-rss { width: 180px; margin: 0 0 0 5px; float: left; }
#footer-links { width: 140px; margin: 0 5px; float: left; }
#footer-external { width: 100px; margin: 0 5px; float: left; }
#footer-colophon { padding-top: 15px; width: 440px; margin: 0 5px; float: left; border-top: dashed 1px #355454; }

/* ABOUT */
#about-info { width:460px; }
#about-friends { width:180px; }
#about-awesome { width:180px; }
}

/* PRINT */
@media print{
h1, #nav, #respond, #next, #prev, #footer-rss, #footer-links, #footer-external, #footer-colophon, .metaposts {display: none;}
#comments { margin: 10px 0 10px 0; border-top: solid 1px #355454; }
a:after { content:" [" attr(href) "] "; font-size: smaller; font-weight:normal; text-decoration: none }
}