/*
Theme Name: Pinnacle Web Design
Theme URI:
Description: Pinnacle Web Design theme for Wordpress
Author: Pinnacle Web Design
Author URI: http://PinnacleWebDesign.co.uk
Template: thematic
Version: 1.2
Tags: Thematic
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
/*@import url('3c-r-fixed-primary-988px.css');*/
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');
@import url('../thematic/library/styles/18px.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Category Menu
-------------------------------------------------------------- */

header, footer, nav, menu, section, article, figure, aside {
 display:block;
}

#category-access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    padding:11px 0;
    overflow:visible;
    z-index:150;
}
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 96px;
}

body.ie7 #category-access {
		height: 64px;
}
*/
.menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
}
/* =Global Elements
-------------------------------------------------------------- */
body {
    background:url(images/stripe.png) repeat #fff;
    /*background:url(images/bg.gif) repeat #fff;*/
}

#wrapper {

}

#header {
    border-top:1px solid #ccc;
  /*  margin-top:18px;*/
}
#masthead {
/*	background: #fff;
*/	background: url(images/header-bg.png) top repeat-x #f0f0f0 ;

}

#mastheadcontent {
    width: 988px;
    margin:0 auto;
}

#branding {
    padding:44px 0 18px 0; /* Bottom padding is the same height as the image called above */
}

#subheader {
    margin: 36px 0 0 0;
    float:right;
}
#subheader dt {
    font-size:19px;
    line-height:41px;
    font-weight:bold;
    margin: 0 9px;
    text-indent:18px;
    background:url(images/sidebar-top.jpg) no-repeat top center;
    color:#fff;
}

#subheader dd {
    margin: 0;
    padding-left:18px;
}

#subheader a {
    color: #000;
    text-decoration:none;
}

#subheader a:hover {
     text-decoration:underline;
}

#access {
	background: #fff;
	 background:url(images/menu-bg.jpg) repeat-x top center;
	 border-bottom:none;
	 height:36px;
}

#menu {
	background: transparent;
}
.sf-menu {
    border-right:none;
}
.sf-menu a, .sf-menu a:visited {
	border:none;
	color: #fff;
	padding:0 27px;
	line-height:36px;
	font-weight:bold;
}
.sf-menu li {
	background: transparent;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: none;
    border-bottom: none;
    color: #eaeaea;
}

#site-description {
    margin-bottom:18px;
}

#site-title a {
    display:block;
    text-indent:-9000px;
    height: 50px; /* height of your header, like 180px */
    width: 420px; /* width of your header, like 940px */
    background:url(images/pinnacle2010-420x50g.jpg) no-repeat top center;
    padding-left: 72px;
    z-index:10;
}
#site-description {
    padding-left: 90px;
}

#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}
#content {
}
#main {
	margin-top:18px;
/*	background:url(images/opaque-trans.png) repeat;
*/	background:url(images/stripe-opaque.png) repeat;
    border-radius: 9px; /* CSS3 */
    -moz-border-radius: 9px; /* Firefox */
    -webkit-border-radius: 9px; /* Safari, Chrome */
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* For IE 5.5 - 7 */
}

.hentry {
}

.main-aside {
    padding-top:18px;
}

.main-aside ul ul {
    padding:0;
}

#primary { /*sidebar*/
    border:none;
    padding:0 0 18px 0;
    width:288px;
}
#secondary {
    padding:0 0 18px 0;
    width:288px;
}

.aside ul {
    padding:0;
}

.aside ul.xoxo h3 {
    background:url(images/sidebar-top.png) top left no-repeat;
    color:#fff;
    font-weight:bold;
    line-height:36px;
    text-indent:18px;
}

.aside ul.xoxo li#contact-info, .aside ul.xoxo li#subscribe, .aside ul.xoxo li#twitter, .aside ul.xoxo li#search, .aside ul.xoxo li#meta, .aside ul.xoxo li#categories, .aside ul.xoxo li#archives, .aside ul.xoxo li#contactdetails {
/*    background:url(images/sidebox-bottom.gif) #f0f4f7 bottom left no-repeat;*/
    background-color: #f0f0f0;
    border-radius-bottomleft: 9px; /* CSS3 */
    border-radius-bottomright: 9px; /* CSS3 */
    -moz-border-radius-bottomleft: 9px; /* Firefox */
    -moz-border-radius-bottomright: 9px; /* Firefox */
    -webkit-border-radius-bottomleft: 9px; /* Safari, Chrome */
    -webkit-border-radius-bottomright: 9px; /* Safari, Chrome */
}

#contact-info ul, #subscribe ul, #twitter ul, #meta ul, #categories ul, #archives ul {
    padding: 9px 0 9px 0;
    margin-top: 0;
}

#search form  {
    padding: 9px 0 9px 18px;
}

 #contactdetails div {
 	padding: 9px 0 9px 18px;
    margin: 0 0 18px 0;
}

#contactdetails div.vcard h4 {
	font-weight: bold;
}

.vcardDownload {
	border-top: 1px dashed #D8E6AD;
	padding-top: 9px;
	margin-right:18px;
}

.aside ul.xoxo li {
    list-style:none;
}

#twitter ul {
    padding: 0 0 9px 0;
    margin-top: 0;
}

#twitter p {
    padding: 9px 0 0 18px;
}

#tweets li {
    padding: 0 9px 18px 0;
}

#breadcrumb-nav {
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom: 18px;
    padding-left:9px

}
#breadcrumb-nav a {
    color:#666;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #FF4B33;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, h2.entry-title a{
    color: #777;
}

#content h1, h2.entry-title {
    border-bottom: 1px dashed #D8E6AD;
}

.entry-meta {
    margin-top: 9px;
}

#footer {
    background:#3c3c3c;
    /*border-top: 1px solid #D8E6AD;*/
}

 #footer a, #footer span {
    color: #f0f0f0;
 }

#footermenu {
/*    When sections added use this as a divider
    border-right: 1px solid #302D29;*/
}

 .wp-pagenavi span.pages {
		padding:4px !important;
}

.aside th, .aside td {
	padding:0.25em 0.35em;
}

.clearboth {
    clear: both;
}

.clearleft {
    clear:left;
}

/* Comment forms */
.form-section textarea, .form-section input {
    width:450px;
}

.form-submit {
    padding:18px 0 0 0;
    text-align:left;
}

/* Portfolio */
.portfolioContainer {
    margin: 18px 0 18px 0;
}

.portfolioContainer img {
    margin-right: 9px;
}
/* Images within text flow */
.ImgFloatRight {
    float: right;
    padding: 0 0 0 9px;
    margin:0;
}

.ImgFloatLeft {
    float: left;
    padding: 0 9px 0 0;
    margin:0;
}

.ImgFloatRight img, .ImgFloatLeft img {
/*    background-color:#f0f0f0;
    border:1px solid #333300;
*/}

.hide {
	display: none;
}

img#wpstats { /*WPstats plugin adds area below footer*/
	display:none
}

a.more-link {
    background-color: #f0f0f0;
	padding: 3px 9px;
    border-radius: 9px; /* CSS3 */
    -moz-border-radius: 9px; /* Firefox */
    -webkit-border-radius: 9px; /* Safari, Chrome */
    text-decoration: none;
    margin-left:3px;
}

a:hover.more-link {
	text-decoration: underline;
}

a {
	-moz-transition: color 0.5s linear;
	-o-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
}