/*
Theme Name: Lyon Publishing Services
Theme URI: http://lyonpublishingservices.com/
Description: Theme for Lyon Publishing Services.
Version: 1.0
Author: Jennette Fulda
Author URI: http://makemyblogpretty.com/

*/
/* Reset all browser CSS */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

/*  Hex guides 
Dark brown: #54300a
Blue for links: #3684ad
Light gray: #6d6d6d
*/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.t5 {padding-top:5px;}
.t10 {padding-top:10px;}

h2 {color:#6d6d6d;font-size:120%;font-weight:bold;margin-bottom:10px;}
h4 {color:#6d6d6d;font-weight:bold;}
p, ul {font-size:90%;line-height:1.4;}
p {margin-bottom:10px;}
a {color:#3684ad;font-weight:bold;text-decoration:none;}
a:hover {color:#999;}
strong {font-weight:bold;}

body, html {height:100%;}
body  {background:url('images/background.jpg') top center #54300a;text-align:center;font-family:Verdana, Myriad, "Myriad Pro", "Lucida Sans", sans-serif;}
#page-wrap {width:960px;margin:0 auto;text-align:left;background:url('images/content_bg.jpg') repeat-y;min-height:100%;position:relative;}
#content-wrap {width:907px;margin-left:31px;height:100%;}
#content-well {padding-bottom:70px;height:100%;}

#col1 {float:left;width:650px;}
a.header-link {display:block;width:650px;height:160px;background:url('images/header.jpg') no-repeat;}
a.header-link:hover {background-position:0 -160px;}

.title {width:95px;height:400px;}
.welcome {background:url('images/title_welcome.jpg') no-repeat;}
.clients {background:url('images/title_clients.jpg') no-repeat;}
.about {background:url('images/title_about.jpg') no-repeat;}
.projects {background:url('images/title_projects.jpg') no-repeat;}
.contact {background:url('images/title_contact.jpg') no-repeat;}
.services {background:url('images/title_services.jpg') no-repeat;}
#content {width:530px;margin-left:25px;}

#col2 {float:left;padding-left:14px;width:243px;background:url('images/menu_bg.jpg') no-repeat;min-height:250px;}
#sidebar {width:200px;color:#6d6d6d;line-height:1.3;min-height:200px;margin-bottom:175px;}
#sidebar img {border:solid #6d6d6d 1px;}
#sidebar h4 {font-size:120%;margin-top:10px;}
#sidebar a {font-style:italic;}

.quote {font-size:90% !important;}
.quote-text {color:#000;}
.quote-meta {text-align:right;font-size:85%;padding-top:5px;}
.quote-name {font-weight:bold;}

#projects-sidebar {font-size:75%;}
#projects-sidebar img {}

#indexers {text-align:right;background:url('images/ias_logo.jpg') no-repeat top right;width:198px;min-height:150px;font-size:70%;margin:20px 45px 0 0;color:#6d6d6d;padding-bottom:20px;position:absolute;bottom:65px;left:695px;}
#index-text {padding:68px 50px 40px 0;}

#footer {width:907px;height:70px;background:url('images/footer.jpg') no-repeat;position:absolute;bottom:0;}
#footer-text {padding:38px 0 0 0;text-align:center;color:#fff;font-size:75%;line-height:0;position:relative;}
#footer a {color:#fff;font-weight:bold;text-decoration:none;}
#footer a:hover {color:#ccc;}
div.sitemeter-wrap {position:absolute;top:28px;right:200px;}

/* Page styles */
ul#client-list {margin:0;padding:0;list-style:none;}
ul#client-list li {width:220px;padding:0 20px 2px 0;float:left;}

.form-wrap {margin-top:20px;padding-top:20px;border-top:solid 1px #d5d5d5;}
.form-wrap input.submit {color:#fff;background-color:#3684ad;border:solid #636363 1px;font-weight:bold;padding:4px;}
textarea {font-size:90%;font-family:Verdana, Myriad, "Myriad Pro", "Lucida Sans", sans-serif;}

ul.projects-pics, ul.projects-text {font-size:80%;list-style:none;}
ul.projects-pics img {float:left;margin:0 8px 0 0;border:solid 1px #6d6d6d;}
ul.projects-pics li {width:245px;display:block;float:left;height:120px;padding:0 15px 15px 0;}
ul.projects-text li {padding-bottom:5px;}
ul.projects-pics a, ul.projects-text a {font-style:italic;}

/* Menu */
#menu {float: left;width: 162px;height: 216px;line-height: 0;font-size: 0;margin: 0 0 20px 0;}
#menu ul {padding: 0;margin: 0 auto;list-style: none;}
#nav li {/*float the main list items*/}
#nav li a {	/*for all links in the list*/ color: #fff;display: block;float:left;}

#liAbout, #liClients, #liProjects, #liContact, #liAbout a, #liClients a, #liProjects a, #liContact a {
	background: url("images/menu.jpg");
}

#nav span {display: none;}
#nav li {margin: 0;float: left;}

#liAbout a, #liAbout div.pageon {background-position: 0 0;width:162px;height:44px;}
#liClients a, #liClients div.pageon {background-position: 0 -44px;width:162px;height:62px;}
#liProjects a, #liProjects div.pageon {background-position: 0 -106px;width:162px;height:37px;}
#liContact a, #liContact div.pageon {background-position: 0 -143px;width:162px;height:32px;}

#liAbout {background-position: -162px 0;}
#liClients {background-position: -162px -44px;}
#liProjects {background-position: -162px -106px;}
#liContact {background-position: -162px -143px;}

#liAbout a:hover, #liClients a:hover, #liProjects a:hover, #liContact a:hover {
	background-image: none;
}