@charset "UTF-8";
/* CSS Document */

/* "High Gloss" theme styles
   $Id: theme.css 2788 2007-11-23 14:38:01Z josh $
---------------------------------------------------------------- */

body {
    margin: 0px;
    background: #000 /*url(http://damianclark.co.uk/bm/bm~theme/bg-stripes.png)*/;
    font-family: verdana, "trebuchet ms", trebuchet, arial,
                 helvetica, sans-serif;
    font-size:80%;
    color: #fff;
}

a,
a:visited {
    color: #fff;
}
a:hover {
    color: #fff;
}

/* FONT SIZES
------------------------------------------------------------------------- */
.footer,
.bmc_caption,
.notes,
.sidebar,
p.bmw_tags,
div.bmw_breadcrumbs,
div.bmw_byline,
div.bmw_pagetools,
.bmc_comment_timestamp {
    font-size: 88%;
    line-height: 1.2em;
}

blockquote.bmc_bigPullquote {
    font-size: 140%;
}

/* headings */
h1 { font-size: 170%; }
h2 { font-size:150%; }
h3 { font-size: 130%; }
h1,h2,h3 {
    font-weight: normal;
}
h4, h5 { font-size: 100%; }
h1,h2,h3,h4,h5 {
    color: #fff;
    margin: 0em 0em .5em;
}
div.mainContent h1,
div.mainContent h2,
div.mainContent h3,
div.mainContent h4,
div.mainContent h5 {
    margin-top: 1.5em;
}

/* PAGE/COLUMN STRUCTURE
------------------------------------------------------------------------- */

.container {
	width: 950px;
	border:1px solid #333333;
	background: #000 url(http://damianclark.co.uk/bm/bm~theme/damian-clark-logo.jpg) no-repeat;
	/* background-color: #000;
	background-image: url(http://damianclark.co.uk/bm/bm~theme/bg-stripes.png) no-repeat;
	background: #000 url(http://damianclark.co.uk/bm/bm~theme/bg-stripes.png);*/
   /* padding: 5px;*/
    margin: 10px auto 0px;
	overflow:hidden;
}

.pageFrame {
    background: transparent /*url(bm~theme/damian-clark-logo.jpg) no-repeat*/;
    padding: 30px 0px 10px 10px;
    width:940px; /* ie6 needs specific width to display background */
    overflow:hidden;
}

/* container for the three columns */
.canvas {
    clear:both;
    width:940px;
    overflow:hidden;
}

/* common for all columns */
.column {
    float: left;
    margin-right: 10px;
    overflow:hidden;
    padding-bottom: 5px;
}

/* left-column nav, tips, etc */
.utility {
    width: 130px;
    overflow: visible; /*for dropdowns*/
}

/* center-column content */
.mainContent {
    width:590px;
    line-height: 1.4em;
}

/* right-column sidebar */
.sidebar {
    width: 188px; /* 270 should work, but ie6 doesn't like it */
    padding-top: 5px;
    line-height:1.4em;
}

.footer {
    clear:both;
    padding-top:20px;
   /* padding-left:145px;*/
}


/* GLOSS EFFECTS
------------------------------------------------------------------------- */
.glossbox/*,
div.bmn_vnav*/ {
    background: #000/* url(bm~theme/glossbox-bg.png) no-repeat*/;
    background-position: right top;
    border: 1px solid #333;
    margin-bottom:2em;
	padding:1em;
}




/*.glossbox,*/
div.bmn_vnav {
    background: #000/* url(bm~theme/glossbox-bg.png) no-repeat*/;
    background-position: right top;
    /*border: 1px solid #ddf;*/
    margin-bottom:2em;
}




/*.glossbox { padding:4px; }*/

/* bottom of page */
/*.reflection {
    height: 60px;
    margin: 0px auto;
    width: 862px;
    background-image: url(bm~theme/bottom-reflect.png);
    background-repeat: no-repeat;
}*/


/* SITE TITLE/LOGO
------------------------------------------------------------------------- */
h1.bmw_sitelogo {
    margin: 0;
    padding-bottom: 10px;
    /*float:left;
    width: 545px;*/
	height:171px;
    padding-left: 5px;
	text-indent:-2000px;
	
}
h1.bmw_sitelogo a {
    text-decoration: none;
}
h1.bmw_sitelogo a:hover {
    text-decoration: underline;
}

