/*  
Theme Name: Blueskool 
Theme URL: http://www.antidote.com.sg/downloads/
Version: 1.2
Description: BlueSkool by <a href="http://www.antidote.com.sg/web-design">Antidote</a>, is a 2-column, widget-ready theme that's easy on the eyes.  

Now supports My Page Order plugin.

For support and feedback email support@antidote.com.sg

Author: Antidote Web Design
Author URI: http://www.antidote.com.sg/web-design/
Tags: blue, two-columns, fixed-width

Revision history
V 1.2
- Fixed display errors for Blog and Archive pages
- Navigation Bar now works with My Page Order plugin.

V 1.1.2
- Increased left, right margins for widgets
- Removed borders on images that appear in sidebar

V 1.1.1
- header.php code cleaned up for more efficient indexing by spiders.

V 1.1
- Header now displays blog title and tagline instead of hard-coded image
- Link in post titles now work
- Added extra default widgets to sidebar 
*/

/* ------ Page Reset ------*/
html {
    height: 100%;
 	}

body,div {
	margin:0; 
	padding:0; 
	border: 0;
	} 
	
/* ------ Page Elements ------*/
body {
	background-color: #238BB0;
	color: #5C7E8B;
	font-size: 12px;
	font-family:Arial, Helvetica;
	margin: 0px
	padding: 0px;
	}
	
#wrap {
	width: 960px;
	margin: 10px auto 10px;
	padding: 0px;
	position: relative;
	min-height: 100%;
    height: auto !important;
    height: 100%;
   	margin: 0 auto -100px;
	}

a, a:visited {
	color: #5C7E8B;
	text-decoration: underline;
	}
	
a:hover {
	color: #5C7E8B;
	text-decoration: none;
	}
	
/* ------ Top Navigation Bar ------*/
#topbar{
	height:40px;
	padding-left:20px;
	background: #ffffff;
	}

#topbarleft{
	float:left;
	width:20px;
	}
	
#topnavbar{
	float:right;
	margin-right:0px;
	padding:0px;
	font-size:18px;
	display:block;
}	
	
#topnavbar ul {
	float: left;
	list-style: none;
	}
	
#topnavbar li {
	list-style: none;
	float: left;
	padding: 0px;
	}
	
#topnavbar li a, #topnavbar li a:link, #topnavbar li a:visited {
	list-style: none;
	display: block;
	color: #1F6895;
	font-weight: normal;
  	margin-right:20px;
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	}

#topnavbar li a:hover, #topnavbar li a:active {
 	margin-right:20px;
	padding: 9px 15px 8px 15px;
	}
	
#topnavbar li li a, #topnavbar li li a:link, #topnavbar li li a:visited {
	background: #1F6895;
	width: 150px;
    color: #ffffff;
	font-weight: normal;
	float: none;
	margin: -1px 0px 0px 0px;
	padding: 7px 10px 7px 10px;
	border: 1px solid #FFFFFF;
	}
	
#topnavbar li li a:hover {
	background: #1F6895;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#topnavbar li ul li ul li li a:link {
	background: #fffff;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#topnavbar li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

#topnavbar li ul a { 
	width: 140px;
	}
#topnavbar li ul ul {
	margin: -37px 0 0 173px;
	}
	
#topnavbar li:hover ul ul, #topnavbar li:hover ul ul ul, #topnavbar li.sfhover ul ul, #topnavbar li.sfhover ul ul ul {
	left: -999em;
	}

#topnavbar li:hover ul, #topnavbar li li:hover ul, #topnavbar li li li:hover ul, #topnavbar li.sfhover ul, #topnavbar li li.sfhover ul, #topnavbar li li li.sfhover ul {
	left: auto;
	}

#topnavbar li:hover, #topnavbar li.sfhover { 
	position: static;
	}
	
/* ------ Header ------*/

#header {
	width: 960px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft {
	float:left;
	width: 680px;
}

.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.headertitle{
	margin-left:20px;
	float:left;
	color: #E3E8EA;
	font-size: 18px;
	}

.headertitle h1{
	margin: 7px 0px 0px;;
	}

.headertitle a:link, .headertitle a:visited, .headertitle a:hover{
	font-size: 55px;
	color: #ffffff;
	text-decoration:none;
	}

.headerright {
	width: 280px;
	float: right;
	margin-top: 50px;
	padding: 18px 0px 0px 0px;
	}
	
/* ------ Search Form ------*/

#searchform {
	float:right;
	margin-right: 8px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}

#searchbox {
	width: 150px;
	font-size: 11px;
	margin: 0px;
	padding: 4px 0px 3px 5px;
	display: inline;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	}
	
#searchbutton {
	background: #FFFFFF;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	}
	
/* ------ Content ------*/

#content {
	width: 940px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	line-height: 18px;
	}
	
