/*   
Theme Name: Palmer Street Townsville
Theme URI: 
Description: Palmer Street Townsville
Author: Joanne Walter
Author URI: 
Version: 1.0
.
General comments/License Statement if any.
.
Key styles for: Palmer Street Townsville
Website designed and developed by Mojito Solutions, Katrina Youngman 
Last updated: Joanne Walter, 25 June 2009 */
img, div { behavior: url(iepngfix.htc) }

/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: url(images/background.gif) repeat; font-family: "Century Gothic" Arial, Helvetica, sans-serif; font-size: 62.5%; color: #ffb201;}
* html body { font-size: 10px;}
/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px;}
#banner{border-bottom: 20px solid #ffde00;position: relative;}

#content {width: 960px; min-height: 530px; overflow: hidden; background: url(images/columns-bg.gif) repeat-y; }
#content .col {position: relative; float: left;}
#left {width: 170px; background: #fff; overflow:hidden}
#right{width: 170px; background: #fff; margin-top: 445px; padding-top: 60px; }
* html #right { margin-left: 30px; margin-right: -30px; position: relative;}
#main{width: 590px; padding: 15px;}
* html #main{width: 530px; padding: 0px;}
#first-article{width: 445px; padding: 10px 165px 10px 10px;}
* html #first-article{ padding: 10px }
#articles{clear: both;}

#footer{clear: both; background: #fff; margin-top: 20px; padding: 10px;}
#footer-logos{text-align: center;}
#navigation { background: url(images/background.gif) repeat; height: 50px;   }
#feature-image{float: right; margin-right: -10px; margin-top: -80px; margin-bottom: -529px;position: relative;}

/*Navigation Styles*/
#navigation ul {padding: 15px 0; text-align: center;}
#navigation li {margin: 2px; display: inline; list-style: none;}
#navigation li a{text-decoration: none; color: #262626; font-size: 1.2em; background: #ffb201; padding: 5px 30px; }
#navigation li a:hover {color: #fff; background: #d73509; border-bottom: none;}
#navigation {display: none;}
/*Link Styles*/
a {color: #fff; text-decoration: none;border-bottom: 1px dotted #fff;}
a:link{color: #fff;}
a:visited {color: #fff;}
a:hover {color: #ffb201; border-bottom: 1px dotted #fff;}
#bannerimg { margin-bottom: -5px; }
/*#right a, #left a, #footer a, .highlight-box a{color: #d73509;border-bottom: 1px dotted #ccc;} 
#right a:hover, #left a:hover, #footer a:hover, .highlight-box a:hover {color: #333; border-bottom: 1px dotted #d73509;} */

/*Paragraph Styles*/
h1 {font-size: 4em; color: #d73509; padding: 10px 0; font-weight: normal; line-height: 1em;}
h2{ font-size: 3.5em;}
h3 {font-size: 3em; color: #d73509; padding: 5px 0px; font-weight: normal; line-height: 1em; }
h4 {font-size: 2.5em; color: #d73509; padding: 5px 0px; font-weight: normal; line-height: 1em;}
p {font-size: 1.5em; padding-bottom: 15px;}

#right p, #left p, #footer p, .highlight-box p{color: #333; padding-bottom: 10px;} 
#main h2 {font-size: 3.6em; color: #d73509; margin: 10px 0; font-weight: normal; line-height: 1em; background: url(images/heading2.jpg) no-repeat top left #f3d302; padding: 10px 0px 10px 20px; width: 436px;}

/*Table Styles*/
table {background: #f3d302; border: 1px solid #333; margin-bottom: 15px;}
table td{padding: 5px; background: #f3d302; color: #333; border: 1px solid #333; font-size: 1.6em;}

/*List Styles*/
#content ul, #content ol {font-size: 1.5em; margin-left: 30px; padding-bottom: 15px; color: #ffb201; line-height: 1.2em}
#navigation ul{margin-left: 0;}

.listitems li {list-style: none; margin-left: -30px;}
.listitems.col{margin-right: 30px;}

/*Image Styles*/
#left img, #right img{padding: 10px 0px;}
#main img {margin: 5px;}
#footer img{padding: 5px;}

/*Class Selectors*/
.alignright {float: right; padding: 5px;border: 1px solid #ccc;}
.alignleft {float: left; padding: 5px;border: 1px solid #ccc;}
.clear {clear: both;}
.hide {display: none;}
.highlight-box{background: #fff; padding: 10px; overflow: hidden;}
.column-list {margin-bottom: 1em; }
.column-list ul{ width: 400px; margin-bottom: 20px; }
.column-list ul li { float: left; width: 200px;}