/* SEARCH
------------------------------------------------------------------------- */
form.bmw_search {
    float:right;
    width:190px;
    margin:0;
    padding-top: 0.1em;
    padding-right:0px;
    text-align:left;
    font-size: 100%;
    line-height:150%;
}

form.bmw_search input {
    width:100px;
    border:1px solid #69c;
    background: #fff;
    font-size: 88%;
    padding: 3px;
    margin:0;
    vertical-align: bottom;
	color:#000000;
}

form.bmw_search button {
    font-size: 88%;
    border: 1px solid;
    border-color: #fff #333 #333 #fff;
    background: #000 repeat-x;
    padding: 1px 3px;
    vertical-align: bottom;
    margin:0px 0px 0px 2px;
    text-align:center;
    color: #fff;
}

div.bmw_search_results form.bmw_search {
    float:none;
    width:auto;
}


/* MAIN NAVIGATION
   (Intended for use with Big Medium's dropdown menus)
------------------------------------------------------------------------- */
div.bmn_vnav {
    /* these styles in addition to gloss effects above */
   /* padding-top:2.8em;*/
}

/*background color/border of dropdown menus */
div.bmn_vnav li {
    background-color: transparent;
    border: none;
}
div.bmn_vnav li ul li {
	background: #666666;
	border-bottom: 1px solid #dee;
}

/* rollover background color */
div.bmn_vnav li:hover, div.bmn_vnav li.bmn_hover {
	background: #333333;
}

/* navigation links */
div.bmn_vnav li a {
	padding: .3em 4px;
	text-transform: capitalize;
	text-decoration: none;
}

/* active/hover links */
div.bmn_vnav li a:hover,
div.bmn_vnav li.bmn_active a,
div.bmn_vnav li.bmn_active a:visited {
    text-decoration: underline;
    color:#fff;
}

/* subnav links */
div.bmn_vnav li li a,
div.bmn_vnav li.bmn_active li a,
div.bmn_vnav li.bmn_active li a:visited {
    text-transform: none;
    text-decoration: none;
    color: #fff;
}



div.bmn_vsubnav li {
	background-color: #000;
	padding-bottom:1em; /*background color of main section area*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div.bmn_vsubnav li:hover, div.bmn_vsubnav li.bmn_hover {
    background: #000;              /* rollover background color */
}


/* dropdown border */
div.bmn_vnav ul ul {
    border-right: 1px solid #c9f;
    border-bottom: 1px solid #c9f;
}


/* BREADCRUMB NAVIGATION
------------------------------------------------------------------------- */
.bmw_breadcrumbs {
    padding-left: 5px;
    padding-bottom: .3em;
    /*border-bottom:1px solid #ddf;*/
    margin-bottom:1.5em;
    color: #fff;
    clear:both;

    /* ie6 needs this or the top margin goes nuts */
    float:left;
    width: 925px;
}


/* LEFT-COLUMN STYLES (below navigation)
------------------------------------------------------------------------- */
.notes {
    padding: 5px;
    width:120px;
    overflow:hidden;
}

div.bmw_tips {
    margin-bottom: 3em;
}


/* MAIN CONTENT STYLES
------------------------------------------------------------------------- */
h2.bmw_headline,
div.mainContent h2.bmw_headline {
    margin: 0em 0em 0.5em;
    line-height: 1.2em;
}

.sidebar h3 {
    line-height: 1.6em;
}

/* RELATED LINKS
------------------------------------------------------------------------- */
div.bmw_related ul,
div.bmw_related li,
div.bma_related ul,
div.bma_related li {
    margin: 0em 0em 0em 0.6em;
    padding: 0;
}


/* CONTENT PAGE: PULLQUOTES, DOCUMENTS, CODE BLOCKS, AUTHOR BLURBS
------------------------------------------------------------------------- */

/* misc boxes */
div.bmw_authorblurb,
div.bmc_download,
div.bmc_document,
pre {
    background: #000;
    border:1px solid #333;
    padding: 1em;
}

pre {
    width: 94%;
    padding: 2%;
    overflow: auto;
    zoom:1;
}
pre,
div.bmw_authorblurb {
    margin: 1em auto;
}
div.bmw_authorblurb {
    background: #000 /*url(bm~theme/glossbox-bg.png) no-repeat*/;
    background-position: right top;
}

