/*  
Theme Name: PIMS
Theme URI: 
Description: PIMS 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; }
a { color: #c20023; }
br.clear { clear: left; }
body>#wrap br.ie { display: none; }
body { background: #fff; color: #333; font-family: arial,sans-serif; }
img { border: 0; }
#skip { display: none; }

#wrap { text-align: left; width: 760px; }

/* top ---------------------------------------------------------------------- */
#topWrapper { border-bottom: 5px solid #7386a9; background: #e6e5f6; height: 90px; }
#topWrapperHome { background: #e6e5f6; height: 90px; }
#top { width: 740px; text-align: left; padding: 5px 0 5px 15px; }
#logo { float: left; width: 305px; }
#nav { float: left; width: 420px; }
#nav ul { padding: 21px 0; margin-left: 45px; font-size: 1em; line-height: 130%; font-weight: bold; }
body>#wrap #nav ul { letter-spacing: -.1em; margin-left: 45px; }
#nav ul li { display: inline; list-style: none; margin: 0 7px 0 0; padding: 3px 6px; }
body>#wrap #nav ul li { margin-right: 15px; }
#nav ul li a { color: #7386a9; text-decoration: none; }
#nav ul li.sel a { color: #00265c }
#nav ul li a:hover { color: #00265c; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { }

#main { margin: 10px 0 0 20px; }

#breadcrumb { width: 360px; float: left; }
#breadcrumb p { font-size: .65em; color: #999; margin: 0 0 10px 0; }
#utils { width: 380px; float: left; text-align: right; }
#utils p { font-size: .65em; color: #999; margin: 0 0 10px 0; }
#breadcrumb a,#utils a { color: #999; text-decoration: none; }
#breadcrumb a:hover,#utils a:hover { text-decoration: underline; }

#content { float: left; width: 550px; margin: 5px 0 50px 0; }

#content h1 { font-size: 1.2em; line-height: 1.2em; margin: 0 30px .3em 0; color: #333; }

#content h2 { color: #00265c; text-align: left; font-size: 1.2em; line-height: 1.3em; margin: 0em 0 .5em 0; }
#content h2.pagetitle { color: #333; font-size: 1.2em; line-height: 1.3em; margin: 0 0 .5em 0; }
#content h2 .by { font-size: .8em; font-weight: normal; color: #bbb; margin-left: .25em; }
#content h2 a { color: #c20023; text-decoration: none; }
#content h2 a:hover { text-decoration: underline; }
#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: 2em; background: url(images/comments_icon.gif) 0 2px no-repeat; padding: .2em 0 .2em 2em; }

#content h3 { color: #333; font-size: .8em; line-height: 1.3em; margin: 1em 0 .5em 0; }
#content h3:first-child { margin-top: 0; }
#content h3.firstchild { margin-top: 0; }
#content p { color: #333; font-size: .8em; line-height: 1.3em; margin: 0 0 1em 0; }
#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; }
#content p.postmetadata { font-size: .7em; margin-bottom: 2em; }
#content p.comments a,#content p.postmetadata a { color: #c20023; text-decoration: none; }
#content p.comments a:hover,#content p.postmetadata a:hover { text-decoration: underline; }
#content ul,#content ol { color: #333; font-size: .8em; line-height: 1.3em; margin: 0 0 1em 3em; }

#content .wp-caption { width: 100% !important; }
#content .wp-caption img { padding: 3px; border: 1px solid #bbb; background: #fff; margin: 0 0 .1em 0; }
#content p.wp-caption-text { font-size: .7em; color: #999; margin: .5em; }

.entry { overflow: hidden; }

#sidebar { float: right; width: 150px; margin: 8px 0 0 0; }

#rsidebar { background: #fff; padding: 0 0 20px 0; }
#rsidebar p { font-size: .9em; font-family: georgia; line-height: 1.3em; margin: 0 0 .5em 0; }
#rsidebar h2 { font-size: 1em; line-height: 1.25em; margin: 0 0 .5em 0; }
#rsidebar ul { list-style-type: none; font-size: .85em; }
#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 0 4px; border: 0; margin: 0; padding: 0 0 3px 10px; }
#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; }
.aligncenter { margin: 1.4em 0; text-align: center; }

#content .boxcomments { background: #eee; padding: 0; margin-bottom: 20px; }
#content .boxcomments p { font-size: .8em; }
#commentform { padding: 15px 0 1px 15px; }
#commentform label { display: block; }
#commentform input { padding: 1px; }
#commentform textarea { width: 90%; }
#commentform #submit { margin: 0; }
#commentform p { font-size: .8em; }
#content ol.commentlist { margin: 0 0 1px 0; background: #fff; font-size: 1em; padding: 0; }
#content ol.commentlist li { display: block; border-top: 1px solid #eee; list-style: none; margin: 0; padding: 1em 0 1em 0; }


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

#footer { height: 50px; clear: left; padding: .325em 0 .65em 0; margin: 0 0 0 18px; text-align: left; border-top: 1px solid #bbb;  }
#footer p { color: #666; font-size: .7em; line-height: 1.3em; margin: 0 0 0 0 }
#footer p.grey,#footerHome p.grey { color: #999; }
#flogo { float: left; width: 73px; margin: 3px 15px 0 3px;  }
#ftext { float: left; width: 550px; }

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

.noBorder { border: 0 !important; }