/*
Theme Name: Mark Thompson
Theme URI: http://www.markthompsontattoo.com/
Description: Mark Thompson
Version: 1.2
Author: Ben Word
Author URI: http://retlehs.com
Tags: 
*/

@import url(reset.css);
@import url(colorbox.css);

body {
	font:13px/1.5 georgia,serif;
	background:#1B1D1C url(images/bg.jpg);
}

a { color:#C60000; text-decoration:none; }
a:hover { color:#A70505; }
a:focus { outline:1px dotted invert; }

h1 { font-size:25px; }
h2 { font-size:23px; }
h3 { font-size:21px; }
h4 { font-size:19px; }
h5 { font-size:17px; }
h6 { font-size:15px; }

ol { list-style:decimal; }
ul { list-style:disc; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,
table,address,fieldset { margin-bottom:20px; }

#container { width:960px; margin:0 auto; }
#container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#header { width:960px; margin:0 auto; display:inline; float:left; }
#branding { margin-top:25px; margin-bottom:35px; }
#branding #logo { display:block; width:600px; height:46px; margin:0 auto 15px; background:url(images/logo.png); text-indent:-9999px; }

#nav-container { display:table; margin:0 auto; }
#nav { min-width:960px; text-align:center; margin-bottom:30px; }
#nav li { margin:0 6px 0 0; list-style-type:none; font-size:18px; text-transform:uppercase; display:inline; }
#nav li.page-item-12 { margin-right:0px; }
#nav li:last-child { margin-right:0px; }
#nav li a { color:#f4f4f4; padding:10px 20px; background:url(images/glass-white.png); -moz-border-radius:6px; -webkit-border-radius:6px; }
#nav li.current_page_parent a, #nav li.current_page_item a, #nav li a:hover { color:#F7931E; background:rgba(255,255,255,0.2); }

#leader { width:960px; margin:0 auto 15px; display:inline; float:left; background:url(images/card.jpg) 0 50%; color:#d5d5d5; padding:10px 0; -moz-border-radius:6px; -webkit-border-radius:6px; }
#leader-inner { padding:20px; }
#leader a { color:#8EE4F1; }
#leader a:hover { color:#8EE4F1; border-bottom:2px solid #8EE4F1; }
#leader .module a { color:#F7931E; }
#leader .module a:hover { color:#F7931E; border-bottom:2px solid #F7931E; }
#leader h2 { font-size:23px; line-height:28px; letter-spacing:-1px; }
#leader h3 { font-size:18px; letter-spacing:0; line-height:20px; font-weight:700; color:#f4f4f4; }
#leader h3 span.amp { font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif; font-size:16px; }
#leader p { text-shadow:0 -1px 0 #333; }
#leader p:last-child { margin:0; }
#leader { font-size:22px; }
#leader p { margin-bottom:10px; }
#leader p:first-child { text-shadow:-1px -1px -1px #2d2d2d; }
#leader a.button { font-size:12px; background:url('images/glass-gold.png'); text-align:center; padding:15px 0; -moz-border-radius:6px; -webkit-border-radius:6px; color:#f4f4f4; margin-bottom:15px; border:1px solid rgba(226,157,80,0.96); }
#leader a.button:hover { background:rgba(226,157,80,0.95); border-bottom:none; border:1px solid rgba(226,157,80,0.96); }
#leader .intro { width:360px; margin-right:10px; float:left; background:url('images/glass.png'); padding:15px; height:180px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#leader .intro strong { color:#F7931E; text-shadow:1px 1px 1px #2d2d2d; }
#leader .intro img { float:right; -moz-border-radius:6px; -webkit-border-radius:6px; padding:3px; background-color:rgba(0,0,0,0.5); margin-left:6px; } 
#leader .intro p.last { font-size:12px; }
#leader .booking { margin-left:10px; margin-right:10px; background:url('images/glass.png'); padding:15px; float:left; height:180px; width:220px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:14px; }
#leader .booking a.availability { display:block; font-size:12px; background:url('images/glass-gold.png'); text-align:center; padding:15px 0; -moz-border-radius:6px; -webkit-border-radius:6px; color:#f4f4f4; margin-bottom:15px; border:1px solid rgba(226,157,80,0.96); }
#leader .booking a.availability span { font-size:18px; font-weight:700; text-shadow:1px 1px 1px #333; }
#leader .booking a.availability:hover { background:rgba(226,157,80,0.95); border-bottom:none; border:1px solid rgba(226,157,80,0.96); }
#leader .booking p:last-child { font-size:12px; }
#leader .events { margin-left:10px; margin-bottom:15px; background:url(images/glass.png); padding:15px; float:left; width:210px; height:180px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:14px; }

#content { width:960px; margin:0 auto; display:inline; float:left; background:#DEDEDE url(images/bg-content.jpg); color:#333; font-size:16px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#content-inner { padding:20px; }
#content h2 { font-weight:400; display:block; background:#ccc; background:rgba(0,0,0,0.1); padding:15px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#content h3 { font-size:22px; line-height:32px; font-weight:400; margin:0 0 0.5em; }
#content a:hover { color:#C60000; border-bottom:2px solid #C60000; }
#content ul.gallery a:hover { border-bottom:none; }
#content a.button { padding:15px 25px; background:#C50000; text-align:center; text-transform:uppercase; letter-spacing:-.07px; -moz-border-radius:9px; -webkit-border-radius:9px; color:#fff; -moz-box-shadow:1px 1px 2px rgba(25,25,25,0.3); -webkit-box-shadow:1px 1px 2px rgba(25,25,25,0.3); text-shadow:0 -1px 1px rgba(0,0,0,0.8); }
#content a.button:hover { background:#A70505; border-bottom:none; }
#content .module { background:#ccc; padding:15px; -moz-border-radius:6px; -webkit-border-radius:6px; float:right; display:inline; font-family:Arial,sans-serif; font-size:12px; }

#content #main { float:left; width:650px; }
#content #secondary { float:right; width:250px; margin-bottom:20px; }
#contact #secondary h4 { font-weight:400; display:block; background:#ccc; background:rgba(0,0,0,0.1); padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:0 0 10px; }
#contact #secondary p { padding-left:10px; }
#contact #secondary ul { margin:0; }
#contact #secondary li { list-style-type:none; padding-left:10px; margin:0; }
#contact #secondary p.map { padding-left:5px; }
#contact p.map a:hover { border:none; }
#contact p.map a img { -moz-border-radius:6px; -webkit-border-radius:6px; text-align:center; padding:5px; background:rgba(0,0,0,0.1); }
#contact #content p.phone { font-size:18px; }

#about-me img.mark { background:#ccc; background:rgba(0,0,0,0.1); padding:6px; -moz-border-radius:6px; -webkit-border-radius:6px; float:right; margin:0 0 25px 25px; }

.gallery { display:block; margin:10px auto 15px; text-align:center; }
.gallery li { list-style-type:none; display:inline; margin:0 8px; }
.gallery li img { width:75px; height:75px; border:2px solid #F7931E; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:15px; padding:3px; background:#F7931E; -moz-box-shadow:1px 1px 2px rgba(25,25,25,0.3); -webkit-box-shadow:1px 1px 2px rgba(25,25,25,0.3); }
.gallery li img:hover { border:2px solid #C57821; background:#C57821; }
#tattoos .gallery { margin:0 auto; }
#tattoos .gallery:last-child { margin:0 auto 10px; }

div.contactform:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contactform p.error { border:1px solid #c60000; padding:10px; color:#c60000; -moz-border-radius:6px; -webkit-border-radius:6px; }
#wpcf label { clear:both; display:block; float:left; }
#wpcf input { clear:both; float:left; margin:5px 5px 10px 0; background:#fff; border:1px solid #ccc; color:#666; padding:10px; width:300px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:georgia,serif; }
#wpcf textarea { background:#fff; border:1px solid #ccc; color:#666; padding:10px; width:450px; -moz-border-radius:6px; -webkit-border-radius:6px; height:150px; margin:5px 5px 0 0; font-family:georgia,serif; }
#wpcf #contactsubmit { border:0; margin:0 0 20px; font-size:16px; padding:15px 25px; background:#C50000; text-align:center; text-transform:uppercase; letter-spacing:-.07px; -moz-border-radius:9px; -webkit-border-radius:9px; color:#fff; -moz-box-shadow:1px 1px 2px rgba(25, 25, 25, 0.3); -webkit-box-shadow:1px 1px 2px rgba(25, 25, 25, 0.3); text-shadow:0 -1px 1px rgba(0,0,0,0.8); }
#wpcf #contactsubmit:hover { background:#A70505; cursor:pointer; }

#footer { width:960px; margin:20px auto; display:inline; float:left; color:#fff; }
#footer p { clear:both; font-family:Arial,sans-serif; font-size:12px; margin-bottom:5px; }
#footer p a { color:#999; }
#footer p a:hover { color:#8EE4F1; }