/* pullquotes */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    width: 170px;
    background:#000 /*url(bm~theme/pquote-bg.gif) no-repeat*/;
    border-top:1px solid #ddf;
    border-bottom:1px solid #ddf;
    color:#704c70;
    padding:15px 10px 10px 60px;
    line-height: 1.3em;
}

/* document downloads */
div.bmc_aboveContent div.bmc_document,
div.bmc_belowContent div.bmc_document,
div.bmc_centerDocument,
div.bmc_download {
    text-align:center;
    margin: 0em auto 1em;
    width: auto;
}

/* byline */
div.bmw_byline {
    border-top: 1px #ccc dotted;
    border-bottom: 1px #ccc dotted;
    margin-bottom:1em;
}

/* container for email/print links */
div.bmw_pagetools {
    padding:3px;
    margin-bottom: 0.5em;
}
div.bmw_pagetools img {
    vertical-align: text-bottom;
}

/* document and image captions */
div.bmc_caption {
    color: #fff;
    line-height: 1.3em;
	text-align:center;
}

/* IMAGES
------------------------------------------------------------------------- */

/* misc images */
div.bmc_image {
    padding:10px;
    /*border-top:1px solid #ddf;
    border-bottom: 1px solid #ddf;
    background: #666 url(bm~theme/glossbox-bg.png) no-repeat;*/
    background-position: right top;
}

div.bmc_centerContentImage {
    margin-bottom: 1em;
}


/* image gallery */
div.bmw_gallery div.bmc_image {
	padding: 0px;
	margin-bottom: 30px;
	border: 1px solid #666;
	margin-right: 0px;
	margin-left: 30px; 
	height: 100px;
    overflow: hidden;
}
div.bmw_gallery h3 {
    margin-top: 0;
}

	

/* FORMS
------------------------------------------------------------------------- */
form.bmf_form {
    border: 1px solid #ddf;
    background-color: #666;
	color:fff;
    padding:.5em;
    font-size:100%;
}

input, button, textarea {
    color: #333;
    font-family: "trebuchet ms", trebuchet, verdana, arial,
                 helvetica, sans-serif;
    font-size: 100%;
}


/* COMMENTS
------------------------------------------------------------------------- */

/*light border for comments */
.bmc_comment {
    background-color: #666;
	color:fff;
    border:1px solid #ddf;
    padding:4px;
}

/* gloss header bar for each comment */
.bmc_comment_meta {
    background: #fff url(bm~theme/glossbox-bg.png) no-repeat right top;
    border:1px solid #ddf;
    padding: 2px 4px;
}
.bmc_comment_date,
.bmc_comment_time {
    border-right: 1px solid #333;
}

/* bolder header/border for staff comments */
.bmc_comment_staff {
    border-color: #303;
}
.bmc_comment_staff .bmc_comment_meta {
    background-image: none;
    border: none;
    background-color: #303;
    color: #fff;
}
.bmc_comment_staff .bmc_comment_meta a,
.bmc_comment_staff .bmc_comment_meta a:visited {
    color: #fff;
}
.bmc_comment_staff .bmc_comment_date,
.bmc_comment_staff .bmc_comment_time {
    border-right: 1px solid #fff;
}

/* NEWS FEED LIST
------------------------------------------------------------------------- */
div.bmw_sectionfeeds {
    margin-top: 1.5em;
}

div.bmw_sectionfeeds ul,
div.bmw_sectionfeeds ul li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    list-style: none;
}

div.bmw_newsgadget {
    margin: .8em 0em;
}


/* FOOTER
------------------------------------------------------------------------- */

a.bmw_bigmedium {
    margin: 10px 0px;
}


/* ODEO
------------------------------------------------------------------------- */

.odeo {
padding-bottom:2em;
}

textarea,input {
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #999999;
}

/* PAGETOOLS
------------------------------------------------------------------------- */
span.bmw_emailpage,
    span.bmw_printpage {
        display:block;
		padding-top:1em;
    }
/* INTRO TEXT
------------------------------------------------------------------------- */	
.intro{
font-size:1.25em;
line-height:1.25em;
padding-top:1.25em;}

/* SUBSCRIBE FORM
------------------------------------------------------------------------- */
span.label,span.spacer,span.multiple span {width:100px;float:left;} 
span.multiple {float:left;} 
/*span.button {padding-left:120px;} */
div.clear {clear:both;padding-top:5px;}