/*
Theme Name: Blue Accessible
Theme URI: http://accessible.ie/
Description: A new skin for the accessible.ie blog, which reflects the update to the main Xwerx site.
Version: 1.0
Author: Xwerx
Author URI: http://xwerx.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Reset */
html, body, div, h1, h2, h3, h4, h5, p, img, ol, ul, li { margin: 0; padding: 0; }

html { background: #fff url('images/footer_bg.png') bottom repeat-x; }

body { background: transparent url('images/accessible_head_bg.png') top repeat-x;
	font: 0.8125em Arial, Sans-Serif; color: #474a51; text-align: left; line-height: 1.6em; margin: 0 auto; }


h1, 
h2, 
h3, 
.description { font-family: georgia, serif; font-weight: normal; }


h1 a, 
h2 a, 
h3 a { font-weight: normal; letter-spacing: 0; }


h1 { padding: 65px 0; font-size: 2.6em; }
h1 a { color: #fff; }
h1 a:focus, 
h1 a:hover { color: #cad3e3; text-decoration: none; }


hr { display: none; }


a { color: #2f9dd4; font-weight: bold; text-decoration: none; letter-spacing: 1px; }
a:focus, 
a:hover { text-decoration: underline; color: #3a5e9e; }


#page { width: 872px; margin: 0 auto; padding-top: 19px; }


#header { background: transparent url('images/accessible_head.png') no-repeat top right;
	height: 125px; width: 820px; margin: 0 0 0 26px; }


#headerimg { margin: 0; height: 125px; }

.skip { position: absolute; top: -2px; }
.skip ul { list-style: none; margin-left: 27px; color: #87ca17; font-weight: bold; }
.skip ul li { display: inline-block; margin-right: 20px; }
.skip ul a { color: #87ca17; line-height: 0.8em; }

.description { color: #63686a; font-size: 2.1em; padding-bottom: 5px; }
.description span { color: #2F9DD4; }


.navigation { float: left; margin-bottom: 33px; width: 100%; }
.navigation div { float: left; }
.navigation div.alignright { text-align: right; float: right; }


#content { color: #acacac; padding: 85px 0 0 26px; float: left; width: 582px; }
#content small { font-size: 1em; margin-top: -1.5em; }

#content .post { padding-bottom: 33px; margin-bottom: 33px; border-bottom: 1px solid #edeeef; }

#content .entry { color: #474a51; margin: 30px 0 0 0; }
#content .entry p { margin-bottom: 1em; }
#content .entry h3 { text-align: left; margin: 0.5em 0 !important; }
#content .entry img { border: 1px solid #ccc; }
#content .entry ul,
#content .entry ol { margin: 0 0 1em 2em; }
#content .entry ul li,
#content .entry ol li { margin: 0 0 1em 0; }
#content .entry dl dt { font-weight: bold; }
#content .entry dl dd { margin-bottom: 1em; }
#content .entry a.more-link { display: block; margin-top: 1em; }
#content .entry table .right { text-align: right; }

#content p.alt { margin-left: 0; font-size: 1em; margin-top: 0; }
#content p.alt small { width: 432px; padding: 84px 0 33px 0; }


#content #searchform { position: relative; margin: -50px 0 0 140px; }


.commentlist { color: #474a51; }
.commentlist li { margin: 33px 0; }


#respond { float: left; margin: 0 0 33px 0; width: 432px; }


#commentform { clear: both; }
#commentform p { float: left; display: block; padding: 5px 0; }
#commentform input { float: left; width: 10em; }
#commentform label small { color: #474a51; width: 20em; margin: 0 0 0 9px; }


#sidebar { float: left; margin: 85px 0 0 38px; width: 200px; }
#sidebar ul { font-family: Lucida-Sans-Unicode, Arial, Sans-Serif; list-style: none; }
#sidebar ul li { padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #edeeef; }
#sidebar ul li.pagenav { display: none; }
#sidebar ul li#search { margin: 0; padding: 0; border: none; } 
#sidebar ul ul { list-style: url(images/bullet.png) inside; }
#sidebar ul ul li { line-height: 1em; padding: 0; margin: 9px 0 0 0; border: none; color: #acacac; }
#sidebar h2 { font: bold 1em Lucida-Sans-Unicode, Arial, Sans-Serif; color: #87ca17; text-transform: uppercase; }


#searchform { position: absolute; top: 75px; background: rgba(255,255,255,0.25); 
	padding: 10px; width: 180px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#searchform label { display: none; }
#searchform input { color: #1f3355; }
#searchform #s { width: 109px; background: rgba(255,255,255,0.75); padding-left: 1px; }
#searchform #searchsubmit { width: 60px; }


#footer { float: left; clear: both; color: #fff; background: #3d61a1; width: 100%; }
#footer p { text-align: center; line-height: 30px; }
#footer p a { background: 3d61a1; color: #fff; text-decoration: underline; font-weight: 500; letter-spacing: 0; }
#footer p a:focus, 
#footer p a:hover { text-decoration: none; }