/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.0
Author: Ian Atkins
Author URI: http://www.flatcapmarketing.com
Tags:
*/


* {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; font-family: arial; font-size: 14px; color: #999999; background-color: #0e0e0e;}
li {list-style-type: none;}
img {border: 0px; outline: none;}
a {outline: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

#container {width: 946px; clear: both; margin-left: auto; margin-right: auto; padding-bottom: 15px;}

.menu {background-image: url('images/menu-bg.gif'); background-repeat: repeat-x;  height: 42px; clear: both;}
.menu li {padding: 10px; width: 169px; height: 20px; float: left; background-image:url('images/menu-divider.gif'); background-position: right; background-repeat: no-repeat;}
.menu li a {text-transform: uppercase; color: #FFFFFF; font-size: 18px; text-decoration: none; line-height: 10px; display: block;}
 .menu li.page-item-7 {width: 170px;} 

.menu li.current_page_item, .menu li.current-cat, .menu li:hover {background-color: #eb7ab4; }
.menu li.page-item-7, .menu li.cat-item-4 {background-image: none;}

.hello {width:92px; height: 73px; background-image: url('images/hello.png'); background-position: top left; display: block; float: right;}
.hello:hover {background-image: url('images/hello-2.png');}

#portfolio {width:946px; margin-bottom: 32px;}
#portfolio li {width: 296px;}
#portfolio li.cat-item-4 {width: 292px;}

h2 {line-height: 40px; text-transform: uppercase; font-size: 24px; color: #eb7ab4; font-weight: normal; font-family: Verdana;}
h2.category {color: #FFFFFF; float: left;}
h3.view-all {float: right; text-align: right; line-height: 40px; text-transform: uppercase; font-size: 18px; color: #eb7ab4; font-weight: normal;}
h2 em {color: #eb7ab4;}
h1 {height: 46px; padding-left: 0px; padding-right: 15px; background-color: #0E0E0E; color: #eb7ab4; margin-bottom: 11px; font-size: 36px; line-height: 46px; font-weight: normal; display: inline-block; letter-spacing: -6px; text-transform: uppercase; font-family: Verdana;}
hr {height: 1px; border: 0px; background-color: #171717; clear: both;}

#content {background-image: url('images/content-bg.gif'); background-position: top; width: 706px; background-repeat: no-repeat; margin-bottom: 50px; float: left;}
#content .text {padding-left: 40px; padding-right: 40px; padding-top: 30px;}
#content p {margin-bottom: 20px;}
#content hr {background-image: url(images/dash.gif); margin-top: 26px; margin-bottom: 26px; border: 0px; height: 1px; clear: both;}
#content h2 {font-size: 14px; color: #FFFFFF; margin-bottom: 15px; line-height: normal; text-transform: none; font-weight: normal;}
#content blockquote {margin-bottom: 20px; font-size: 14px; font-style: italic;}
#content cite {font-size: 18px; color: #FFFFFF; font-weight: bold;}

#video {border: 5px solid #FFFFFF; width: 936px; height: 539px; background-image: url('images/play.gif')}

#footer {font-size: 10px; width: 946px; margin-bottom: 10px; clear: both;}
a {color: #eb7ab4; text-decoration: none;}

blockquote {background-image: url('images/quote-left.gif'); background-position: top left; background-repeat: no-repeat;}
blockquote p {background-image: url('images/quote-right.gif'); background-position: right bottom; background-repeat: no-repeat; text-indent: 26px; padding-top: 6px; padding-bottom: 6px;}


/* category page */
.category #portfolio {margin-bottom:20px;}
.category #video {height: 430px; background-position: center;}

ul.projects {width:960px; clear: both; margin-bottom: 10px; margin-right: -14px; padding-top: 10px;}
ul.projects li {height: 110px; width: 240px; float: left; position: relative;}
/* ul.projects li.linked div {width:224px; height: 94px; display: block; position: absolute; left: 0px; top:0px; margin: 1px;background-color: transparent; background-image: url(images/hover.png); background-position: bottom right; } */
ul.projects li div {width:224px; height: 94px; display: block; position: absolute; left: 0px; top:0px; margin: 1px; background-color: #000000; 
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, old safari */
	-moz-opacity: 0.6;       /* mozilla, netscape */
	opacity: 0.6;           /* fx, safari, opera */
	}
ul.projects li.hover div {display: none;}
.visit {font-size: 12px; color: #FFFFFF; text-align: right; float: right; padding-top: 8px;}
.visit a {font-size: 18px; color: #eb7ab4; text-decoration: none; display: block;}

/* portfolio */
ul#gallery {border: 5px solid #FFFFFF; border-bottom: 0px; width:936px; height:374px; overflow: hidden; display: block;}
ul#gallery.base {border-bottom: 5px solid #FFFFFF;}
ul#gallery li {list-style-type: none;}
.base {height: 65px; margin-bottom: 20px; background-image: url('images/laptop-base.png');}
#right {width: 226px; float: right;}
#right .view {margin-top: 15px; color: #FFFFFF; font-size: 9px; text-transform: uppercase;}
#right .view a {background-image: url('images/dotted.gif'); background-position: bottom; background-repeat: repeat-x;}
h3.related {font-size: 12px; color: #FFFFFF; height: 44px; border-top:1px solid #171717; border-bottom:1px solid #171717; margin-bottom: 14px; font-weight:normal; line-height: 44px; text-indent: 5px;}
.single .page-item-7, .category .page-item-7 {background-color: #eb7ab4;}

/* monoslide */
#monoslide {width: 936px; height: 400px; display: block; background-color: #FFFFFF;}
.border-base {border-left:5px solid #FFFFFF; border-right:5px solid #FFFFFF; border-top:5px solid #FFFFFF;}
.border {margin-bottom: 32px; border: 5px solid #FFFFFF;}
.blog .border, .category .border {margin-bottom: 0px;}
.top { bottom: 0;	left: 0;}
.bottom { bottom: 0px; left: 0;}

/* forms*/
form {padding: 26px; clear: both; padding-right: 0px;}
label {width: 200px; line-height: 26px; margin-bottom: 10px; display: block; float: left; font-size: 11px; font-weight: normal; text-transform: uppercase;}
label span {color: red; }
input {float: left; width: 250px; height: 21px; padding-top: 5px; line-height: 26px; text-indent: 5px; color: #000000; font-size: 11px; background-color: #FFFFFF; border: 0px; margin-bottom: 10px;}
input.submit {background-color: #EB7AB4; color: #FFFFFF; width: 125px; line-height: 26px; padding-top: 0px; margin-left: 200px; text-indent: 0px; text-transform: uppercase; line-height: 18px;}
textarea {width: 350px; height: 150px; border: 0px; padding: 5px;  color: #000000; font-size: 11px; font-family: Arial;}
.captcha {float: left;}
.captcha img {padding-left: 10px;}
form br {display: none;}
form span.wpcf7-not-valid-tip {border: 0px; background-color: transparent; color: red; font-size: 10px; padding-left: 10px; line-height: 26px;}
.wpcf7-form-control-wrap {position: relative;}
form span.wpcf7-not-valid-tip {display:block; float:left; left:auto; padding:0 0 0 10px; position:relative; top:auto; width:130px;}
form .captcha span.wpcf7-not-valid-tip {float: none; width: auto; clear: both; margin-top: -10px; margin-bottom: 10px; padding-left: 0px;}
form .wpcf7-response-output {clear: both;}
form div.wpcf7-validation-errors {border: 0px; color: red; font-size: 11px; margin-left: 200px; padding-left: 0px;}
form div.wpcf7-mail-sent-ok {border: 0px; color: green; font-size: 11px; margin-left: 200px; padding-left: 0px;}
form .ajax-loader {float:left; margin-left:5px; margin-top:2px;}

/* consultancy page */
.page-id-620 #content ul li {list-style-type: disc; list-style-position: inside; margin-bottom: 10px; margin-left: 5px;}

/* contact menu */
#portfolio li.page-item-220, #portfolio li.page-item-400 {width: 453px;}
#portfolio li.page-item-223, #portfolio li.page-item-398 {width: 453px; background-image: none;}