/*
Theme Name: Codesnap
Theme URI: http://www.codesnap.co.uk/
Description: Codesnap Wordpress Theme - by Tom
Version: 1.0
Author: Tom Cowan
Author URI: http://www.codesnap.co.uk/
Tags: codesnap

*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* Wordpress Specific Styling - Image Alignment */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



body { 
  font: 62.5% Trebuchet, Arial, sans-serif;
  text-align: center; 
  color: #666;
  padding-top: 20px;
}
.clear { clear: both; }

.orange { color: #F7931E; }
.grey { color: #414242; }

div#wrapper { 
  width: 975px;
  margin: 0 auto;
  text-align: left;
}
div#masthead {
  height: 130px;
  background: transparent url(images/codesnap_logo.gif) no-repeat top right;
}

div#header-bar {
  margin-bottom: 2em;
  height: 160px;
  background: transparent url(images/header_bar.gif) no-repeat top left;
}
div#header-bar p {
  padding: 75px 0 0 540px;
  color: #fff; font-size: 1.9em;
  letter-spacing: -0.06em;
}
div#header-bar p a { color: #fff; text-decoration: none; }

div#content-container {
  padding: 0 75px 0 56px;
  background: transparent url(images/header_bar_reflection.gif) no-repeat top left;
  background: transparent url(images/panel_body.gif) repeat-y top left;
}

/* Floated Column Layout */
div#left-col {float:left;width:168px;}
div#right-container {float:right;width:666px;}
div#content {float:left;width:486px;}
div#right-col {float:right;width:168px;}

/* Left Column - Menu */
div#left-col ul#main-menu {
  margin-bottom: 3em;
}
div#left-col ul#main-menu li {
  margin-bottom: 0.4em;
}
div#left-col ul#main-menu li a {
  display: block;
  height: 25px;
  background: #999 url(images/main_menu_inactive.gif) no-repeat top left;
  padding: 0 0 0 10px;
  color: #fff;
  font-size: 1.2em;
  line-height: 25px;
  text-decoration: none;
}
div#left-col ul#main-menu li a:hover { 
  background-image: url(images/main_menu_active.gif);
}
body.home div#left-col ul#main-menu li#menu-home a,
  body.page-id-2 div#left-col ul#main-menu li#menu-about a,
    body.category-services  div#left-col ul#main-menu li#menu-services a,
      body.category-projects  div#left-col ul#main-menu li#menu-portfolio a,
        body.page-id-8  div#left-col ul#main-menu li#menu-contact a
          { background-image: url(images/main_menu_active.gif); }


/* Main Content Column */
div#content h1, div#content h2, div#content h3, div#content h4, 
    div#content p, div#content ul, div#content blockquote {
  padding: 0 20px;
}

div#content h1 { color: #F7931E; font-size: 2em; line-height: 1.2em; margin-bottom: 10px; }
div#content h1 a { color: #F7931E; text-decoration: none; }
div#content h2 { font-size: 1.4em; line-height: 1.3em; margin-bottom: 15px; font-weight: bold; }
div#content h3 { font-size: 1.4em; margin-bottom: 0.25em; margin-top: 2em; font-weight: bold; }
div#content h1+h3 { margin-top: 1em; }
div#content p { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1em; }
div#content p a { color: #F7931E; text-decoration: none; }
div#content p a:hover { text-decoration: underline; }
div#content a { color: #F7931E; text-decoration: none; }

div#content p.tell_me_more { margin-bottom: 1.5em; }
div#content p.tell_me_more a { font-size: 0.9em; }

div#content ul {  }
div#content li { 
  font-size: 1.4em; padding-left: 15px; margin-bottom: 0.25em; 
  background: transparent url(images/bullet.gif) no-repeat 3px 6px;
}

div#content h1.service-heading { margin-bottom: 5px;  }
div#content h1.project-heading { margin-bottom: 5px;  }
div#content div.entry p { margin-bottom: 1em;}

div#content div.post { margin-bottom: 3em; }

div#content p.post-info { color: #999; margin: 0 0 5px 0; font-size: 1.1em; }
div#content p.go_back { margin-top: 1em; font-size: 1.2em; color: #666; }

/* Right Sidebar - Boxes */
div.sidebar-box {
  background-color: #e7e7e8;
  margin-bottom: 2em;
  padding-bottom: 0.5em;
}
div.sidebar-box h3 {
  height: 25px;
  background: transparent url(images/main_menu_active.gif) no-repeat top left;
  color: #fff;
  line-height: 25px;
  padding-left: 8px;
}
div.sidebar-box img {
  display: block;
  margin-bottom: 1em;
}
div.sidebar-box p {
  color: #515151;
  padding: 0 10px; font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.5em;
}
div.sidebar-box p a { text-decoration: none; color: #F7931E; }
div.sidebar-box p a:hover { text-decoraion: underline; }

/* Left Sidebar - Hatched Background */
div.hatched-sidebar {
  padding: 15px 10px 15px 10px;
  background: transparent url(images/hatched_background.gif) no-repeat top left;
}
div.hatched-sidebar h3 {
  color: #F7931E; font-size: 1.8em; font-weight: bold;
  margin-bottom: 0.5em;
}
div.hatched-sidebar p {
  font-size: 1.3em; color: #818181;
  margin-bottom: 1em;
  line-height: 1.4em;
}


/* Footer */
div#footer {
  clear: both;
  height: 62px;
  padding: 20px 75px 0 56px;
  text-align: center;
  background: transparent url(images/footer_background.gif) no-repeat top left;
}

div#footer ul {
}
div#footer li {
  display: inline;
}
div#footer li a {
  color: #414141;
  text-decoration: none;
  padding: 0 6px;
  border-right: 1px #414141 solid;
}
div#footer li a:hover { text-decoration: underline; } 
div#footer li.last a { border-right: none; }