/*
Theme Name: Carl Jones Design
Theme URI: http://www.carljonesdesign.com/
Description: Child theme of TwentyTen
Author: Severn Internet
Author URI: http://severninternet.co.uk/
Template: twentyten
Version: 1.0
*/
 
@import url("../twentyten/style.css");

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*
LAYOUT: Three columns
DESCRIPTION: Three-column fixed layout with one sidebar either side of content
*/

#container {
	float: left;
	margin:0;
	width: 100%;
}
#content {
	margin: 0 230px 0 230px;
	min-height:480px;
  overflow:hidden;
}
#primary,
#secondary {
	float: left;
	width: 220px;
	overflow:visible;
}
#primary { /* Position left of content */
	margin: 0 0 0 -980px;
	min-height:500px;
}
#secondary { /* Position right of content */
	margin: 0 0 0 -220px;
}
#footer {
	clear: both;
	width: 100%;
}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text
{
	font-family: Georgia, "Bitstream Charter", serif;
}
input[type=submit],
#content a.button,
#footer, 
#footer-second li, 
#footer-second h3, 
#footer-second .menu a, 
#footer-second .menu .sub-menu li a 
{
	font-family: Arial, sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#container,
#wrapper,
#footer-second {
	margin: 0 auto;
	width: 980px;
}
html, body {
	background: #231f20 url( ./i/body-bg.jpg ) no-repeat top center;
}
#wrapper {
	padding-top: 20px;
	background: transparent;
	padding: 0;
}
#main {
	clear:both;
	margin:18px 0;
	overflow:visible;
	padding:0;
}
#main:after, #container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */
html,
body,
input,
textarea {
	color: #333;
	font-size: 12px;
	line-height: 1.2;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 9px;
}
ul {
	list-style: disc;
	margin: 0 0 9px 1.5em;
}
.widget-area ul ul {
	list-style: disc;
}
ol {
	list-style: decimal;
	margin: 0 0 9px 1.5em;
}

a:link, a:visited {
	color:#0066CC;
}
/*
a:visited {
	color:#743399;
}
*/
a:active,
a:hover {
	color: #FF4B33;
	text-decoration:none;
}



/* =Header
-------------------------------------------------------------- */
#header {
	padding: 0;
	position:relative;
}
#site-title {
	background:url( ./i/cjd-logo.png ) no-repeat top left;
	margin: 0;
	font-size: 14px;
	line-height: 14px;
}
#site-title a {
	color: #fff;
	display:block;
	text-decoration: none;
	text-indent:-9999px;
}
#site-title, #site-title a {
	height:110px;
	width:130px;
}
#site-description {
	color:#fff;
	float: left;
	font-size: 10px;
	font-style: normal;
	margin: 80px 0 0 5px;
	text-transform:uppercase;
	width:auto;
}
#site-description ul, #site-description li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#site-description a {
	border-left:1px solid #fff;
	color:#fff;
	padding:0 2px 0 5px;
	text-decoration:none;
}
#site-description li.first a {
	border:none;
}


/* =Menus
-------------------------------------------------------------- */
#access {
	background:none;
	float:none;
	margin:0 0 10px;
	width:auto;
}
#access .menu-header {
	background: #797b7d url( ./i/nav-bg.png ) repeat-y top left;
	clear:both;
}
#access .menu-header ul, #footer .menu-footer ul {
	margin:0;
	padding:0;
}
#access .menu li {
	clear:none !important;
	float:left;
	font-size:12px;
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}
#access .menu li a {
	color:#fff;
	display:inline-block;
	line-height:1;
	padding:15px 0;
	text-decoration:none;
}
#access .menu li a:hover, #access .menu li a:active,
#access .menu li.current_page_item a, #access .menu li.current-page-ancestor a {
	background:transparent url(./i/nav-highlight.png) repeat-x top left;
}
#access .menu li a span {
	border-right:1px solid #595a5a;
	padding:0 14px;
}
#footer .menu-footer {
	float:left;
	margin:0 0 0 5px;
	padding:0;
}
.menu-footer li {
	border-left:1px solid #b3b3b3;
	float:left;
	list-style:none;
	margin:0 2px;
	padding:0 0 0 4px;
}
.menu-footer li a {
	text-decoration:none;
}


