/*  
Theme Name: Bloxx
Theme URI: 
Description: Bloxx is a 2 columns Wordpress theme.
Version: 1.0
Author: David Kelly Design Office 
Author URI: http://www.dkdo.co.uk/
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
body { border-top: 0px solid #fff; color: #44454c; font: 76% 'Helvetica Neue', Arial, sans-serif; text-align: center; background: #fff url(images/bg3.gif) repeat-x; }
input,select,textarea { font-size: .9em; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #222; }
h1,h2,h3,h4,h5,h6,p,ul,table { line-height: 1.3em; }
a { color: #343a7c; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
a.int { padding-left: 10px; background: url(images/linkarrow.gif) 0 5px no-repeat; }
a.pdf { padding-left: 15px; background: url(images/pdf.gif) 0 1px no-repeat; }
img { border: 0; }
img.icon { vertical-align: middle; }
#skip { display: none; }
.hide { display: none !important; }
.clear { clear: both; }


/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { margin: 0 auto;  width: 778px; text-align: left; }


/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { height: 150px; background: url(images/webster_header.gif) no-repeat; }
#logo { float: right; margin: 40px 6px 0 0; }
#header h1 { font-size: 1.2em; font-weight: normal; padding: 50px 290px 0 150px; }
ul.utils { float: right; font-size: .9em; margin: 0 10px 0 0; list-style: none; }
ul.utils li { float: left; margin: 0 0 0 1em; }
ul.utils a { color: #7f83b0; }

#nav { background-color: #ededf2; height: 31px; border-top: #cfcfd9 1px solid; border-bottom: #cfcfd9 1px solid; margin: 0; padding: 0; }

#nav2 { height: 20px; padding: 5px 0; }
#searchform  {  height: 20px; line-height: 20px; float: right; margin: 0 10px 0 0; }
input#s  { width: 150px; border: 1px solid #b8bacc; background: #fcfcfc; padding: 2px; }
ul.nav2 { display: none; height: 30px; line-height: 30px; float: left; list-style: none; font-size: 12px; font-weight: bold; }
ul.nav2 li { float: left !important; list-style-type: none; margin: 0 10px; }
ul.nav2 li a,ul.nav2 li a: link,ul.nav2 li a: visited { text-decoration: none; float: left; display: block; padding: 0; }
ul.nav2 li a: hover { text-decoration: underline; }
ul.nav2 li a: active { text-decoration: none; }
ul.nav2 li.current_page_item a { text-decoration: none; }
ul.nav2 li ul { float: left; margin: 0; padding: 0; }

#main { }

#content { float: left; width: 65%; margin: 30px 0 50px 10px; }

#content h2 { font-size: 1.8em; margin: 0 0 .5em 0; }
#content h2.pagetitle { color: #999; font-weight: normal; margin: 0 0 .5em 0; }
#content h2 .by { font-size: .8em; font-weight: normal; color: #bbb; margin-left: .25em; }
#content abbr { border: 0; }

#content h3 { font-size: 1.2em; margin: 1em 0 .25em 0; }
#content h3 .by { font-size: 1em; font-weight: normal; color: #bbb; margin-left: .25em; }
#content h3#comments { color: #999; font-weight: normal; margin-top: 1em; background: url(images/comments_icon.gif) 0 2px no-repeat; padding: .1em 0 .1em 2em; }

#content p { color: #222; margin: 0 0 1em 0; font-size: 1.1em; }
#content p.comments { background: url(images/comments_icon.gif) 0 2px no-repeat; padding: .2em 0 .2em 2.2em; }
#content p.comments,#content p.postmetadata { color: #999; font-size: 1em; }
#content p.postmetadata { margin-bottom: 2em; }
#content p.comments a,#content p.postmetadata a { color: #7f83b0; border-bottom: 1px solid #ccc; }
#content p.comments a:hover,#content p.postmetadata a:hover { text-decoration: none; }

.entry { overflow: hidden; }

#sidebar { float: right; width: 30%; margin: 22px 5px 0 0; }

#rsidebar { background: #fff; padding: 20px; }
#rsidebar h2 { font-size: 1em; line-height: 1.25em; margin: 0 0 .5em 0; }
#rsidebar ul { list-style-type: none; }
#rsidebar ul li { list-style-type: none; margin: 0 0 10px; padding: 0; }
#rsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 3px; }
#rsidebar ul li ul li { list-style-type: none; background: transparent url(images/linkarrow.gif) no-repeat 2px 5px; border: 0; margin: 0; padding: 0 0 3px 15px; }
#rsidebar ul.bookmarks li { margin: 0 0 0 0; }

.navigation { width: 100%; color: #666; margin: 0 auto; padding: 0; }
.alignright { float: right; margin-top: 10px;  margin-bottom: 10px; }
.alignleft { float: left; margin-top: 10px;  margin-bottom: 10px; }

.boxcomments { border-top: 1px solid #cfcfd9; background: #ededf2; padding: 0 0 10px 0; margin-bottom: 20px;  }
#content .boxcomments p { font-size: 1.1em; }
#commentform { padding: 15px 15px 1px 15px; }
#commentform label { display: block; }
#commentform input { padding: 1px; }
#commentform textarea { width: 90%; }
#commentform #submit { font-weight: bold; margin: 0; }
#commentform p { font-size: 1.1em; }
ol.commentlist { margin: 0 0 1px; padding: 0; }
ol.commentlist : hover { background: #e7f9ff; }
ol.commentlist li { border-top: 1px solid #eee; display: block; list-style: none; margin: 0; padding: 15px 15px 1px; }
ol.commentlist li : hover { background: none; }
ol.commentlist li.commenthead { display: block; list-style: none; margin: 0; padding: 5px 15px; }
ol.commentlist li.commenthead h2 { margin: 0; }
ol.tblist { border-top: 1px solid #fff; list-style: none; margin: 0 0 1px; padding: 15px; }
ol.tblist li { display: block; list-style: none; background: #e7f9ff; padding-left: 15px; margin: 0 0 5px; }


/*-------------------------------------------    
    Footer
-------------------------------------------*/

#footer { clear: left; text-align: left; margin: 0 0 30px 0px; padding: 5px 10px; border-top: 1px solid #b8bacc; }
#footer p { font-size: .9em; line-height: 1.em; color: #666; margin: .25em 0; }
#footer a { color: #666; }


/*-------------------------------------------    
    Overrides
-------------------------------------------*/

.noBorder { border: 0 !important; }