/**
  Theme Name: Naked
  Theme URI: http://code.google.com/p/wordpress-naked/
  Version: 1.2
  Author: Siftware
  Author URI: http://www.siftware.co.uk
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: LGPL
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/

html {
  overflow-y: scroll;
  margin: 0px;
  padding: 0px;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	padding-top: 30px;
 }

#canvas {
  width: 892px;
  min-height: 480px;
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

#header {
  margin: 0 0 5px 0;
}

#logo {
	float: left;
	width: 350px;
	height: 65px;
}

a, a img {
	text-decoration: none;
	border: none;
}

#header_nav {
	float: right;
	padding-top: 18px;
}

#header_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

#header_nav ul li {
	display: inline;
	padding-left: 5px;
	padding-right: 9px;	
}

#header_nav ul li:first-of-type {
	border-right: 1px #999999 solid;
}	

#header_nav ul li a {
	color: #999999;	
	text-decoration: none;
}	

#header_nav ul li a:hover {
	color: #666666;	
}
	
.clear {
	clear:both;
}

/* Top menu */
#top_menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 0px; 
}

#top_menu ul li {
	display: inline;
	padding-left: 10px;
	padding-right: 15px;
	border-left: 1px #999999 solid;	
	padding-top: 6px;	
}

#top_menu ul li.current-menu-item a {
	color: #0182c4;	
}

#top_menu ul li a {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;	
}	

#top_menu ul li a:hover {
	color: #0182c4;	
}


/* Sidebar */
#side {
	width: 272px;
	height: 393px;
	background-image: url('images/promo-bgnd-home.jpg');
	background-position: top center;
	background-repeat:no-repeat;
	position: absolute;
	right: 0px;
	top: 70px;
}

#side_home {
	width: 272px;
	height: 343px;
	background-image: url('images/promo-bgnd-home.jpg');
	background-position: top center;
	background-repeat:no-repeat;
	position: absolute;
	right: 0px;
	top: 70px;
}

#side_home h1 {
	display: block;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #fff;
	margin-top: 35px;
	margin-left: 20px;	
}	

#side h2 {
	display: block;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #fff;
	margin-top: 35px;
	margin-left: 20px;
}

#side_home .content {
	height: 282px;	 
	padding: 0 22px;
	color: #fff; 
}

#side_home a {
	color: #fff;
	text-decoration: none; 
	display: inline-block;
	padding-left: 22px;
}

#side a {
	color: #fff;
	text-decoration: none; 
	display: inline-block;
	padding-left: 22px;
	position: absolute;
	bottom: 10px;
}

/* Sidebar contact form */
.wpcf7 {
	padding-left: 20px !important;
}

.wpcf7 label {
	float: left;
	color: #fff;
	width: 65px;
	padding-top: 4px;
}

.wpcf7 input[type="text"] {
	width: 140px;
	float: left;
}

.wpcf7 input[type="submit"] {
	width: 140px;
	margin-left: 65px;
}

.wpcf7 textarea {
	width: 140px;
	height: 80px;
}

/* Home widgets */
#home_widgets {	
	margin-top: 30px;
}

#home_widgets ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 130px;	
}	

#home_widgets ul li {
	display:inline-block;
	width: 271px;
	height: 126px;		
	background-position: top left;
	background-repeat: no-repeat;
	border: 1px #ccc solid;	
	color: #000;
}	

#home_widgets ul li:hover {
	background-image: none !important;
	background-color: #0182c4;
	cursor: pointer;
	color: #fff;
}

#home_widgets ul li#one {
	background-image: url('images/our_interpreters.jpg');
	margin-right: 32px;
}	

#home_widgets ul li#two { 
	background-image: url('images/what_to_expect.jpg');
	margin-right: 32px;
} 

#home_widgets ul li#three {
	background-image: url('images/news.jpg');
}

#home_widgets ul li span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;	
}	

#home_widgets p {	
	width: 250px;
	padding-left: 10px;
	margin-top: 20px;
}

/* Table */
table th {
	color: #000;
	text-align: left;
	width: 55px;
}

table#our-interpreters {
	border-collapse: collapse;
	border: 1px #4F81BD solid;
	width: 100%;
	margin-top: 20px;
}

table#our-interpreters th {
	border-collapse: collapse;
	background-color: #4F81BD;
	color: #fff;
	text-transform: uppercase;
	padding: 2px;
	padding-left: 5px;
}

table#our-interpreters td {
	color: #000;
	padding: 2px;
	padding-left: 5px;	
}	

table#our-interpreters tr:nth-child(even) {
	background-color: #D3DFEE;	
}	





/**      main content     */
#primaryContent {
  width: 540px;
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
  color: #0182c4;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 22px;
    font-weight: normal;
    color: #0182c4;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ul#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 200px;
  float: left;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
  clear: both;  
  background-color: #0182c4; 
  color: #fff;
  font-size: 13px;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 100px;
}

#footer #footer_content {
	width: 892px;
	margin: 0 auto;
	position: relative;
}

#footer #footer_content p {
	padding: 0px;
	margin: 0px;	
}	

#footer #footer_content #contact {
	position: absolute;
	height: 58px;
	right: 0px;
	bottom: -8px;
	width: 380px;
	background-image: url('images/interpreting-services-footer-logo.jpg');
	background-position: left top; 
	background-repeat: no-repeat;	
}

#footer #footer_content #contact p {
	margin: 0px;
	padding: 0px;
	padding-left: 80px;
	padding-top: 40px;		
}	

#footer #footer_content #contact p span {
	padding-bottom: 5px; 
	line-height: 5px;
}	

#footer #footer_content #contact a {
	color: #fff;
}	

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}