#content h1 {
	color: #042D55;
	line-height: 35px;
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #042D55;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration:none;
	}

#content h1 a:hover {
	color: #042D55;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
	}

#contenttop {
	float: left;
	width: 600px;
	margin: 0px;
	height: 13px;
	background-color: #ffffff;
	background-image: url(images/maintop.gif);
	background-repeat: no-repeat;
	}

#contentbottom {
	float: left;
	width: 600px;
	margin: 0px;
	height: 20px;
	background-color: #ffffff;
	background-image: url(images/mainbottom.gif);
	background-repeat: no-repeat;
	}

#contentwrap {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	}
	
#contentleft {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background-color: #ffffff;
	background-image: url(images/sidebarbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
#contentleft .wp-caption a img{
	border: 5px solid #003366;
} 

#contentleft p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft a img {
	border: none;
	}

#contentleft ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
#contentleft ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

blockquote {
	background: #C5E0EA;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 0px 15px;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea {
	background: #EAF5F9;
	float: left;
	width: 540px;
	margin: 20px 0px 10px 25px;
	padding: 10px;
	border: 1px solid #CEE4EC;
	}
	
.date {
	width: 540px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
.dateleft {
	width: 330px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.dateright {
	width: 210px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

.date, .date a:link, .date a:visited {
	font-size: 10px;
	text-decoration: none;
	}
	
.date a:hover {
	text-decoration: underline;
	}

.postmeta, .postmeta a:link, .postmeta a:visited{
	width: 540px;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;
	}

.postmeta a:hover{
	text-decoration: underline;
	}
	
.postmeta2 {
	width: 540px;
	font-size: 12px;
	padding: 5px 0px 40px 0px;
	margin: 0px;
	}
	
.comments {
	float: left;
	padding: 10px;
	width: 540px;
	margin: 20px 0px 10px 20px;
	padding: 10px;
	}
	
#name, #email, #url, #words {
	background: #EEEEEE !important;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	border-top: 1px solid #759697;
	border-right: 1px solid #A3BAB9;
	border-left: 1px solid #759697;
	border-bottom: 1px solid #A3BAB9;
	display: inline;
	}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	border: 5px solid #003366;
	}
	
img.aligncenter{
	float: center;
	margin: auto;
	padding: 0px;
	border: 5px solid #003366;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	border: 5px solid #003366;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	border: 5px solid #003366;
	}
	

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.wp-caption {
	margin: 0px;
	padding: 0px;
	}
	
.wp-caption img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	border: 5px solid #003366;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	line-height: 12px;
	}
	
/* ------ Sidebar ------*/
	
#sidebarwrap {
	float:right;
	width: 320px;
	}

#sidebartop {
	float: right;
	width: 320px;
	display: inline;
	height: 13px;
	background-color: #000000;
	background-image: url(images/sidebartop.gif);
	background-repeat: no-repeat;
	}
	
#sidebarbottom {
	float: right;
	width: 320px;
	display: inline;
	height: 20px;
	background-color: #000000;
	background-image: url(images/sidebarbottom.gif);
	background-repeat: no-repeat;
	}
	
#sidebar {
	float: right;
	width: 312px;
	margin: 0px;
	padding: 0px 0px 10px 8px;
	display: inline;
	background-color: #E3E8EA;
	color: #606263;
	background-image: url(images/sidebarbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
#sidebar img{
	border: 0px;
	}

#sidebar a:link, #sidebar a:visited {
	color: #606263;
	text-decoration: none;
	}

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

#sidebar h2 {
	color: #FFFFFF;
	background-color: #000000;
	height: 35px;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 0px 20px;
	}
	
#sidebar ul {
	margin: 10px 0px 10px 20px;
	padding: 0px;
	list-style-image: url(images/bullet.gif);
	}

#sidebar li {
	list-style-type: none;
	margin: 0px;
	list-style-position:outside;
}	

#sidebar ul li {
	margin: 0px 0px 5px 10px;
	padding: 0px;
	}
	
.textwidget{
margin: 0px 10px 0px 10px;
}
	
#tag_cloud a {
	padding:0px 10px 0px 10px;
	}
	
/* ------ Footer ------*/

#footer {
        color:#807E7E;
        font-size:10px;
	background: #000000;
	width: 100%;
	height: 30px;
	margin: 0px;
	margin-top: 100px;
	text-align: center;
	height: 100px;
	position: relative;
	}
	
#footer a:link, #footer a:visited, #footer a:hover{ 
	color:#807E7E;
     font-size:10px;
	text-decoration:none;
}
	
.push {
	height: 100px;
	}
	
#footerleft{
	float:left;
	margin: 25px 0px 20px 10px ;
	position: absolute;
	bottom: 0;
	}

#footerright{
	float:right;
	margin: 25px 10px 0px 0px ;
	}