/*
Theme Name: CND Shallac Attack
Theme URI: http://taylorpond.com
Description: Custom theme built for the CND Fashion Week Vlog
Version: 1.0
Author: Taylor & Pond
Author URI: http://taylorpond.com
Tags: cnd
*/

/* RESET
-----------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, tt, var, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
/*table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }*/
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { font-size:68.8%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; background:#000; color:#898B8A; }

/* TYPOGRAPHY 
---------------------------*/
a { color:#999; text-decoration:underline; }
a:visited { color:#898B8A; }
a:hover { color:#000; }
p { padding:0 0 1.5em 0; }
ol { margin:0 0 1.5em 0; padding:0 0 0 18px; }
ul { margin:0 0 1.5em 0; padding:0 0 0 8px; }
ul li, ul li ul li { background:url(images/bullet.gif) no-repeat 0px 6px; list-style:none; padding:0 0 0 8px; }
ol li { list-style:decimal; padding:0 0 2px; line-height:1.2em; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1.4em; font-weight:normal; text-transform:uppercase; padding:0px 0 2px; margin:0 0 8px 0; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1.3em; font-weight:normal; text-transform:uppercase; padding:0; margin:0 0 8px 0; line-height:normal; }
h2.title { font-size:2.727em; margin:0 0 4px 0; }
h2.title a { color:#EF363B; border:0; text-decoration:none; }
h2.title a:hover { border-bottom:1px dotted #EF363B; text-decoration:none; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1.2em; font-weight:normal; padding:0; margin:0 0 8px 0; }
h3#sub-header { font-size:1.455em; text-transform:lowercase; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1.1em; font-weight:normal; padding:0; margin:0 0 10px 0; }
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h6 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#EF363B; font-size:1em; font-weight:normal; padding:0; margin:0 0 10px 0; }

/* PAGE ELEMENTS
-------------------------*/
hr { clear:both; height:1px; background:none; border:0; border-bottom:1px dotted #BABABA; margin:1.5em 0 1.5em 0;  }
strong { font-weight:bold; }
em { font-style:italic; }
pre, code { font-family:"Courier New", Courier, monospace; line-height:1.5em; margin:0 0 1.5em 0; }
blockquote { background:url(images/blockquote-bg.gif) no-repeat left top; border-bottom:1px solid #f5f7f9; padding:15px 15px 15px 80px; margin:0 0 1.5em 0; font-style:italic; }
blockquote p { margin:0; }
legend { font-size:1.2em; font-weight:bold; padding:0 10px;  }
fieldset { border:1px solid #4B4B4B; padding:10px 20px; }
label { font-weight:bold; }
table.grid { border-collapse:separate; border-spacing:1px; margin-bottom:15px; }
table.grid th { font-weight:normal; font-size:1.1em; padding:6px 11px; color:#fff; text-transform:uppercase; background:#525252; }
table.grid td { padding:6px 11px; background:#DBDBDB; }
table.grid tr.alt td { padding:6px 11px; background:#CACACA; }
table th { color:#000; } 
.clear { clear:both; }

#container { width:890px; margin:0 auto; padding-bottom:20px; }

#side-column { width:155px; float:left; color:#fff; font-size:.8em; }
#side-column h1 { height:54px; width:155px; margin:0 0 50px; }
#side-column h1 a { height:54px; width:155px; display:block; text-indent:-9999px; background:url(images/logo.gif) no-repeat 0 0; border:0; }
#side-column h3 { text-transform:uppercase; color:#fff; margin:0 0 5px 0; font-size:12px }
#side-column p { line-height:normal; padding:0 0 1em; }
#about { background:url(images/shellac-bottle.jpg) no-repeat 0 0; padding-top:162px; cursor:pointer; }
#about a, #about a:visited, #about a:hover { color:#fff; text-decoration:none; }


#content-column { width:712px; float:right; background:#fff url(images/top.gif) no-repeat 0 0; }

#content-wrapper { background:url(images/bottom.gif) no-repeat 0 bottom; padding:25px 0 25px 25px; }
#content { float:left; width:490px; }
#sidebar { float:right; width:182px; }
#sidebar h3 { font-size:1.1em; color:#898B8A; text-transform:uppercase; margin:0; padding:0; }
#sidebar ul { padding:1px 0 18px; margin:0; font-size:1.1em; line-height:normal; }
#sidebar ul li { padding:2px 0; margin:0; }
#sidebar a { color:#898B8A; border:0; text-decoration:none; }
#sidebar a:hover { text-decoration:underline; }
#sidebar a#website { background:url(images/arrow.gif) no-repeat right; font-size:1.1em; padding:0 11px 0 0; text-transform:uppercase; }
 
h1#header { background:url(images/shellac-header.jpg) no-repeat 0 0; height:198px; width:660px; }
h1#header a { height:160px; width:660px; display:block; text-indent:-9999px; }

.post-wrapper { background:url(images/post-bg.gif) repeat-y; width:490px; }
.post-wrapper2 { background:url(images/post-top.gif) no-repeat 0 0; width:490px; }
.post { background:url(images/post-bottom.gif) no-repeat bottom; padding:19px 24px; position:relative; }
.post.page { min-height:250px; height:auto !important; height:250px; }

#header-search { height:52px; text-align:right; position:relative; }
#header-search div { position:relative; top:15px; }
#header-search div input#s { background:#fff url(images/search-field-bg.gif) no-repeat 0 0; border:1px solid #C4C4C4; border-top:1px solid #A7A7A7; border-left:1px solid #AEAEAE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:150px; color:#898B8A; padding:3px 4px 3px 20px; }

#searchform { padding-bottom:1.5em; }

p.post-footer { font-size:.9em; margin:0; padding:0;  }
a.comments { color:#EF363B; text-decoration:none; background:url(images/icon-comments.gif) no-repeat bottom left; padding:0 10px 0 15px; }
a.comments:hover { text-decoration:underline; }
a.add { color:#EF363B; text-decoration:none; text-transform:uppercase; padding:0 3px; border-bottom:1px dotted #EF363B; }
a.add:hover { border-bottom:1px solid #EF363B; text-decoration:none; }

#footer { clear:both; height:20px; font-size:.9em; color:#a0a0a0; }
#footer ul { float:right; padding:6px 0 0 0; }
#footer ul li { display:inline; float:left; margin:0; padding:0; }
#footer ul li a { color:#a0a0a0; margin:0 16px 0 0; text-decoration:none; }
#footer ul li a:hover { color:#fff; text-decoration:none; }
#footer ul li#twitter a { background:url(images/twittericon.jpg) no-repeat 0 0; height:16px; width:50px; text-indent:-9999px; display:block; }
#footer ul li#facebook a { background:url(images/facebookicon.jpg) no-repeat 0 0; height:16px; width:52px; text-indent:-9999px; display:block; }
#footer ul li#youtube a { background:url(images/youtubeicon.jpg) no-repeat 0 0; height:16px; width:43px; text-indent:-9999px; display:block; }

img.wp-post-image { display:block; margin:0 0 10px; }

ol.commentlist { padding:0 0 15px; margin:0; }
ol.commentlist p { line-height:1.5em; padding:0 0 .7em; }
ol.commentlist ul { padding:0 0 0 30px; margin:0; }
ol.commentlist li { list-style:none; border-bottom:1px dotted #BABABA; padding:0; margin:0; }
ol.commentlist li ul li { border:0; padding:0; margin:0; }
ol.commentlist li .comment { padding:10px 0; }
ol.commentlist li ul li .comment { padding:0; margin:0; }
ol.commentlist li.author { }
ol.commentlist li .avatar { float:left; padding:0 10px 0 0; width:40px; }
ol.commentlist li .comment-wrapper { float:left; width:392px }
ol.commentlist li .comment-wrapper.no-avatar { }
ol.commentlist li li .comment-wrapper { width:362px; }
ol.commentlist li .comment-info { height:20px; width:100%; }
ol.commentlist li p.comment-author { font-weight:bold; float:left; padding:0; line-height:normal; }
ol.commentlist li p.comment-date { font-size:.9em; float:right; padding:0; line-height:normal; }
ol.commentlist li p.comment-date a { color:#898B8A; text-decoration:none; }
ol.commentlist li p.comment-date a:hover { text-decoration:underline; }
ol.commentlist li p.not-approved { color:#EF363B; font-style:italic; }

#respond h3 { margin:0 0 12px 0; }
#commentform { margin:0; padding:0 0 10px; }
#commentform p { line-height:1.5em; padding:0 0 .7em; }
#commentform label { font-weight:normal; }
#author, #email, #url, #comment { background:#fff url(images/field-bg.gif) no-repeat 0 0; border:1px solid #C4C4C4; border-top:1px solid #A7A7A7; border-left:1px solid #AEAEAE; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#898B8A; padding:3px 4px; }
#comment { width:400px; height:70px; margin:0 0 15px; display:block; }
#submit { background:transparent url(images/button-bg.gif) no-repeat center; width:125px; border:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-shadow:1px 1px 1px #6B1618; padding:6px 0; cursor:pointer; }

ul.paging { height:15px; padding:15px 0 0; margin:0; }
ul.paging li.prev { float:left; margin:0; padding:0; }
ul.paging li.next { float:right; margin:0; padding:0; }
ul.paging a { color:#EF363B; text-decoration:none; }
ul.paging a:hover { text-decoration:underline; }

div.stbutton { float:right; display:inline; margin:0 0 5px 10px; }

div.search-result { padding:10px 0; }
div.search-result p { padding:0 0 .7em; }
div.search-result h3 a { color:#EF363B; font-weight:bold; text-decoration:none; }
div.search-result h3 a:hover { text-decoration:underline; }

.meta { height:20px; clear:both; }
.meta p { float:left; margin:0; padding:0; }
.meta p.tags { float:right; }

.edit { position:absolute; top:17px; right:24px; }
.edit a { font-size:.9em; text-decoration:none; background:#efefef url(images/pencil_small.png) no-repeat 3px 3px; padding:2px 10px 2px 20px; display:block; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:1px 1px 0 #fff; }
.edit a:hover { background:#E6F3E0 url(images/pencil_small.png) no-repeat 3px 3px; border: 1px solid #C0DFB0; color:#336600; }

img.centered,img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignright { display:inline; margin:0 0 2px 7px; padding:4px; }
img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; padding-top:4px; margin:10px; }
.wp-caption img { border:0 none; margin:0; padding:0; }
.wp-caption p.wp-caption-text { font-size:.9em; margin:0; padding:0 4px 5px; }
.alignright a, .alignleft a { border:0; }