/* =Content
-------------------------------------------------------------- */
#content {
	padding:10px;
	margin-bottom: 0;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 12px;
	line-height: 1.4;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom:9px;
}
#content .excerpt {
	font-size:116.7%;
	margin-bottom:2.86em;
}

#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 12px;
	line-height: 1.3;
}
#content code {
	font-size: 12px;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content .entry-title {
	color: #333;
	border-bottom:1px dashed #ccc;
	font-size:14px;
	font-weight:bold;
	margin: 3px 0 9px 0;
	padding: 3px 0 9px 0;
	line-height: 1.3;
}
#content ul.testimonials {
	list-style: none;
	margin: 0 -10px 9px;
}
#content ul.testimonials li {
	padding:5px 10px;
}
#content .breadcrumb {
	color:#999;
}


/* =Forms
-------------------------------------------------------------- */
input[type="text"], input[type="email"], textarea {
	-moz-box-shadow:none;
	background:#ccc;
	border:1px solid #f2f2f2;
	padding:2px;
}
.contactus form p {
	color:#666;
	margin:0;
	padding:0;
}
.contactus form label {
  background: #ccc;
  clear: both;
  float: left;
  margin: 5px 0;
	width:100%;
}
.contactus form em {
  color: #333;
	font-style:normal;
  margin-left: 3px;
  padding:3px 5px;
  position: absolute;
}
.contactus form label input, .contactus form label textarea, .contactus form label select {
  background: transparent;
  border-width: 1px;
  font: inherit;
  margin: 0;
  padding:3px 6px;
  position: relative;
}
.contactus form label select {
  padding:1px 6px 2px;
}
.contactus form label select option {
	background:#ccc;
	color:#000;
}
.contactus form input.fullwidth {
	width:186px;
}
.contactus form select.fullwidth {
	width:100%;
}
.contactus form .submit, #content a.button {
	background:#313031;
	border:none;
	clear:both;
	color:#FFF;
	line-height:1;
	margin-top:5px;
	padding:2px 3px;
	text-align:left;
	text-transform:uppercase;
	width:100%;
}
#content a.button {
	padding:2px 15px;
	text-decoration:none;
}
.contactus div.wpcf7-response-output {
	margin:1em 0.5em;
}


/* Gallery listing
-------------------------------------------------------------- */


/* Images
-------------------------------------------------------------- */


/* =Navigation
-------------------------------------------------------------- */
#nav-above {
	display: none;
	margin: 0;
}


/* =Widget Areas
-------------------------------------------------------------- */
.widget-container {
	margin: 0 0 10px 0;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: underline;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: none;
}
/* Header Widgets */
#header-widget-area ul, #header-widget-area li {
	list-style:none;
	margin:0;
	padding:0;
}
#header-widget-area li {	
	clear:both;
}
#header .calltoaction {
	color:#fff;
	position:absolute;
	text-align:right;
	top:10px;
	right:0;
	width:16em; 
}
#header .calltoaction h3 {
	color:#fff;
	display:inline;
	font-size:12px;
	margin:0;
}
#header .calltoaction .textwidget, #header .calltoaction p  {
	display:inline;
}
#header .calltoaction .tel {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}
#header .calltoaction .textwidget a {
	color:#fff;
}

#home-page-first .howwehelp, #header-second .howwehelp {
	border-bottom:1px solid #fff;
	margin:8px -5px 18px;
	position:relative;
} 
#header-second .howwehelp {
	margin-left:0;
	margin-right:0;
}

#header-second .howwehelp h3, #header-second .howwehelp .textwidget, #header-second .howwehelp p,
#home-page-first .widget_text h3, #home-page-first .widget_text .textwidget, #home-page-first .widget_text p  {
	color:#ccc;
	display:inline;
	font-size:12px;
	line-height:2;
	text-shadow:none;
}
.widget_text a {
	color:#ccc;
}

