/*  
Theme Name: A2 Design
Theme URI: http://www.a2design.co.uk/
Description: Theme for A2.
Version: 1.0
Author: A2 Design
Author URI: http://www.a2design.co.uk/

*/

/* Reset */
*, body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}
img {
border: 0;
}
ol,ul {
list-style:none;
}	
a:link, a:active, a:visited {
text-decoration:none;
}
a {
outline:none
}
.clear {
clear:both;
}
.padright {
padding-right:16px;
}
body {
text-align:center;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:13px;
line-height:16px;
color:#000;
background-color:#FFF;
}
#wrapper {
margin:0 auto 0 auto;
width:968px;
text-align:left;
border-top:16px solid #FFF;
}

/* Header */
#header {
border-top:8px solid #000;
border-bottom:1px solid #000;
margin:0 8px;
height:88px;
padding:8px 0 0 0;
}

/* Sidebar */
#sidebar {
width:160px;
margin:0 8px;
padding:24px 0 0 0;
float:left;
_display:inline;
}
#body-home #sidebar {
position:absolute;
}
.arrowlistmenu{
width: 160px; /*width of accordion menu*/
margin-bottom:40px;
background-color:#FFF;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
cursor: pointer;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
margin: 0;
padding: 4px 0 8px 0; /* spacing between each UL and rest of content*/
}
.arrowlistmenu ul ul{ /*CSS for UL of each sub menu*/
padding: 0;
}
.arrowlistmenu ul li{
line-height:16px;
padding:0;
margin:0;
}
.arrowlistmenu ul li a{
color: #4B4B55;
display: block;
height:20px;
padding:0;
margin:0 0 3px 0;
border-bottom: 1px solid #CDCDD2;
}
.arrowlistmenu ul li a:visited, #body-about li.current_page_item li a{
color: #4B4B55;
}
.arrowlistmenu h1 a{
color:#000;
}
ul.categoryitems ul li.cat-item,  li.page_item li.page_item {
text-indent:8px;
}
ul.categoryitems li {
}


/* Colours */
#nav-home a:hover, #body-home .current_page_item a, #body-home h3, #body-home h4, #body-home h3 a, #body-home h2 a{
color:#00BBB5;
}
#nav-portfolio a:hover, #body-portfolio .newscol3 a:hover, #nav-portfolio h1.openheader a, #body-portfolio #content-area h1, #body-portfolio #content-area h2, #body-portfolio .current-cat a, #body-portfolio .portfolio-thumbs h3, #body-portfolio .portfolio-thumbs2 h3, #body-portfolio h3 a, #body-portfolio h4, #body-portfolio h5, #body-portfolio .current_page_item a, #body-portfolio a.post-edit-link, #body-portfolio .gallery-nav a:hover, #body-portfolio p.wp-caption-text, #body-portfolio p a {
color:#E2144D;
}
#nav-about a:hover, #body-about .newscol4 a:hover, #nav-about h1.openheader a, #body-about #content-area h1, #body-about .current_page_item a, #body-about .current-cat a, #body-about .portfolio-thumbs h3, #body-about h3 a, #body-about p.wp-caption-text, #body-about #newscol2 a:hover, #body-about p a{
color:#0CB3F7;
}
#nav-services a:hover, #nav-services h1.openheader a, #body-services #content-area h1, #body-services .current_page_item a, #body-services h5, #body-services .gallery-nav a:hover, #body-services h3 a, #body-services p.wp-caption-text, #body-services p a{
color:#7547D1;
}
#nav-news a:hover, #body-news #nav-news a, #body-news #content-area h1, #body-news .current_page_item a, #body-news #content-area h2, #body-news h3, #body-news h3 a, #body-news h4, #body-news h5, #body-news p a, #body-news p.wp-caption-text {
color:#19D147;
}
#nav-clients a:hover,  #body-clients #content-area h1, #body-clients .current_page_item a{
color:#F34216;
}
#nav-contact a:hover, #body-contact #content-area h1, #body-contact .current_page_item a, #body-contact p a{
color:#E5AD00;
}

/* Body */
#content-area {
width:792px;
padding:24px 0 40px 0;
float:right;
_display:inline;
}
.title-area{
height:52px;
margin:0 8px;
}
.col2 {
float:left;
width:160px;
margin:0 8px;
_display:inline;
}
.col3 {
float:left;
width:248px;
margin:0 8px;
_display:inline;
}
.col5 {
float:left;
width:424px;
margin:0 8px;
_display:inline;
}


/* Home page */
#home-intro {
width:792px;
padding:24px 0 24px 0;
float:right;
_display:inline;
}
.home-rule {
border-top:1px solid #000;
margin:0 8px;
}
.home-row {
padding:16px 0 16px 0;
}
.home-row ul li{
line-height:16px;
padding:0;
margin:0;
}
.home-row ul li a{
color:#00C4B5;
display: block;
height:20px;
padding:0;
margin:0 0 3px 0;
border-bottom: 1px solid #CDCDD2;
}
.home-row ul li a:hover{
color: #3C3C46;
}
.home-row h1 {
padding-bottom:12px;
}
#randomdiv1, #randomdiv2 {
cursor:pointer;
}

