/*  
Theme Name: Glossy Cool Blue
Theme URI: http://www.cool-ade.co.uk
Description: WP glossy (GlossBlue) theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>. Adapted to 'Glossy Cool Blue' by <a href="http://www.cool-ade.co.uk">Cool-ade</a>
Version: 1.4.5
Author: Nick La
Author URI: http://www.ndesign-studio.com


	The 'GlossyBlue' theme was designed and built by Nick La. The 'Glossy Cool Blue' version was adapted Adrian Cooke.

	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

*/

body {
	font: 12px/100% Verdana, Tahoma, Arial;
	color: #000000;
	background: #FFFFFF url(images/main-bg.gif);
	margin: 0px;
	padding: 0px;
         line-height: 20px;
}
a {
	color: #CC6633;
	text-decoration: none;
}
a:visited {
	color: #CC6633;
	text-decoration: none;
}
a:hover {
	color: #CC6633;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin:0px;
	padding-left: 70px;
	height: 60px;
	font: bold 36px/100% Verdana, Tahoma, Arial;
	color: #c9eefe;
}
h1 a, h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #4f5278;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: 0px;
	font: normal 185%/100% Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #4f5278;
	text-decoration: none;
}
h2 a:hover {
	color: #CC6633;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% Verdana, Tahoma, Arial;
	color: #CC6633;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% Verdana, Tahoma, Arial;
	color: #4f5278;
	margin: 10px 0px 5px;
}
h4 a, h4 a:visited {
	color: #CC6633;
	text-decoration: none;
}
h5 {
	color: #CC6633;
	margin: 0px 0px 2px;
	letter-spacing: 0px;
	font: normal 140%/100% Verdana, sans-serif;
	padding-bottom: 3px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto 40px;
	width: 900px;
	border-bottom: 1px solid #d5e6eb;
	border-left: 1px solid #d5e6eb;
	border-right: 1px solid #d5e6eb;
	background: #FFFFFF url(images/content-bg.gif) repeat-y;
         -moz-border-radius-bottomleft: 15px; 
         -webkit-border-bottom-left-radius: 15px; 
         -moz-border-radius-bottomright: 15px; 
         -webkit-border-bottom-right-radius: 15px; 
}
/* header area */
#header {
	background: #0FACEA url(images/header-bg.jpg) no-repeat;
	height: 170px;
	border-bottom: 3px solid #6a6e8d;
	position: relative;
}
#headerimg {
	position: relative;
	padding: 30px 0px 0px 40px;
	height: 60px;
}
#headerimg .description{
	position: absolute;
	left: 110px;
	bottom: 3px;
	color: #c9eefe;
	font-size: 14px;
}
#nav {
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 10px;
	bottom: 0px;
}
#nav li {
	float: left;
	margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #000000;
	text-decoration: none;
}
#nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	background: #ecfdce url(images/nav-button-bg.gif) repeat-x;
	padding: 7px 15px 5px;
	font: bold 13px/100%   Arial, Helvetica, sans-serif;
	display: block;
        border-left: 1px solid #c6c8d4;
        border-right: 1px solid #c6c8d4;
        border-top: 1px solid #b0b2c2;
         -moz-border-radius-topleft: 5px; 
         -webkit-border-top-left-radius: 5px; 
         -moz-border-radius-topright: 5px; 
         -webkit-border-top-right-radius: 5px; 
}
#nav .page_item a:hover {
	color: #000000;
}
/* adbar area */
#adbar {
	padding: 10px 10px;
	float: left;
	width: 120px;
	overflow: hidden;
}


/* content area */
#content {
	padding: 10px 15px 30px 15px;
	float: left;
	width: 490px;
	overflow: hidden;
        border-left: 1px dotted #CCCCCC;
}
#contentwide {
	padding: 10px 20px 30px 20px;
	float: left;
	width: 630px;
	overflow: hidden;
}
#contentwide .post-title {
	float: left;
	margin-left: 10px;
        width: 570px;
}
#about {
	width: 260px;
	height: 340px;
	float:left;
	padding: 15px 15px 10px 15px;
	margin-top: 10px;
	margin-bottom: 20px;
        overflow: hidden;
        color: #ffffff;
	background: #6a6e8d;
         line-height: 18px;
	-moz-border-radius-topleft: 5px; 
        -webkit-border-top-left-radius: 5px; 
        -moz-border-radius-topright: 5px; 
        -webkit-border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; 
        -webkit-border-bottom-left-radius: 5px; 
        -moz-border-radius-bottomright: 5px; 
        -webkit-border-bottom-right-radius: 5px;
}
#about ul li{
	background: url(images/mini-page-arrow-orange.gif) no-repeat !important;
	padding-left: 15px !important;
	list-style: none;
	margin: 0 0 5px;
}

