/*
Theme Name: CRC
Theme URI: http://rxwebservices.com/
Description: Child Theme for Thematic
Author: Jayson Ng
Author URI: http://rxwebservices.com/
Template: thematic
Version: 0.1
Thematic is © Ian Stewart http://themeshaper.com/


Site Colours
---------------------------
#background blue	#1b5398
#link active		#b2c5de
---------------------------

*/

/* 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('../thematic/library/layouts/2c-r-fixed.css');

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

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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


@import url("default.css");

/* font-family(ies) */
body, h1, h2, h3, h4, h5, h6, p,
.entry-title
{font-family:"Lucida Grande", "Lucida Sans Unicode", "Myriad Pro", "Helevtica", "arial", "sans-serif";}

/* @group Elements */
body {background:#1b5398 url(../../../images/bg01.jpg) repeat-x; font-size:12px; line-height: 26px; color:#686e75;}
a, .entry-title a {color:#FFF; font-weight: normal; text-decoration: none;}
a:link {color: #fff;}

a:hover {text-decoration:underline; color: #b2c5de;}

h2 {font-size: 16px; font-weight: bold;}
#content a:hover {color: #b2c5de;}
p {margin-bottom: 10px; }

#wrapper {background:transparent; width: 960px; margin: 0 auto 50px; position: relative; top: 0; left: 0;}

#header a#logo {background:#000 url(../../../images/logo.jpg); height: 146px; width: 960px; display:block;}
#header * {display: none;}
#header #social_links {display: block; position: absolute; top: 120px; right: 40px; z-index: 50;}
#header #social_links * {display: block;}
#header #social_links li {float: left; }
#header #social_links li a  {margin-left: 3px; cursor: pointer;}
#header #social_links li a img {width: 16px;}

#wrapper #main, #wrapper #footer, #nav {padding: 0 28px; width: 904px;}

#content {margin: 10px 0 0 0px; color: #fff; width: 897px;}
#content h1 {font-size: 24px; line-height: 28px; color: #bfd2eb; padding-bottom: 10px;}
#content p {text-align: justify;}
#content .contact p {margin-bottom: 5px;}

#container.post_content {width: 600px;}
#container.post_content #content {width: 540px;}
#container.post_content #content p {font-size: 14px; line-height: 18px;}

#footer {border: 0px; display: none;}

/* @group Primary Navigation */
#nav {position: relative; top: 0px; right: 0px;}
#nav .menu {width: 904px;}
#nav .menu ul {float:right; border:0;}
#nav .menu li {float:left; background-color: transparent;}
#nav .menu li a { height: 38px; display:block; border: 0; padding: 0; text-indent: -9999px;}

/* Home */
#nav .menu .page-item-12	a {background: transparent url(../../../images/nav/home.png) no-repeat; width: 79px;}
/* About Us */
#nav .menu .page-item-2 	a {background: transparent url(../../../images/nav/about.png) no-repeat; width: 106px;}
/* News */
#nav .menu .page-item-8  	a {background: transparent url(../../../images/nav/news.png) no-repeat; width: 135px;}
/* Products and Services */
#nav .menu .page-item-5 	a {background: transparent url(../../../images/nav/services.png) no-repeat; width: 195px;}
/* Contact Us */
#nav .menu .page-item-3  	a {background: transparent url(../../../images/nav/contactus.png) no-repeat; width: 119px;}

#nav .menu a:hover {background-position: 0 -76px;}
#nav .menu a:active {background-position: 0 -38px;}
#nav .menu .current_page_item a {background-position: 0 -38px;}


/* Pages */
#page_image {width: 897px; height: 359px;}

#primary {border: 0px;}
.aside {color: #ccc;}
#comments {color: #10315C;}
#comments h3 {color: #aaa;}
#comments #respond {padding: 20px;}