/* Portfolio */
ul.portfolio-thumbs li{
width:248px;
margin: 0 8px 8px 8px;
float:left;
height:312px;
_display:inline;
}
ul.portfolio-thumbs2 li{
width:248px;
margin: 0 8px 8px 8px;
float:left;
_display:inline;
}
.portfolio-thumbs li , .portfolio-thumbs2 li, div.news-entry {
cursor:pointer;
}
#body-about .portfolio-thumbs h3{
padding-bottom:8px;
}
.pretty-hover {
text-decoration:underline;
}

#col_two1 {
float: left;
width:248px;
margin:0 8px;
_display:inline;
}
#col_two2 {
float: right;
width:424px;
margin:-60px 8px 0 8px;
_display:inline;
}
#col_two1 li {
color: #4B4B55;
}
#col1 {
float: left;
width:248px;
margin:0 8px;
_display:inline;
}
#col2 {
float: right;
width:424px;
margin:0 8px;
_display:inline;
}
#col1 li {
color: #4B4B55;
}
#col1 h3 {
color: #000;
}

#newscol1 p {
padding:0 10px 8px 0;
}
#newscol1 div.wp-caption p{
margin-right:10px;
}

.size-full {
padding:0 0 16px 0;
}
.website {
border-style:solid;
border-color:#CDCDD2;
border-width:8px 1px 1px 1px;
width:422px;
margin-bottom:8px;
}
.archive-pages {
clear:both;
margin:0 8px;
}
.wp-pagenavi a, .wp-pagenavi span.pages {
color:#000;
}
.wp-pagenavi a:hover {
color:#3C3C46;
}
.wp-pagenavi  span.current, .wp-pagenavi  a {
padding:0 2px;
}
#s2, #s3 {
height:340px;
}
.gallery-nav {
border-top:1px solid #CDCDD2;
padding:6px 0 8px 0;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#4B4B55;
}
.gallery-nav a {
color:#4B4B55;
}
#postcard-thumbs td {
padding:0 16px 16px 0;
}
#postcard-col1 {
float: left;
width:336px;
margin:0 8px;
_display:inline;
}
#postcard-col2 {
float:left;
width:336px;
margin:0 8px;
_display:inline;
}
h4 span.range{
padding-right:4px;
border-right:1px solid #E2144D;
margin-right:4px;
}
h4 span.range:last-child{
padding-right:0;
border:none;
margin-right:0;
}


/* News */
.news-left {
width:528px;
float:left;
_display:inline;
}
.news-right {
width:264px;
float:left;
_display:inline;
}
#newscol1 {
float: left;
width:424px;
margin:0 8px;
_display:inline;
}
#newscol2 {
float: right;
width:248px;
margin:0 8px;
_display:inline;
}
.newscol3 {
float: left;
width:160px;
margin:0 8px;
padding-top:58px;
_display:inline;
}
.newscol3 h3, .newscol4 h3 {
border-bottom:1px solid #CDCDD2;
padding:4px 0;
margin-bottom:4px;
}
.newscol3 li a, .newscol4 li a{
color: #4B4B55;
display: block;
padding:0;
}
.newscol4 {
float:right;
width:160px;
margin:0 8px;
padding-top:46px;
_display:inline;
}
.newscol5 {
float:right;
width:248px;
margin:0 8px;
padding:0;
_display:inline;
}
.newscol5 p{
font-family:Helvetica, Arial, sans-serif;
}
.news-entry {
width:512px;
margin:0 8px;
border-top: 1px solid #CDCDD2;
clear:both;
}
.news-entry h3, .newsletter h3{
padding-top:8px;
}
.news-text {
float:left;
width:336px;
padding-right:16px;
_display:inline;
}
.news-text-first {
float:left;
width:248px;
padding-left:16px;
_display:inline;
}
.news-thumb {
float:left;
padding-bottom:16px;
_display:inline;
}
.news-text p:last-child {
padding-bottom:16px;
}
.newsletter {
width:248px;
margin:0 8px;
border-top: 1px solid #CDCDD2;
}
img.size-full{
padding-bottom:8px;
}
#postcard-col2 img.size-full{
padding-bottom:16px;
}


/* Footer */
#footer {
clear:both;
border-top:1px solid #000;
padding:8px 0 24px 0;
margin: 8px;
}
#footer p{
font-size:11px;
line-height:12px;
color:#3C3C46;
padding:0;
}
#footer p a, #body-contact #footer p a {
color:#000;
}
#footer p a:hover {
text-decoration:underline;
}



/* Styles */
h1 {
font-weight:bold;
font-size:22px;
line-height:24px;
color:#000;
}
h2 {
font-weight:normal;
font-size:22px;
line-height:24px;
color:#50505F;
}
h2 a:hover {
text-decoration:underline;
}
h3 {
font-weight:bold;
font-size:13px;
line-height:16px;
}
h3 a:hover {
text-decoration:underline;
}
h4 {
font-weight:normal;
font-size:13px;
line-height:16px;
padding-bottom:8px;
}
h5, p.wp-caption-text {
font-weight:normal;
font-size:11px;
line-height:16px;
}
#gallery h5 {
text-align:left;
padding:8px 0 0 0;
margin:0;
}
div.alignnone {
padding-top:4px;
}
p.wp-caption-text, #newscol1 p.wp-caption-text {
padding:4px 0 2px 0;
border-bottom: 1px solid #CDCDD2;
margin-bottom:6px;
}
p {
padding-bottom:8px;
}
p a:hover {
text-decoration:underline;
}
blockquote{
margin:0 0 0 16px;
text-indent:-3px;
color:#50505F;
}