/* Theme Name: 5am je t'aime Description: 5am je t'aime Blog Author: Gabrielle Chang Author URI: http://5amjetaime.com/blog Version: 1.0 Tags: */ @import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light); /* http://meyerweb.com/eric/tools/css/reset/ */ 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,b,u,i,center,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-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol,ul, li {list-style: none;} blockquote,q {quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* =Structure -------------------------------------------------------------- */ #page {display:block;} /* alignment */ body, #page, #access, #menu {text-align:center;} #branding, #main {text-align:left;} /* float */ #primary, tweetbutton {float: left;} likebutton {clear:left;} #main .widget-area {float: right;overflow: hidden;} #colophon {clear: both;display: block;width: 100%;} /* width */ #branding, #branding img, #main, #menu {width:900px;} #main .widget-area {width: 300px;} #primary, #content {width:600px;} /* height */ #branding, #branding img {height: 400px;} #main {height:auto;} /* margin */ .full-width #content,.image-attachment #content,.error404 #content {margin: 0;} #page, #branding, #access, #main {margin:0px auto;} article {margin-bottom:50px;} .entry-content p img {margin:10px 5px 10px 5px;} #primary, #content {margin:0;} .entry-content p, .entry-meta, .xoxo li, .textwidget p, .list-blogroll, .image-nav {margin:10px 0 10px 0} .entry-content {margin:20px 0 20px 0} #menu {margin:20px auto;} /* padding */ #main {padding-top:50px;} .widget-container, copyright {padding: 10px 0 10px 0} .wp-pagenavi, .linkwithin_posts a, .linkcat h2 {padding: 20px 0 20px 0} .entry-content p img {padding: 1px;} nav a img {padding:0 0 0 0px} blockquote {padding:10px 20px 10px 20px;} /* border */ a img {border: none;} .entry-content p img, blockquote {border:1px solid #eee;} /* Text meant only for screen readers */ .screen-reader-text {position: absolute;left: -9000em;} /* =Header -------------------------------------------------------------- */ #site-title {font-size: 2em;font-weight: bold;margin: .67em 0;} #site-description {font-size: 1em;font-weight: normal;margin: 0 0 1em 0;} /* =Menu -------------------------------------------------------------- */ #access {height:25px; background: url(http://static.5amjetaime.com/menu-bg.png);} #menu {width: 765px; height: 25px; margin: 10px auto; padding: 0; position: relative;} #menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #menu li, #menu a, #menu a:hover {height: 25px; display: block;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-color: transparent;} #btn1 {left: 0;width:80px;}/*about*/ #btn2 {left: 80px;width:80px;}/*editorials*/ #btn3 {left: 370px;width:80px;}/*designers*/ #btn4 {left: 450px;width:80px;}/*illustration*/ #btn5 {left: 530px;width:80px;}/*shopping*/ #btn6 {left: 610px;width:80px;}/*interviews*/ #btn7 {left: 690px;width:80px;}/*blogroll*/ #btn8 {left: 280px;width:90px;}/*fashion ads*/ #btn9 {left: 160px;width:120px;}/*magazine scans*/ #btn1 a { background: url(http://static.5amjetaime.com/5am-buttons.png) 0px 0px;} #btn2 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -80px 0px;} #btn3 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -160px 0px;} #btn4 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -240px 0px;} #btn5 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -320px 0px;} #btn6 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -400px 0px;} #btn7 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -480px 0px;} #btn8 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -560px 0px;} #btn9 a { background: url(http://static.5amjetaime.com/5am-buttons.png) -650px 0px;} #btn1 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) 0px -25px;} #btn2 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -80px -25px;} #btn3 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -160px -25px;} #btn4 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -240px -25px;} #btn5 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -320px -25px;} #btn6 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -400px -25px;} #btn7 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -480px -25px;} #btn8 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -560px -25px;} #btn9 a:hover { background: url(http://static.5amjetaime.com/5am-buttons.png) -650px -25px;} #social-links a {width:50px; height: 50px; display: block;float:left;} bloglovin a { background: transparent url(http://static.5amjetaime.com/social-sprites.png) no-repeat 0px 0px;} twitter a { background: transparent url(http://static.5amjetaime.com/social-sprites.png) no-repeat -50px 0px;} facebook a { background: transparent url(http://static.5amjetaime.com/social-sprites.png) no-repeat -100px 0px;} rss a { background: transparent url(http://static.5amjetaime.com/social-sprites.png) no-repeat -150px 0px;} email a { background: transparent url(http://static.5amjetaime.com/social-sprites.png) no-repeat -200px 0px;} /* comments area */ #commentbar {width:600px;height:195px;background: transparent url(http://static.5amjetaime.com/commentbar.jpg) no-repeat 0px 0px;} /* =Content -------------------------------------------------------------- */ #content nav {display: block;overflow: hidden;} #content nav .nav-previous {float: left;width: 50%;} #content nav .nav-next {float: right;text-align: right;width: 50%;} #content #nav-above {display: none;} .post .notice,.paged #content #nav-above,.single #content #nav-above, .error404 #searchform {display: block;} #nav-below {margin: 1em 0 0 0;} .page-link {margin: 0 0 1em 0;} /* 404 page */ .error404 .widget {float: left;width: 33%;} .error404 .widget .widgettitle,.error404 .widget ul {margin-right: 1em;} .error404 .widget_tag_cloud {clear: both;float: none;width: 100%;} /* Notices */ .post .notice,.error404 #searchform {background: #EEE;padding: 1em;} /* Image Attachments */ .image-attachment div.entry-meta {float: left;} .image-attachment nav {float: right;margin: 0 0 1em 0;} .image-attachment .entry-content {clear: both;} .image-attachment .entry-content .entry-attachment {background: #EEE;padding: 1em;text-align: center;} .image-attachment .entry-content .attachment {display: block;margin: 0 auto;text-align: center;} /* =Forms -------------------------------------------------------------- */ #searchform label {display: none;} #searchform input#s {width: 60%;} input[type=text], input#s {margin: 0 1em 0 0;width: 60%;} textarea {width: 80%;} /* Class for labelling required form items */ .required {color: #CC0033;} /* =Comments -------------------------------------------------------------- */ #respond input[type=text] {float: left;margin: 0 1em 0 0;width: 60%;} #respond .comment-form-comment label {display: none;} #respond textarea {margin: 0 1em 1em 0;float: left;width: 80%;} #respond .form-allowed-tags {clear: both;width: 80%;} #respond .form-allowed-tags code {display: block;} /* =Widgets -------------------------------------------------------------- */ .widget-area ul {list-style: none;padding: 0 1em;} .widget-area ul ul {list-style: none;padding: 0 0 0 1em;} .widget-area .widget_search {overflow: hidden;} .widget-area .widget_search input {float: left;} /* =Footer -------------------------------------------------------------- */ #copyright {padding: 1em 0 0 0;} /* =WordPress basics -------------------------------------------------------------- */ .alignleft {display: inline;float: left;} .alignright {display: inline;float: right;} .aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} .wp-caption {padding: .5em;text-align: center;} .wp-caption img {margin: .25em;} .wp-caption .wp-caption-text {margin: .5em;} /* font-family */ .entry-meta, h2, .wp-pagenavi, copyright {font: normal normal normal 86%/normal Trebuchet, 'Trebuchet MS', Arial, sans-serif;} .entry-content p, .textwidget p, .textwidget ul li, li a, .dsq-comment-message {font-family: Verdana, sans-serif;} .entry-content {line-height:18px;} .entry-title, .entry-title a{ font-family: 'Josefin Sans Std Light',Verdana,sans-serif;} a {text-decoration:none;} /* font-size */ .next_image a,.prev_image a,.entry-content p,.textwidget a,.textwidget p, .textwidget ul li,.widget-container li, .entry-meta date, .entry-meta span, .entry-meta a, copyright, .list-blogroll li a, .linkwithin_title, .dsq-content, .dsq-comment-message, .dsq-comment-cite {font-size: 11px!important;} .entry-content span {font-size: 12px;} .linkcat h2 {font-size:18px;} .entry-title, .entry-title a {font-size: 38px;} /* font weight */ blockquote {font-weight:bold;} /* colors light to dark */ .textwidget p, .textwidget ul li, a, .entry-content a, .widget-container a, .entry-meta a {color:#A986AB;} .entry-title, .entry-title a, .widget-title, .entry-content p, .entry-meta, .linkwithin_title, .linkcat h2 {color:#665468!important;} /* highlighting */ ::selection { background: #FFE4E4; /* Safari */ } ::-moz-selection { background: #FFE4E4; /* Firefox */ } /* hidden */ .twtr-ft,.linkwithin_text,#linkwithin_logo_0,#linkwithin_logo_1,#linkwithin_logo_2,#linkwithin_logo_3,#linkwithin_logo_4,#linkwithin_logo_5,#linkwithin_logo_6,#linkwithin_logo_7,#linkwithin_logo_8,#linkwithin_logo_9 {display:none!important;} .linkwithin_posts a {border:0!important;}