/* =Slideshow
-------------------------------------------------------------- */
#home-page-first {
	border:5px solid #fff;
	height:300px;
	margin:10px 0 45px;
	position:relative;
}
.widget_slideshow, .anythingSlider {
	height:300px;
	position:relative;
	width:750px;
}
.widget_slideshow {
	left:0;
	position:absolute;
	top:0;
}
#header .anythingSlider .wrapper { width: 750px; overflow: auto; height: 300px; margin: 0; position: absolute; top: 0; left: 0; }
/* Width below is max for Opera */
#header .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#header .anythingSlider ul li { clear:none; display: block; float: left; padding: 0; height: 300px; width: 750px; margin: 0; }
.anythingSlider .arrow, #start-stop { display:none; }
#thumbNav{ position:absolute;bottom:5px;right:0;z-index:10;}
#thumbNav a,#thumbNav a:visited,#thumbNav a:hover{ line-height:0;display:inline-block;width:12px;height:12px;margin:0 5px 0 0;background:url(./i/slider-selectors.png) no-repeat right top;text-indent:-7777px; }
#thumbNav a.cur{ background:url(./i/slider-selectors.png) no-repeat left top; }
/* Prevents */
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.anythingSlider .slideshow {
	position:relative;
}
.anythingSlider .text {
	bottom:0;
	color:#fff;
	left:0;
	padding:15px;
	position:absolute;
	right:0;
}
.anythingSlider .text h3, .anythingSlider .text h4 {
	font-weight:bold;
}
.anythingSlider .text a {
	color:#fff;
	text-decoration:none;
}
.anythingSlider .text a:hover, .anythingSlider .text a:active {
	text-decoration:underline;
}


#header .widget_entries {
	background:#231f20 url( ./i/random-entries-bg.jpg) no-repeat center right;
	border-left:5px solid #fff;
	color:#fff;
	float:right;
	margin-bottom:10px;
	min-height:300px;
	width:215px;
}
#header .widget_entries ul {
	margin:1em 10px 2em;
}
#main ul .widget_recent_entries ul, #main ul .widget_entries ul  {
	margin-left:0;
}
.widget_recent_entries li, .widget_entries li {
	list-style:none;
}
.widget_entries blockquote  {
	font-style:normal;
	padding:0;
}

#header-second .specialtext {
	clear:none;
	float:left;
	height:70px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
}
#header-second .first, #header-second .fourth {
	width:200px;
}
#header-second .second, #header-second .third {
	width:235px;
}
#header-second .fourth {
	margin-right:0;	
}
.specialtext a, .specialtext h3 a {
	color:#fff;
}

/* Joint widgets */
.social-icons {
	bottom:5px;
	position:absolute;
	right:0;
}
#header .social-icons {
	bottom:-30px;
	right:-5px;
}
.social-icons li {
	clear:none !important;
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
.social-icons li a {
	background:transparent url(./i/icons.png) no-repeat 0 0;
	display:block;
	margin-left:5px;
	text-indent:-9999px;
	text-shadow:none;
	text-decoration:none;
}
#header .social-icons li a {
	height:16px;
	width:16px;
}
#header .social-icons .facebook a {
	background-position:-25px -3px;
}
#header .social-icons .linkedin a {
	background-position:-25px -25px;
}
#header .social-icons .twitter a {
	background-position:-25px -47px;
}
#header .social-icons .blog a {
	background-position:-25px -69px;
}
#header .social-icons .fournetwork a {
	background-position:-25px -91px;
}
#footer .social-icons {
	bottom:auto;
	top:0;
}
#footer .social-icons li a {
	height:22px;
	width:22px;
}
#footer .social-icons .facebook a {
	background-position:0 0px;
}
#footer .social-icons .linkedin a {
	background-position:0 -22px;
}
#footer .social-icons .twitter a {
	background-position:0 -44px;
}
#footer .social-icons .blog a {
	background-position:0 -66px;
}
#footer .social-icons .fournetwork a {
	background-position:0 -88px;
}

#main .widget-area ul {
	margin-left:0;
	padding:0;
}
#main .xoxo .widget-container {
	padding:10px;
}
#secondary .widget-area .widget-title {
	font-size:18px;
	margin: 0 0 9px 0;
}
#main .widget_recent_entries h4, #main .widget_entries h4 {
	font-size:12px;
	font-weight:bold;	
}
.home #primary {
	background:transparent;
}
#main .widget-area #home-page-second {
	margin:0;
	padding:0;
} 
.specialtext {
	padding:10px;
}
.specialtext .widget-title, .specialtext .textwidget {
	color:#fff;
}
.specialtext .widget-title {
	font-size:20px;
}
#primary .specialtext .widget-title {
	background:transparent url( ./i/nav-arrow.png ) no-repeat 100% 4px;
}
#secondary .widget_twitter .widget-title a {
	background:transparent url( ./i/icons.png ) no-repeat 180px -44px;
	color:#222;	
	display:block;	
	line-height:22px;
}
#secondary .widget_twitter ul.tweets,  #secondary .widget_twitter li {
	list-style:none;
	margin:0;
	padding:0;
}

