/*
Theme Name: Beckon Call
Theme URI: http://www.beckoncal#secondary .services.com/
Description: Custom Theme for Beckon Call Window#secondary .services.
Version: 1.0
Author: Andy Vaughn
Author URI: http://andyvaughn.com/
Tags: custom

This theme is not a template and the CSS, XHTML, 
and design may not be copied for private or 
commercial use, without express permission of the author.

*/


/* Import Reset Stylesheet */
@import url('reset.css');

/*------------------------
	Native and Containers
--------------------------*/
body {font: 62.5%/1 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; color: #333; background: #514d80 url('images/bg_pattern_purple.png') top left repeat; text-align: center;}
#container {width: 940px; background: #FFF; margin: 30px auto; text-align: left; position: relative;}
#main {background: #FFF url('images/main_bg.jpg') bottom left repeat-x; padding: 40px 0 60px;}

/*------------
	Header
-------------*/
#header {position: relative; height: 190px; padding: 3em 0 0; border-bottom: 1px solid #D2C8B4;}
#header h1 {position: absolute; top: -25px; left: 10px; z-index: 888;}
#header h1 a {display: block; height: 88px; width: 200px; text-indent: -9999px; background: url('images/logo.png') top left no-repeat;}
#header ul#navigation {position: absolute; top: 0; right: 0;}
#header ul#navigation li {font-size: 1.8em; line-height: 1.333; letter-spacing: 1px; float: left; background: url('images/nav_bullet.png') 0 .75em no-repeat; position: relative; padding: 5px 0;}
#header ul#navigation li:first-child {background: none;}
#header ul#navigation li a {display: block; float: left; font-variant: small-caps; padding: 0 10px 0 15px;}
#header ul#navigation li a:link, #header ul#navigation li a:visited {text-decoration: none; color: #544B38;}
#header ul#navigation li a:hover, #header ul#navigation li a:active, #header ul#navigation li a:focus {text-decoration: underline; color: #A89F8D;}
#header ul#navigation ul {visibility: hidden; position: absolute; z-index: 9999; top: 1.611em; left: 0; background: #FFF; border: 1px solid #D2C8B4; border-width: 0 1px 1px; padding: 0 0 8px;}
#header ul#navigation li:hover ul {visibility: visible;}
#header ul#navigation li li {font-size: .833em; background: none; padding: 0;}
#header ul#navigation li li a {font-variant: normal;}
#header img#ladder {position: absolute; top: 72px; left: -83px; z-index: 999;}
#header img.showcase {position: absolute; bottom: 0; left: 0; border-top: 1px solid #D2C8B4;}

/*------------
	Request
-------------*/
#request {position: absolute; top: 40px; right: 30px; z-index: 999; width: 297px; height: 180px; background: url('images/contact_bg.png') top left no-repeat; padding: 24px 0 0;}
#request h2 {font-size: 2.4em; line-height: 1; text-align: center; color: #b36800; font-weight: normal; letter-spacing: 1px;}
#request form {padding: 10px 20px;}
#request form input[type=text], #request form input.text {width: 200px; display: block; margin: 0 auto; font: 1.8em/1.1616 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; color: #666;}
#request form input[type=submit], #request form input.submit {display: block; width: 100px; margin: 0 0 0 130px; font: 1.8em/1.1616 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; background: #bfb091; color: #FFF; border: 1px solid #999; cursor: pointer;}
#request div.wpcf7-response-output {background: #FFF; font-size: 1.5em; line-height: 1.2;}

/*------------
	Content
-------------*/
body.home #main, body.blog #main, body.single #main, body.archive #main, body.search #main, body.error404 #main {float: left;} 
body.home #content, body.blog #content, body.single #content, body.archive #content, body.search #content, body.error404 #content {width: 500px; padding: 0 20px; margin: 0 20px 0 0; float: left;}

#content {padding: 0 20px;}
#content a:link, #content a:visited {color: #3f3980; text-decoration: underline;}
#content a:hover, #content a:active, #content a:focus {color: #b36800; text-decoration: none;}

#content h1 {font-size: 2.4em; line-height: 2; color: #3F3980;}
#content h2 {font-size: 3.2em; line-height: 1; padding: .25em 0 0; margin: 0 0 .25em; border-top: 3px double #DDD; color: #3f3980; font-weight: bold; font-weight: 600;}
#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:active, #content h2 a:focus {text-decoration: none;}
#content h3 {font-size: 2.4em; line-height: 1; color: #333;}
#content h4 {font-size: 1.8em; line-height: 1.333; text-transform: uppercase; color: #555; font-weight: normal;}
#content h5 {font-size: 1.8em; line-height: 1.333; text-transform: lowercase; color: #000; font-weight: bold;}
#content h6 {font-size: 1.5em; line-height: 1.6; color: #3Fe980; font-weight: normal;}

#content p {font-size: 1.8em; line-height: 1.333; color: #3D3A33; margin: 0 0 1.333em;}
#content img {border: 1px solid #DDD; padding: 8px;}
#content em {font-style: italic;}
#content strong {font-weight: bold;}
#content abbr, #content acronym {font-style: italic; border-bottom: 1px dashed #CCC;}
#content address {font-style: normal;}
#content cite {font-style: italic;}
#content code, #content pre {font-family: "Courier New", Courier, monospace;}
#content sub {vertical-align: sub;}
#content sup {vertical-align: super;}

#content blockquote {margin: 24px 30px; border-left: 2px solid #DDD; padding: 0 20px;}
#content blockquote p {font: 1.5em/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666;}

#content ul {list-style: outside circle;}
#content ol {list-style: outside decimal;}
#content ul, #content ol {margin: 0 0 24px 30px;}
#content li {font-size: 1.8em; line-height: 1.333;}
#content li li {font-size: 1em;}
#content ul ul, #content ul ol {margin: 0 0 0 30px;}

#content dl {margin: 0 0 24px 30px;}
#content dd {font-size: 1.8em; line-height: 1.333; margin: 0 0 24px;}
#content dt {font-size: 1.8em; line-height: 1.333; font-weight: bold;}
#content dd li {font-size: 1em;}

#content table {background: #E6DBC5; margin: 24px 30px; border: 1px solid #CCC; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
#content td {font-size: 1.2em; line-height: 1.5; color: #333;}
#content th {font-size: 1.5em; line-height: 1.2; color: #181818;}

#content .post p.postmetadata {font-size: 1.2em; line-height: 1.5;}
#content img.alignleft {display: block; float: left; margin: 12px 30px 12px 0;}
#content img.alignright {display: block; float: right; margin: 12px 0 12px 30px;}
#content img.aligncenter {display: block; margin: 12px auto;}
#content img.alignnone {display: inline;}
#content div.wp-caption {padding: 20px; background: #EEE; border: 1px solid #CCC;}
#content div.wp-caption.alignleft {float: left; margin: 12px 30px 12px 0;}
#content div.wp-caption.alignright {float: right; margin: 12px 0 12px 30px;}
#content div.wp-caption.aligncenter {margin: 12px auto;}
#content .pagination {border-top: 3px double #DDD; padding: 12px 0; text-align: center;}
#content ol.commentlist {margin: 24px 0 24px 60px;}
#content ol.commentlist li {margin: 0 0 48px; border-bottom: 1px solid #DDD;}
#content ol.commentlist li p {font-size: .833em; line-height: 1.2; margin: 0 0 1.2em;}
#content ol.commentlist img.avatar {display: block; padding: 0; margin: 0 10px 0 0; float: left;}
#content ol.commentlist .comment-meta {font-size: .667em; clear: left;}
#content ol.commentlist cite {line-height: 2;}

#content #commentform {background: #E6DBC5; margin: 24px 30px; border: 1px solid #CCC; padding: 10px 20px;}
#content #commentform dl {margin: 0 0 24px;}
#content #commentform dl dt {font: 1.8em/1.1616 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; }
#content #commentform dl dd {margin: 0 0 24px;}
#content #commentform input[type=text], #content #commentform input.text {width: 200px; display: block; font: 1.8em/1.1616 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; color: #666;}
#content #commentform input[type=submit], #content #commentform input.submit {display: block; width: 100px; font: 1.8em/1.1616 "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; background: #bfb091; color: #FFF; border: 1px solid #999; cursor: pointer;}

/*------------
  Latest-News
-------------*/
#latest-news {width: 340px; padding: 17px 20px 0; float: left;}
#latest-news a:link, #latest-news a:visited {color: #3f3980; text-decoration: underline;}
#latest-news a:hover, #latest-news a:active, #latest-news a:focus {color: #b36800; text-decoration: none;}
#latest-news h3 {font-size: 2.4em; color: #333; line-height: 1; font-weight: bold; font-weight: 600; padding: 0 0 0 30px; background: url('images/fleur.png') left top no-repeat;}
#latest-news h4 {font-size: 1.8em; line-height: 1.333; font-weight: normal;}
#latest-news h4 a:link, #latest-news h4 a:visited {text-decoration: none;}
#latest-news span.date {font-size: .5em; line-height: 2; color: #666;}
#latest-news p {font-size: 1.5em; line-height: 1.2; color: #666;}
#contact-up {border-top: 3px double #CCC; padding: 18px 20px 6px; text-align: center;}
#contact-up a {font-size: 1.8em; display: block; width: 10em; padding: 6px 18px 8px; margin: 0 auto; border: 1px solid #BBB; border-radius: 10px; -moz-border-radius: 10px;}
#contact-up a:link, #contact-up a:visited {text-decoration: none; background: #E6DBC5;}
#contact-up a:hover, #contact-up a:active, #contact-up a:focus {background: #FFF;}

/*------------
	Secondary
-------------*/
#secondary {width: 940px; background: #E6DBC5 url('images/secondary_top.jpg') top left repeat-x; float: left;}
#secondary .service {width: 272px; padding: 0 20px 48px; margin: 24px 0; float: left; position: relative;}
#secondary .service.second {border: 2px solid #DCB; border-width: 0 2px;}
#secondary a:link, #secondary a:visited {color: #3f3980; text-decoration: underline;}
#secondary a:hover, #secondary a:active, #secondary a:focus {color: #b36800; text-decoration: none;}
#secondary .service h3 {text-transform: uppercase; color: #333; font-size: 1.8em; line-height: 1.333; text-align: center; font-weight: normal; font-weight: 600;}
#secondary .service img.panel {display: block; margin: 0 auto 12px; width: 230px; height: 150px; padding: 6px 10px 8px; background: url('images/panel-bg.png') top center no-repeat;}
#secondary .service p {font-size: 1.5em; line-height: 1.2; margin: 0 0 1.2em; color: #333;}
#secondary .service a.service_link {position: absolute; bottom: 21px; right: 30px; font-size: 1.5em; line-height: 1.2; color: #FFF; text-decoration: none; text-align: right; background: #d9c7a5; border: 1px solid #bfb091; padding: 2px 5px 3px;}
#secondary .service a.service_link:link, #secondary .service a.service_link:visited {color: #FFF; background: #d9c7a5; border-color: #bfb091; text-decoration: none;}
#secondary .service a.service_link:hover, #secondary .service a.service_link:active, #secondary .service a.service_link:focus {color: #FFF; background: #a69e8e; border-color: #999;}

/*------------
	Sidebar
-------------*/
#sidebar {width: 340px; padding: 17px 20px 0; float: left;}
#sidebar a:link, #sidebar a:visited {color: #3f3980; text-decoration: underline;}
#sidebar a:hover, #sidebar a:active, #sidebar a:focus {color: #b36800; text-decoration: none;}
#sidebar h2, #sidebar h3 {font-size: 2.4em; color: #333; line-height: 1; font-weight: bold; font-weight: 600; padding: 0 0 0 30px; background: url('images/fleur.png') left top no-repeat;}
#sidebar p {font-size: 1.5em; line-height: 1.2; color: #666;}
#sidebar ul {margin: 0 0 24px 30px;}
#sidebar ul ul {margin: 0 0 24px 30px;}
#sidebar li li {font-size: 1.5em; line-height: 1.2;}
#sidebar form {margin: 0 30px 24px;}
#sidebar form label {font-size: 1.5em; line-height: 1.2; display: block;}

/*------------
	Footer
-------------*/
#footer {background: #a69e8e; clear: left; padding: 8px 20px 5px; border: 2px solid #8c877b; border-width: 2px 0 1px;}
#footer p {font-size: 1.2em; line-height: 1.25; color: #E6DBC5;}
#footer a:link, #footer a:visited {color: #E6DBC5;}
#footer a:hover, #footer a:active, #footer a:focus {color: #FFF;}