/*	NEW IDS Blog Stylesheet on 2011-01-21	*/
/*	Some widths may need altering if features e.g. comments or sub lists are activated	*/

/* BASIC STRUCTURE */

* { margin: 0; padding: 0; font-family: Trebuchet, Helvetica, Verdana, Arial, sans-serif; }
body { background: #dfdffe; margin: 0 auto; padding: 0; }
div#wrapper { width: 960px; margin: 0 auto 0 auto; }
div#container { margin: 8px 0 0 0; width: 960px; background-color: #fff; }

/* HEADER */

#header { width: 960px; height: 185px; padding: 0; }
#header #imageheader { width: 960px; margin: 0; padding: 0; }
/*#header #imageheader #imgbg { width: 780px; height: 185px; background: #fff url(images/header.gif) top center no-repeat; }*/
#header #imageheader #imgbg { width: 960px; height: 185px; background: #fff url(http://www.ids.co.uk/structure/masthead.png) left 25% no-repeat; }
#header #imageheader img { border: 0; margin: 0; padding: 0; }

#header #imageheader #imgbg #home, #header #imageheader #imgbg #blogtitle, #header #imageheader #imgbg #rss { 
font-size: 0.9em; font-weight: bold; line-height: 1.2em; background-color: #010195; color: #fff; }

/*#header #imageheader #imgbg #home { position: relative; top: 143px; left: 0; width: 140px; height: 39px; padding: 0 0 0 10px; }*/
#header #imageheader #imgbg #home { position: relative; top: 143px; left: 0; width: 182px; height: 39px; padding: 0 0 0 10px; }
#header #imageheader #imgbg #home span { position: relative; bottom: 15px; }

/*#header #imageheader #imgbg #blogtitle { position: relative; top: 104px; left: 154px; padding: 10px 0 0 10px; width: 462px; height: 29px; }*/
#header #imageheader #imgbg #blogtitle { position: relative; top: 104px; left: 196px; padding: 10px 0 0 10px; width: 558px; height: 29px; }

/*#header #imageheader #imgbg #rss { position: relative; top: 65px; left: 630px; padding: 4px 10px 4px 10px; width: 130px; height: 31px; font-size: 0.8em; background-color: #010195; }*/
#header #imageheader #imgbg #rss { position: relative; top: 65px; left: 768px; padding: 4px 10px 4px 0; width: 182px; height: 31px; font-size: 0.8em; background-color: #010195; text-align: right; }

#header #imageheader #imgbg #home a, #header #imageheader #imgbg #rss a { color: #fff; text-decoration: none; }
#header #imageheader #imgbg #home a:hover, #header #imageheader #imgbg #rss a:hover { text-decoration: underline; }
#header #imageheader #imgbg #rss img { float: right; margin: 0 0 0 10px; }

/* SIDEBAR */

/*#sidebar { position: relative; left: 0; width: 150px; margin: 0 4px 0 0; padding: 10px 0 0 0; font-size: 0.9em; background-color: #fff; }*/
#sidebar { position: relative; left: 0; width: 192px; margin: 0; padding: 10px 0 0 0; font-size: 0.9em; background-color: #fff;}
#sidebar div { padding: 10px 0; }
#sidebar div a { color: #010195; padding: 5px; text-decoration: none; }

#sidebar h2#shoplink { border: none; color: #010195; margin-top: -8px; padding-bottom: 8px; text-decoration: none; }

#sidebar form#searchform div { margin-bottom: 20px; padding: 0px; }
/*#sidebar input#s { margin-left: 5px; width: 100px; }*/
#sidebar input#s { margin-left: 5px; width: 142px; }
#sidebar ul { list-style-type: none; margin: 0 0 20px; line-height: 1.2em; }
#sidebar h2 { font-size: 1em; font-weight: bold; padding: 10px 5px 5px 5px; margin: 0; color: #010195; border-top: 3px solid #010195; }
#sidebar h2#categories { border-top: none; }
#sidebar h2 a { text-decoration: none; color: #010195; }
#sidebar h2 a:hover { text-decoration: underline; }
#sidebar h2 img { margin: 0 5px -2px 0; }
#sidebar ul li a { display: block; font-size: 0.9em; width: 182px; padding: 5px 5px 5px; color: #010195; text-decoration: none; }
#sidebar ul li a:hover { background: #ccccff; color: #010195; }
#sidebar ul li ul { margin: 0; }
#sidebar ul li ul li { list-style: none; color: #010195; margin: 0 0 0 10px; text-transform: none; }
#sidebar ul li ul li a { text-transform: none; width: 130px; }
#sidebar .current-cat a, #sidebar .current_page_item a { background: #ccccff; color: #fff; }
#sidebar ul#recentcomments li.recentcomments { display: block; text-transform: uppercase; font-size: 0.9em; width: 146px; padding: 15px 4px 8px; color: #000; text-decoration: none; border-bottom: 1px dotted #ddd; }
#sidebar ul#recentcomments li.recentcomments a { border-bottom: none; font-size: 1em; }
/* #sidebar .textwidget { padding: 10px 0 20px 5px; font-size: 0.9em; line-height: 1.2em; } */
#sidebar .textwidget { padding: 0;} /* reduced top & bottom paddings to 0 deleted everything else as textwidget is just a placeholder */
#sidebar select { margin: 15px 0 30px 5px; width: 150px; border: 1px dotted #555; padding: 3px; font-size: 0.8em; }
#sidebar select option { padding: 3px; }
#sidebar table#wp-calendar { width: 150px; margin: 10px 0 0 5px; }
#sidebar table#wp-calendar caption { margin: 15px 0 0 0; font-weight: bold; }
#sidebar table#wp-calendar td { height: 25px; text-align: center; }
#sidebar table#wp-calendar td a { color: #000; font-weight: bold; text-decoration: none; }
#sidebar table#wp-calendar td a:hover { background: #ddd; }
#sidebar table#wp-calendar tfoot a { padding: 5px; text-decoration: none; background: #eee; border: 1px solid #ddd; color: #000; }

/* CONTENT */

#content div#sidebar { position: relative; float: left; width: 192px; }
/*#content #posts { position: relative; float: right; width: 606px; padding: 30px 0 0 20px; background-color: #fff; font-size: 0.75em; }*/
#content #posts { position: relative; float: right; width: 744px; margin-left: 4px; padding: 30px 0 0 20px; background-color: #fff; font-size: 0.75em; }
#content #posts h2 { color: #fff; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; padding: 5px; background-color: #010195; }
#content #categorytitle { font-size: 0.85em; font-weight: bold; color: #fff; margin: 0 0 5px 0; padding: 5px; background-color: #010195; }
#content #categorytitle a { color: #fff; text-decoration: none; }
#content #categorytitle a:hover { text-decoration: underline; }
#content #posts h2#commentstitle, #content #posts h2#postcomment { background-color: #dfdffe; }
/* moved down to bottom to overwrite general post a rule
   #content #posts h2 a { color: #fff; text-decoration: none; }
   #content #posts h2 a:hover { text-decoration: underline; }
*/
#content #posts h2#commentstitle a { color: #010195; }
/* #content #posts .post { position: relative; float: left; margin: 0 0 70px 0; } OLD VERSION */
#content #posts .post { position: relative; float: left; margin: 0 0 26px 0; width: 100%; } /* added width: 100%; to make sure H2 spans whole width & reduced bottom margin between posts */
/* #content #posts .post .metadata { font-size: 0.75em; color: #555; margin: 0 0 20px 0; } old version */
#content #posts .post .metadata { font-size: 0.75em; color: #555; margin: -50px 0 40px 0; } /* increase top margin to place above H2, incease bottom margin to push text content below H2 */
#content #posts .post .metadata a { color: #000; text-decoration: none; }
#content #posts .post .metadata a:hover { text-decoration: underline; }
#content #posts .post .postcontent { line-height: 1.3em; color: #333; font-size: 0.95em; }
#content #posts .post .postcontent p { margin: 10px 0; }
#content #posts .post .postcontent ul { padding: 10px 0 10px 40px; }
#content #posts .post .postcontent ol { padding: 10px 0 10px 40px; list-style-type: decimal; }
#content #posts .post .postcontent ol li { list-style-type: decimal; }
#content #posts .post .postcontent img { border: 1px solid #888; }
#content #posts .post .postcontent blockquote { background: #eee; border: 1px dotted #ccc; padding: 15px; font-style: italic; }
#content #posts .post a { color: #010195; text-decoration: none; }
#content #posts .post a:hover { text-decoration: none; color: #010195; text-decoration: none; }
#content #posts .post .commentlink { position: relative; float: right; margin: 10px 0 20px 0; }
#content #posts .post .commentlink a { padding: 8px; border: 1px solid #999; background: #eee; text-decoration: none; color: #333; }
#content #posts .post .commentlink a:hover { color: #000; border: 1px solid #000; background: #ddd; }
#content .navigation .alignleft { float: left; }
#content .navigation .alignright { float: right; }
#content .navigation .alignleft a, #content .navigation .alignright a { text-decoration: none; color: #000; padding: 8px; border: 1px solid #ddd; background: #eee; }
#content .navigation .alignleft a:hover, #content .navigation .alignright a:hover { background: #ddd; border: 1px solid #aaa; }
#content #posts .post h2 a { color: #fff; text-decoration: none; }
#content #posts .post h2 a:hover { color: #fff; text-decoration: underline; }

h2 #searchresults { color: #ccc; }

/* ARCHIVES */
#content .categoryposts h3 { font-size: 1.2em; margin: 0 0 30px 0; }
#content .categoryposts h3#overrides { font-size: 1.2em; margin: 0 0 30px 0; } /* overrides previous rule which has lower specicifcity than #categorytitle */
#content .categoryposts h3 a { color: #000; text-decoration: none; }
#content .categoryposts h3 a:hover { text-decoration: underline; }
#content .categoryposts h2 { color: #fff; }
#content #posts li { list-style-type: none; margin: 10px 0 0 15px; }
#content #posts li a { color: #000; text-decoration: none; }
#content #posts li a:hover { text-decoration: underline; }

/* COMMENTS */
#comments  { position: relative; float: left; width: 606px; }
#comments h2 { position: relative; float: left; font-size: 1.1em; font-weight: normal; padding: 10px; margin: 10px 0 0 0; }
#comments h2#commentstitle, #comments h2#postcomment { color: #010195; }
#comments p { margin: 0 10px 10px 10px; clear: both; }
#comments ul#commentlist { position: relative; float: left; width: 650px; list-style-type: none; }
#comments ul#commentlist li { position: relative; float: left; padding: 20px 10px 25px 10px; width: 563px; border-bottom: 1px dotted #555; list-style-type: none; margin: 0; }
#comments ul#commentlist li.graybox { background: #eee; }
#comments ul#commentlist li .commentheader { position: relative; float: left; width: 200px; }
#comments ul#commentlist li .commentheader cite { position: relative; float: left; width: 200px; padding: 5px 0 8px 0; font-style: normal; font-weight: bold; clear: both; }
#comments ul#commentlist li .commentheader cite a { color: #333; text-decoration: none; }
#comments ul#commentlist li .commentheader cite a:hover { text-decoration: underline; color: #000; }
#comments ul#commentlist li .commentheader .commentnumber { position: relative; float: left; width: 200px; font-size: 0.8em; }
#comments ul#commentlist li .commentheader .commentnumber a { color: #333; text-decoration: none; }
#comments ul#commentlist li .commentheader .commentnumber a:hover { color: #000; text-decoration: underline; }
#comments ul#commentlist li .commentheader small { color: #888; font-size: 0.8em; }
#comments ul#commentlist li .commenttext { position: relative; float: right; width: 400px; font-size: 0.9em; color: #555; line-height: 1.2em; padding: 8px 0 0 0; }
#comments ul#commentlist li .commenttext a { color: #000; }
#comments ul#commentlist li .commenttext a:hover { text-decoration: none; }
#comments form#commentform { position: relative; float: left; padding: 10px; background: #eee; border: 1px solid #ddd; width: 563px; }
#comments form#commentform p { padding: 5px 0; }
#comments form#commentform input { border: 1px solid #ddd; margin: 0 10px 0 0; }
#comments form#commentform label { font-size: 0.9em; }
#comments form#commentform textarea { width: 543px; border: 1px solid #ddd; }
#comments form#commentform input#submit { float: right; margin: 5px 25px; padding: 8px 5px 5px; background: #555; color: #fff; }


/* FOOTER */

/*#footer { position: relative; float: left; width: 760px; text-align: center; padding: 10px; font-size: 0.7em; border-top: 1px solid #bbb; margin: 0; color: #888; background: #ccccff; }*/
#footer { position: relative; float: left; width: 940px; text-align: center; padding: 10px; font-size: 0.7em; border-top: 1px solid #bbb; margin: 0; color: #888; background: #ffffff; }
#footer a { color: #333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#footer div.bottom-group { float: left; width: 138px; border-left: solid 1px #010195; padding: 0px 0px 0px 5px; margin-top: 10px; }
#footer div.bottom-right { float: right; text-align: right; }
#footer div.bottom-group ul { list-style-type: none; margin: 0px 0px 0px 5px; color: #000080; padding: 2px; }
#footer div.bottom-group ul li { text-align: left; }

/* IMAGES */
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; padding-left: 8px; }
.alignleft { float: left; padding-right: 8px; }

.clearer { clear: both; height: 1em; }