/*   
Theme Name: Phocus Theme
Theme URI: http://phocus.com.sg/
Description: Theme for Phocus.com.sg
Author: Lin Junjie
Author URI: http://phocus.com.sg/
Template: thematic
Version: 1.0
Tags: Phocus
*/

/* 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');


html {
	/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height:100%;
	margin-bottom:1px;
}

/*a:visited { color: #004B91; }*/
	
.entry-content a:visited { /*color: #666;*/     color:#004B91; }

.entry-content a:active,
.entry-content a:hover,
a:active,
a:hover {
    color: #999;
}

#header { background:#525252 url('images/header-background.png') top left repeat-x; }
/* #branding { background:transparent url('images/phocus-logo.png') -60px -40px no-repeat; height:100%; } */
#branding { padding:0; }

#blog-title a {
display:block;
text-indent:-9000px;
height: 195px;
width: 554px;
background:transparent url('images/phocus-logo.png') 0 0 no-repeat;
margin-left: -50px;
}

#blog-description {
position:absolute;
left:-9000px; /* We avoid display:none because it's bad for SEO */
}

#access { border-bottom:1px solid black; }


#footer, body { background:#eee; }
#wrapper { background:#fff; }

.sf-menu { border-right:none; }
.sf-menu a { border-left:none; border-bottom-color:black;}

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
    background:     #fff;
}

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

.entry-content img, #random_image_wrapper img { border:1px solid #999; }


/* BEGIN Photo widget */

.ngg-widget img {
	border:1px solid #999;
	margin:0; 
	padding:0; 


	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.ngg-widget p {
	text-align: left;
	margin:0;
}

.ngg-widget { padding: 0; }

/* END Photo widget */


.entry-title a:active,
.entry-title a:hover {
    background: #ddd;
    color: #000;
}

.page-title {
    font-family:Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    line-height:26px;
    padding:0 0 1em 0;
}


a.ngg-album-desc:active,
a.ngg-album-desc:hover {
	background: #fcffb1;
    color: #000;
}

.ngg-widget p a {
	background: #fcffb1;
	font-weight: bold;
}

.ngg-widget p a,
a.more-link {
	background: #fcffb1;
    color:#666;
	font-style: italic;
}
.ngg-widget a:visited,
a.more-link:visited { color: #666; }

.ngg-widget a:active,
.ngg-widget a:hover,
a.more-link:active,
a.more-link:hover {
    color: #FF4B33;
}

.author a { font-weight: bold; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { clear:none; }

.entry-content h1,
.entry-content h2 { padding:0 0 28px 0; }

.entry-content h3 {
    font-family:Arial,sans-serif;
    font-size:19px;
    font-weight:bold;
    font-style: normal;
	padding:0;
	margin-bottom: 22px;
}

.entry-content h4 { font-size: 14px; }

.entry-content { padding:0; /* remove top alignment problem when floated image is first element in post */ }
h1.entry-title { /*padding: 0 0 35px 0;*/ /* add back 22px top padding removed from entry-content */ margin-bottom: 22px; }
.entry-meta { padding-bottom: 22px; }

span.subSubTitle { font-weight: bold; margin-right: 1em; }
p.courseDetails { margin-top: -22px; font-style: italic; }

hr { margin: 2.5em 200px; clear:both; }
hr.space { border: none; }

#secondary {
    border:1px solid #ccc;
    padding:18px 0 0 0;
    margin-bottom:22px;
    background: #eee;
}

.ngg-album-compact h4 {
	letter-spacing:normal;
}

a.ngg-album-desc {
    color:#000;
    text-decoration:none;
}

img.Thumb:hover {
	background-color: #A9A9A9;
}


img.noborder { border: 0; }
img.icon { border: 0; margin: 0; border: 0; }

div.smaller { width: 65%; background: #eee; padding:1em 1.5em; }
.smaller ol { font-size: 0.9em; }

div.indent { padding-left: 1.5em; }

/* Begin Links */

a.button:link, a.button:visited {
	color: #def;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background-color: #09f;
	border: 2px solid;
	border-color: #2af #08e #08e #2af; 
	padding: 2px 4px;
	text-decoration: none;
	margin: 1em 0;
	}
a.button:focus {
	color: #000;
	}
a.button:hover {
	color: #fff;
	border-color: #5bf #06c #06c #5bf; 
	}
a.button:active {
	color: #fed;
	background-color: #f90;
	border-color: #e80 #fa2 #fa2 #e80; 
	}

/* END Links */

/* BEGIN Wp-tables reloaded */

/* Global CSS definitions for WP-Table Reloaded
inspired by "blue" theme of TableSorter 2.0 Plugin */

/* on how to change column widths, see below */

/* general table styles */
table.wp-table-reloaded {
	font-family:arial, sans-serif;
/*	background-color: #eee;*/
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #ccc;
}

/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:inherit;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color: #eee;
}

table.wp-table-reloaded ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

table.wp-table-reloaded br {
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

table.wp-table-reloaded ol li {
	margin: 0;
	padding: 0;
	height:auto;
}

/* END Wp-tables reloaded */

.boxNotice {
border:1px solid #ccc;
background: #eee;
padding:5px 12px 0px 12px;
font-size: 0.9em;
margin-bottom: 1em;
}