#secondary .gallery {
	margin: auto auto -10px;
}
#secondary .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
}
#secondary .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#secondary .gallery dl {
	margin: 0 10px 10px 0;
}
#secondary .gallery dl.col-3 {
	margin-right:0;
}
#secondary .gallery br+br {
	display: none;
}

#primary .entry-title {
	font-size:16px;
	font-weight:bold;
	margin:15px 10px 10px;
}
#main .widget-area .widget_pages ul {
	list-style:none;
	margin:-20px 0 0;
	padding:0;
}
#primary .widget_pages li {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 10px;
}
#primary .widget_pages li a {
	color:#662d91;
	text-decoration:none;
}
#primary .widget_pages li li a {
	color:#b296c8;
}
#primary .widget_pages li ul.children {
	display:none;
	margin-top:-5px;
}
#primary .widget_pages li.current_page_item ul.children, 
#primary .widget_pages li.current_page_ancestor ul.children, 
#primary .widget_pages li.current_page_parent ul.children  {
	display:block;
}



/* =Footer
-------------------------------------------------------------- */
#footer {
	color:#b3b3b3;
	position:relative;
	font-size:11px;
	margin:0;
}
#footer a {
	color:#b3b3b3;
}
#colophon {
	border:none;
	margin-top:18px;
	padding:5px 0 0;
}
#site-generator {
	display:none;
}
#site-info {
	display:inline;
	font-size:11px;
	font-weight:normal;
	width:auto;
}
/* Additional footer, displayed outside of footer and wrapper */
#additional-footer-widget-area {
	background:#0d0d0d;
	border-top:1px solid #4d4d4d;
	clear:both;
	width:100%;
}
/* Structure the secondary footer area */
#footer-second {
	overflow: hidden;
}
#footer-second ul {
	margin:25px 0 0;
	padding:0;	
}
#footer-second li, #footer-second .menu li {
	float: left;
	list-style:none;
	margin-right: 5px;
	width: 125px;
}
#footer-second li, #footer-second h3, #footer-second h3 a, #footer-second .menu a, #footer-second .menu .sub-menu li a {
	color:#ccc;
	font-size:10px;
	font-weight:normal;
	line-height:1.4;
}
#footer-second h3, #footer-second h3 a, #footer-second .menu li a, #footer-second li a:visited  {
	color:#fff;
	font-weight:bold;
}
#footer-second .widget_nav_menu {
	float:none;
	margin:0;
	width:100%;
}
#footer-second .menu, #footer-second .sub-menu  {
	margin:0;
}


/* =Extras
-------------------------------------------------------------- */
#content ul.testimonials li:nth-child(even) {
	background:#e8e0ef;
}
#content, #primary, #secondary .widget-container {
	background-color:#fff;
}
#primary .specialtext, #header-second .specialtext {
	background-image: url( ./i/widget-grad.png );
	background-repeat: repeat-x;
	background-position: top left;
}
.contactus form .submit, #content a.button {
	background-image: url( ./i/button-grad.png);
	background-repeat: repeat-x
	background-position: top left;
}
#site-description, #site-description, #header-first .widget_text {
	text-shadow: -2px 2px 2px #000;
}
#content, #primary, #secondary ul.xoxo .widget-container, .contactus .submit, #content a.button, .specialtext, #home-page-first,
.widget_recent_entries .wrapper, .widget_entries .wrapper, .widget_twitter .wrapper /*, .widget_slideshow, .widget_entries */ {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#secondary #home-page-third .widget-container {
	padding:0;
}
.anythingSlider .text {
	background:rgba(0,0,0,.8);
}
.widget_recent_entries .wrapper,  .widget_entries .wrapper {
	background:rgba(255,255,255,0.85);
	padding:10px;
}
.widget_twitter .wrapper {
	background:rgba(255,255,255,0.7);
	padding:10px;
}
#content, #primary, #secondary ul.xoxo .widget-container, .specialtext, #home-page-first /*, #header .widget_entries, #header .widget_slideshow */ {
  box-shadow: 0px 0px 8px #000;
  -moz-box-shadow: 0px 0px 8px #000;
  -webkit-box-shadow: 0px 0px 8px #000;
}
.home #primary {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}