@charset "utf-8";
/* CSS Document */

/*
Theme Name: 
Theme URI: 
Description: Custom Designed Wordpress Theme for Tracey Buyce Photography
Version: 
Author: equali.com
Author URI: http://www.equali.com
*/

@charset "UTF-8";
/* CSS Document */

/* EQUALIZER */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,.radio,select,textarea,p,blockquote,th,td {margin:0; padding:0; font-size:1em;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a:focus, input:focus {outline:none;}


/* BODY ELEMENTS */
body {background:url('images/bg_body.png') center repeat-y #7d8a94; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}

#wrapper {background:url('images/bg_content.jpg'); width:980px; margin:25px auto; padding-top:430px;}
#header {background:url('images/bg_content_top.png') top no-repeat; display:block; width:980px; height:365px; position:absolute; top:25px;}
#navigation {background:url('images/bg_navigation.jpg'); width:980px; height:40px; position:absolute; top:390px;}
#content {}
.sticky, .entry, .social, .page {width:850px; margin:0 auto 58px;}

/* HEADER */
#header div {margin:5px 5px 0;}
a.tocontent {background:url('images/bg_tab.png') no-repeat; display:block; width:49px; height:20px; position:absolute; margin-top:-25px; right:58px;}

/* NAVIGATION */
#navigation ul.top {position:relative; padding:0; margin:0; margin-left:56px;}
#navigation ul.top li {display:block; float:left; height:40px; line-height:34px;}
#navigation a:link, #navigation a:visited {color:#fff; text-decoration:none; padding:0 12px; text-shadow: 0px 0px 2px rgba(90, 90, 90, 0.9); font-size:1.1em; text-transform:lowercase;}

/* SUB MENU */
#navigation li ul {position:absolute; margin-left:-20000px; background:url('images/bg_submenu_ul.png') bottom right; font-size:.9em; z-index:100;}
#navigation li:hover ul {margin-left:-10px; top:36px; padding:0 20px 5px 0;}
#navigation li li {float:none !important; background:url('images/bg_submenu_li.png') bottom left no-repeat; padding:0 0 0 15px; margin-left:-5px; height:34px !important; line-height:24px !important;}

/* SEARCH */
.search {float:right; margin:4px 41px 0 0;}
.search input {border:0; padding:6px 4px 0; width:150px; height:16px; font-size:.75em; color:#555; background:none; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}

/* STICKY */
.sticky {font-size:.8em; color:#333; line-height:1.8em; z-index:0 !important; position:relative;}
.sticky h1 {font-size:2em; text-transform:uppercase; color:#3c454e; margin-bottom:5px;}
.sticky p {position:relative; z-index:10; margin-bottom:20px;}
.sticky li {list-style:square; margin-left:18px;}
.sticky a:link, .sticky a:visited {color:#486073; text-decoration:none; border-bottom:1px dashed #486073;}
.sticky a:hover {color:#83909b; border-color:#83909b;}
.sticky img, .sticky a img {display:block; margin:0 auto 30px; padding:4px; background-color:#eee; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); cursor:default;}
.notitle {margin-bottom:28px !important;}

/* 	FACEBOOK BADGE */
a.facebookbdg {background:url('images/btn_facebook_large.png') right no-repeat; text-align:right; line-height:60px; font-weight:bold; position:relative; z-index:100; cursor:pointer; float:right; margin-left:30px; display:block; width:142px; padding:8px 70px 8px 0; background-color:#eee; border:1px solid #adadad !important; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4);}

/* PAGE */
.page {font-size:.8em; color:#333; line-height:1.8em; position:relative; z-index:0;}
.page h1 {font-size:2em; text-transform:uppercase; color:#3c454e; margin-bottom:5px;}
.page h3 {font-size:1.6em; color:#486073; margin-bottom:5px; border-bottom:1px dashed #ccc;}
.page p, .page ul, .page ol {position:relative; z-index:10; margin-bottom:20px;}
.page li {list-style:square; margin-left:18px;}
.page .contactform li {list-style:none; margin-left:0;}
.page a:link, .page a:visited {color:#486073; text-decoration:none; border-bottom:1px dashed #486073;}
.page a:hover {color:#83909b; border-color:#83909b;}
.page img, .page a img {max-width:850px; display:block; margin:0 auto 30px; padding:4px; background-color:#eee; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); cursor:default;}

/* SEARCH RESULTS */
.result {border-top:1px dashed #ccc; padding-top:28px; margin-bottom:30px;}
.result span {color:#777;}

/* TITLE */
.title {background:url('images/bg_tan_mid.png'); margin-bottom:58px; color:#3c454e; text-shadow: 0px 0px 2px rgba(90, 90, 90, 0.9);}
.title .top {background:url('images/bg_tan_top.png'); height:21px;}
.title .bot {background:url('images/bg_tan_bot.png'); height:21px;}
.title h2 {font-size:1.6em; padding:0 0 0 65px; margin:0; line-height:normal; text-transform:uppercase;}

.titlemeta {background:url('images/bg_submenu_ul.png') bottom right no-repeat; float:right; position:relative; top:17px; right:57px; padding-bottom:5px; font-size:.6em; color:#fff;}
.published {right:50px;}
.titlemeta div.categories {background:url('images/bg_submenu_li.png') bottom left repeat-y; padding:3px 15px 5px 15px; position:relative; left:-5px;}
.titlemeta a:link, .titlemeta a:visited {color:#b3c5d4; text-decoration:none;}
.titlemeta a:hover {text-decoration:underline;}

/* ENTRY */
.entry {font-size:.8em; color:#333; line-height:1.8em;}
.entry p {margin-bottom:20px;}
.entry blockquote {padding:0 30px; color:#555; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; text-align:justify;}
/* not using
.entry .date {display:block; font-size:6em; line-height:normal; color:#cecece;}
.entry .date small {font-size:.2em; color:#bababa; font-variant:small-caps; display:block;}
*/
.entry ul {margin-top:-20px; list-style-type:square;}
.entry a:link, .entry a:visited {color:#486073; text-decoration:none; border-bottom:1px dashed #486073;}
.entry a:hover {color:#83909b; border-color:#83909b;}
.entry img, .entry a img {max-width:850px; display:block; margin:0 auto 30px; padding:4px; background-color:#eee; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); cursor:default;}

/* COMMENTS */
.comments {background:url('images/bg_comments.jpg'); display:block; width:860px; height:240px; padding:0; margin:0 auto;}
.comments ul.links a {text-decoration:none; color:#fff; text-shadow: 0px 0px 2px rgba(90, 90, 90, 0.9); cursor:pointer;}
.comments ul.links {display:block; float:left; padding:0; margin:30px 0 0 15px; width:205px; text-align:center; line-height:1.4em; font-size:.8em;}
.comments ul.links li {margin-bottom:13px;}
.comments ul.links span {display:block; text-transform:uppercase; font-size:1.4em;}
.commentbox {display:block; float:right; padding:0; margin:23px 22px 0 0; width:611px; height:196px; overflow-y:scroll; color:#555; font-size:.8em; vertical-align:top;}
.commentbox ul {padding:0; margin:0;}
.commentbox ul li {border-bottom:1px dashed #ccc; padding:10px 20px;}
.commentbox ul li.alt {background:#ddd;}
.commentbox ul li.alt2 {background:#e1eaf2;}
.commentbox a:link, .commentbox a:visited, .commentbox a {color:#486073; text-decoration:none; border-bottom:1px dashed #486073; cursor:pointer;}
.commentbox a:hover {color:#83909b; border-color:#83909b;}
/* THECOMMENTS */
.commentbox span.author {float:left; display:block; width:100px; text-align:left; font-weight:bold;}
.commentbox span.author small {font-size:10px; font-weight:normal;}
.commentbox span.comment {display:block; width:440px; padding:0; margin:0; float:right;}
.commentbox span p {padding:0; margin:0 0 10px;}
/* THEFORM */
.commentbox label {display:block; margin-bottom:5px;}
.commentbox input, .commentbox textarea {width:532px; border:1px dashed #ccc; background:#fff; padding:5px 10px; color:#777; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.commentbox textarea {height:75px;}
.commentbox input.submit {color:#fff; font-weight:normal; text-shadow: 0px 0px 2px rgba(90, 90, 90, 0.9); cursor:pointer; background:#486073; margin-top:10px; float:right; width:95px; border:none;}
.commentbox label small {color:#999;}

/* SOCIAL */
.social {margin-bottom:88px;}
.social ul {float:right; font-size:.8em; color:#555;}
.social li {display:inline; margin-left:5px; line-height:30px;}
.social a:link, .social a:visited, social a:hover {text-decoration:none; color:#486073; padding-left:35px; display:inline-block; height:30px;}
.social a.twitter {background:url('images/btn_social_twitter.png') no-repeat bottom left;}
.social a.facebook {background:url('images/btn_social_facebook.png') no-repeat bottom left;}
.social a:hover {background-position:top left;}

/* CONTACT PAGE FORM */
form.wpcf7-form {z-index:100; position:relative;}
.contactform {padding:0; margin:0 0 0 20px; width:400px; float:right;}
.contactform li {border-bottom:1px dashed #ccc; padding:10px 20px;}
.contactform li.alt {background:#ddd;}
.contactform label {display:block; margin-bottom:5px;}
.contactform input, .contactform textarea {position:relative; z-index:50; width:338px; border:1px dashed #ccc; background:#fff; padding:5px 10px; color:#777; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.contactform textarea {height:75px;}
.contactform .submit input {color:#fff; font-weight:normal; text-shadow: 0px 0px 2px rgba(90, 90, 90, 0.9); cursor:pointer; background:#486073; width:95px; border:none; float:left;}
.contactform .submit img {margin:0 0 15px;}
.contactform label small {color:#999;}
.contactform .wpcf7-list-item input {vertical-align:top; width:20px; border:none; background:none;}
.contactform span.wpcf7-list-item {display:inline-block; line-height:normal; margin:0 0 5px; vertical-align:top; width:180px;}
.contactform span.wpcf7-list-item-label {display:inline-block; width:130px;}
/* ERRORS AND MESSAGES */
.wpcf7-response-output, .wpcf7-display-none, .wpcf7-validation-errors, .wpcf7-mail-sent-ng {border:medium none !important; color:#486073; display:block !important; font-size:4.2em; font-weight:bold; line-height:60px; margin-bottom:0; margin-left:480px !important; margin-right:0; margin-top:-52px !important; padding:0 !important; position:absolute; text-align:right; text-shadow:0 0 2px rgba(90, 90, 90, 0.9); z-index:110;}
.wpcf7-not-valid-tip {background:#fefefe !important; border:1px solid #486073 !important; font-size:1em !important; font-weight:bold; left:0 !important; top:-6px !important; padding:3px 10px !important; position:absolute; width:338px !important; color:#486073; z-index:110;}

/* FOOTER */
#footer {background:url('images/bg_footer.jpg') bottom no-repeat; font-size:.8em; padding-bottom:10px;}
#footer .title {margin-bottom:38px;}
#footer .title ul {float:right; margin:0 57px;}
#footer .title ul li {display:inline; float:left; margin-left:2px;}
#footer .title a:link, #footer .title a:visited, #footer .title a {color:#3c454e; text-decoration:none; padding:0 8px 2px; display:block;}
#footer .title li.active_page a {border:none !important; text-decoration:underline; cursor:default;}
#footer .title a.totop {float:left; display:inline; margin:0 0 0 57px;}
#footer .credits {padding:0 65px; font-size:.9em; color:#555; text-decoration:none;}
#footer .credits a {color:#555; text-decoration:none;}
#footer .credits span {float:right;}

ul.footer {background-color:#eee; float:left; width:238px; display:block; padding:0; margin:0 0 15px 65px; color:#333; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4);}
ul.footer li.heading {background-color:#ddd; font-weight:bold; font-size:1.2em; text-transform:uppercase; border-top:none;}
ul.footer li.sub {border-top:1px solid #bbb;}
ul.footer li {display:block; padding:10px 15px; border-top:1px dashed #ccc;}
ul.footer a {color:#486073; text-decoration:none; border-bottom:1px dashed #486073; font-weight:bold;}
ul.footer a:hover {color:#83909b; border-color:#83909b;}
ul.footer select {width:100%; border:1px dashed #ccc; background:#fff; padding:5px; color:#777; font-weight:bold; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}


/* CAPTIONED IMAGES */
div.wp-caption, div.slideshow {padding:0; margin:0 auto 30px; background:#eee; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4);}
div.flash {border:1px solid #ccc; margin:23px;}
div.wp-caption img {padding:0; margin:4px auto; border:1px solid #ccc !important; border-top:#000; -webkit-box-shadow:none; -opera-box-shadow:none; -khtml-box-shadow:none; -moz-box-shadow:none;}
p.wp-caption-text {margin:0 auto 4px; text-align:center; font-style:italic; font-size:.9em; color:#777;}


/* SLIDESHOW */
div.slideshow {z-index:0 !important;}

/* MISC ELEMENTS */
strong {font-weight:bold !important;}
em {font-style:italic !important;}
.cap {text-transform:capitalize;}
.clear {clear:both;}
.last {border:0 !important;}
.alignleft {float:left; margin-right:20px !important;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px !important}
.shadow { background-color:#eee; border:1px solid #adadad; -webkit-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -opera-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -khtml-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4); -moz-box-shadow: 0px 0px 4px rgba(80, 80, 80, 0.4);}
.nobdr {border:none !important;}
.hide {display:none !important;}

/* ADMIN ELEMENTS */
div.login a {position:fixed; bottom:0; left:0; display:block; width:8px; height:8px; overflow:hidden; text-indent:8px;}
span.edit {font-size:.45em; font-weight:normal; float:right; background:#486073; padding:2px; font-variant:normal;}
span.edit a {text-decoration:none; line-height:normal; padding:0 6px 2px; color:#fff !important; border:1px dashed #ddd !important; float:right;}
span.edit a:hover {border-color:#ddd !important;}