#about ul{
	list-style: none;
	margin: 0 0 12px;
	padding: 0px;
}
#about a, #about a:visited {
	color: #4f5278;
}
#box {
	width: 274px;
	float:left;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
        color: #4f5278;
	background: #c0c0d3;
        border: 1px solid #c0c0d3;
        -moz-border-radius-topleft: 5px; 
        -webkit-border-top-left-radius: 5px; 
        -moz-border-radius-topright: 5px; 
        -webkit-border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; 
        -webkit-border-bottom-left-radius: 5px; 
        -moz-border-radius-bottomright: 5px; 
        -webkit-border-bottom-right-radius: 5px;
}
#box ul li{
	background: url(images/mini-page-arrow-orange.gif) no-repeat !important;
	padding-left: 15px !important;
	list-style: none;
	margin: 0 0 5px;
}

#box ul, #box p{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.boxleft{
	margin-left: 28px;
}
.boxcontact{
	color: #ffffff;
	text-decoration: none;
	background: #ecfdce url(images/nav-button-bg.gif) repeat-x;
	padding: 4px 10px 4px;
	font: bold 13px/100%   Arial, Helvetica, sans-serif;
}
#boxsmall {
	width: 120px;
	float:left;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
        color: #4f5278;
	background: #ffffff;
        border: 1px solid #c0c0d3;
        -moz-border-radius-topleft: 5px; 
        -webkit-border-top-left-radius: 5px; 
        -moz-border-radius-topright: 5px; 
        -webkit-border-top-right-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; 
        -webkit-border-bottom-left-radius: 5px; 
        -moz-border-radius-bottomright: 5px; 
        -webkit-border-bottom-right-radius: 5px;
}
.boxsmallleft{
	margin-left: 28px;
}
.linkcat ul li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
	list-style: none;
	margin: 0 0 5px;
}
.linkcat, .blogroll{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.linkcat h3 {
	color: #4f5278;
}
.post-content ul, .post-content ol, .entry ul, .entry ol{
	margin: 0px 0px 15px;
}
.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
        width: 430px;
}

.entry {
	clear: both;
	padding-top: 10px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #4f5278;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #e4e5eb;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#e4e5eb;
	border: 1px solid #a8aabc;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 615px;
	height: 115px;
	background:#e4e5eb;
	border: 1px solid #a8aabc;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:left;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

/*sidebar */
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
	width: 220px;
	color: #666666;
	overflow: hidden;
        font-size: 94%;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle {
	font: normal 140%/100% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #4f5278;
	margin: 20px 0px 2px;
	border-bottom: 1px solid #a8aabc;
}
#sidebar .sidebartitle a{
	color: #4f5278;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #495233;
	text-decoration: none;
}
#sidebar a:hover{
	color: #CC6633;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.list-blogroll li{
	background: url(images/mini-blogroll.gif) no-repeat !important;
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	background: url(images/mini-category.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li, li.Latest_tweets_widget li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#searchform {
	margin: 15px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	border:1px solid #a8aabc;
	width: 135px;
	height: 20px;
	padding: 4px 5px 0px 5px;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 67px;
	height: 26px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}

/* footer area */
#footer {
	clear: both;
	background: #048DB4 url(images/footer-bg.gif) no-repeat;
	color: #ACD7EE;
	font-size: 92%;
	line-height: 130%;
	padding-bottom: 10px;
         -moz-border-radius-bottomleft: 15px; 
         -webkit-border-bottom-left-radius: 15px; 
         -moz-border-radius-bottomright: 15px; 
         -webkit-border-bottom-right-radius: 15px; 
}
#footer a, #footer a:visited {
	color: #ffffff;
}
#footer h4 {
	font: normal 146%/100% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #9cdbfb;
	margin: 10px 0px 5px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-posts strong {
	line-height: 135%;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.footer-about {
	width: 220px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background: url(images/footer-right-bg.gif) no-repeat;
}
/* credits */
#credits {
	margin: 0px auto;
	width: 760px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited {
	color: #048db4;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat right center;
	padding-right: 18px;
	padding-bottom: 0px;
	margin-right: 10px;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial;
	float: right;
}
.loginout {
	background: url(images/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
        padding-right: 10px;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}