/*   
Theme Name: Saphara
Theme URI: http://www.almodesign.com/
Description: Bespoke theme for Saphara - made by Almo Design
Author: Alex Maxwell
Version: 2.3
*/

/* GENERAL HTML */

body { margin: 0; padding: 0; background: #00A4CA; font: 14px Arial, sans-serif; color: #FFF; }
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
p { margin: 7px 0; }
ul, ol { margin: 0 0 10px 0; }
a:link, a:visited { color: #FFF; }
a:active, a:hover { color: #036; }
a img, img { border: 0 !important; }

/* HEADER */

.center { width: 950px; margin: 0 auto; padding: 0 5px; }

#logo { width: 280px; float: left; }

#site-description { 
	width: 370px; 
	height: 80px; 
	float: right;
	margin: 0;
	padding: 20px 0 10px 0; 
	font-size: 12px;
	color: #FFF;
}

#quote { width: 370px; height: 65px; float: right; margin: 0; font-size: 12px; }

#site-description p, #quote p { margin: 0; padding: 0; }

#quote a { text-decoration: none; color: #036; }

#navigation { width: 100%; height: 45px; float: left; margin: 25px 0 2px 0; background: #FFF; }
#navigation ul { width: 958px; margin: 0 auto; padding: 0; list-style: none; }
#navigation li { display: inline; margin: 0; padding: 0; }
#navigation span { float: left; clear: both; margin: 4px 0 0 0; font-weight: normal; }

.nav-main { 
	height: 45px;
	margin: 0;
	padding: 0;
	border-left: 2px #00A4CA solid; 
	border-right: 2px #00A4CA solid;
}

.nav-main a {
	width: 85px; 
	height: 35px;  
	float: left;
	padding: 5px 3px 5px 6px;
	margin: 0;
	border-right: 2px #00A4CA solid;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.nav-main a:link, .nav-main a:visited { background: #FFF; color: #036; }
.nav-main a:active, .nav-main a:hover { background: #069; color: #FFF; }

a.right { float: right; border-right: none; border-left: 2px #00A4CA solid; }

/* HOME */

#banner { 
	width: 100%; 
	height: 143px; 
	float: left; 
	margin: 0px; 
	padding: 0px; 
	background: url(graphics/banner.jpg) center repeat-x;
}

#slider { width: 960px; height: 143px; margin: 0 auto; }

.boxgrid { 
	width: 190px; 
	height: 143px; 
	float: left; 
	margin: 0 1px;
	overflow: hidden;
	position: relative;
}

.boxcaption { 
	width: 100%; 
	height: 90px; 
	float: left; 
	position: absolute;  
}

.caption .boxcaption { top: 118px; left: 0; }

.slide-title {
	width: auto;
	float: left;
	clear: both;
	margin: 0;
	padding: 2px 3px;
	color: #036;
	font-family: "Times New Roman", serif;
	font-size: 18px;
	background: #FFF;
}
.slide-text {
	width: 184px;
	float: left;
	clear: both;
	margin: 0;
	padding: 2px 3px 6px 3px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #00A4CA;
}
	

/* INDEX */

.content { width: 600px; float: left; margin: 25px 5px 0 0; }

.section { 
	float: left;
	clear: both;
	margin: 0 0 20px 0; 
	color: #069; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
}

.post { width: 600px; height: auto; float: left; margin: 0 0 25px 0; padding: 0; }
.post img { padding: 5px; display: inline-block; margin: 0 5px 0 0; background-color: #FFF; }

.post-header { float: left; width: 600px; margin: 0 0 15px 0; }

.post-title a, .page-title { 
	float: left;
	clear: both;
	margin: 0;
	padding: 2px 3px;
	color: #069;
	font-family: "Times New Roman", serif;
	font-size: 28px;
	text-decoration: none;
	background: #FFF;
}

.page-title { margin: 0 0 15px 0; }

.post-date {
	float: left;
	clear: left;
	margin: 5px 0;
	padding: 2px 3px;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #069;
}

.postmetadata { float: right; margin: 5px 0; padding: 0 5px 0 0; }
.postmetadata a:link, .postmetadata a:visited { color: #FFF; }
.postmetadata a:active, .postmetadata a:hover { color: #036; }

.entry { width: 600px; float: left; clear: both; }

.tags { color: #069; }

.tags a:link, .tags a:visited { color: #069; }
.tags a:visited, .tags a:hover { color: #036; }

.edit a:link, .edit a:visited, .edit a:active, .edit a:hover
{ float: left; margin: 10px 0 0 0; padding: 2px 3px; color: #FFF; background: #C00; text-decoration: none; }

/* SPECIAL POSTS */

.category-comments .post-header { display: none; }
.category-comments .entry { font-size: 18px; font-family: "Times New Roman", Times, serif; font-style: italic; }
.category-comments .edit { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; }

.sticky { width: 600px; float: left; padding: 0 0 5px 0; }
.sticky .post-header { 
	margin: 0 0 5px 0; 
	background: url(graphics/headlines.gif) no-repeat; 
	background-position: right; 
}
.sticky .post-title a {  
	padding: 5px; 
	background-color: #069;
	color: #FFF; 
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.sticky .post-date, .sticky .postmetadata { display: none; }

/* IMAGES */

.gallery img { margin: 0; }
.gallery-item { display: inline; margin: 0 !important; padding: 0; }
.gallery-icon { display: inline; margin: 0; padding: 0; }

.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright { float: right; margin: 0 0 0 5px; }
img.alignleft { float: left; margin: 0 5px 0 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 0 5px; }
a img.alignleft { float: left; margin: 0 5px 0 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* SIDEBAR */

#sidebar { 
	width: 286px; 
	float: right; 
	margin: 25px 0 0 5px; 
	color: #069; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar h2 { 
	float: left; 
	clear: both; 
	margin: 0 0 5px 0;
	padding: 2px 3px 3px 3px; 
	background: #069; 
	color: #FFF; 
	font-size: 18px;
}

#sidebar a { font-size: 14px; }
#sidebar a:link, #sidebar a:visited { text-decoration: none; color: #FFF; }
#sidebar a:active, #sidebar a:hover { text-decoration: underline; color: #036; }

#sidebar ul, #sidebar li { list-style: none; margin: 0; padding: 0; }
#sidebar ul { float: left; clear: both; margin: 0 0 15px 0; }

#sidebar .widget_tag_cloud h2 { display: none; }
#sidebar .widget_tag_cloud a:link, #sidebar .widget_tag_cloud a:visited { color: #FFF; text-decoration: none; }
#sidebar .widget_tag_cloud a:active, #sidebar .widget_tag_cloud a:hover { color: #036; text-decoration: underline; }

/* WIDGETS */

.widget_tag_cloud { margin: 0 0 15px 0; }

.widget_categories h2, .widget_archive h2 {  }
.widget_categories li, .widget_archive li { display: inline; }

/* SEARCHBAR */

#searchform input#s { 
	width: 251px; 
	margin: 0 0 15px 0;
	padding: 5px 30px 5px 5px;
	color: #069;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	background: url(graphics/search.gif) no-repeat #FFF; 
	background-position: right;
	border: none;
}

#searchform input#s:focus { 
	background: url(graphics/search-focus.gif) no-repeat #069; 
	background-position: right; 
	color: #FFF; 
	outline: none;
}

/* NAVIGATE POSTS */

.navigation { width: 600px; float: left; clear: both; margin: 25px 0 0 0; }
.navigation a { font-size: 24px; text-decoration: none; font-weight: bold; padding: 2px 3px; }
.navigation a:visited, .navigation a:link { color: #FFF; }
.navigation a:active, .navigation a:hover { color: #069; background: #FFF; }
.older { float: left; }
.newer { float: right; }

/* FOOTER */

#footer { width: 950px; float: left; padding: 25px 0; font-size: 12px; color: #FFF; }
#footer a:link, #footer a:visited { color: #FFF; }
#footer a:active, #footer a:hover { color: #036; }

#footer-top { width: 950px; float: left; clear: both; margin: 0; padding: 0; }

.special-thanks { width: 600px; float: left; margin: 0; padding: 0; font-size: 12px; }
.special-thanks p { margin: 0; }

.meta { width: 190px; float: right; font-size: 12px; text-align: right; }
.meta a:link, .meta a:visited { color: #FFF; }
.meta a:active, .meta a:hover { color: #C00; }
#login ul, #login li { list-style: none; margin: 0; padding: 0; display: inline; }

#footer-bottom { width: 950px; float: left; clear: both; margin: 25px 0 0 0; padding: 0; }
#footer-bottom a { color: #FFF; text-decoration: none; }
#footer-bottom a:active, #footer-bottom a:hover { color: #FFF; }

#copyright { float: left; width: auto; }
#brand { float: right; width: auto; }