/*** Typography : Core ******************/

html, body, input, button, select, option, textarea { font-size: 11px; line-height: 16px; font-family: Verdana, Helvetica, sans-serif; }
html, body, div { margin: 0; padding: 0; }
body { background: #000 none; color: #ccc; }
form { display: block; margin: 0; padding: 0; }

a, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #990000;text-decoration: underline; }
a:active { 	outline:none; }
a:focus { 	outline:none; }

.clearer { clear: both; }
.hidden { visibility: hidden; }
.nodisplay { display: none; }

div#adssearch { background: url('images/mw_search_bg.jpg') top repeat-x;  }

div#title { background: url('images/mw_title_bg.jpg') center top repeat-x;  margin: 0; padding: 0; width: 100%; }

div#title-wrapper {  margin: 0 auto; width: 920px; height: 138px; position:relative;}

div#sitename { margin: 0; padding: 0; float: left; width: 384px; height: 124px; }
div#sitename p { display:none; }
div#sitename h1 { display: block; margin: 10px 0px; padding: 0; height:384px; height: 124px;background: transparent url('images/mw_logo7.jpg') top left no-repeat; }
div#sitename h1 a, 
div#sitename h1 a:visited { display: block; margin: 0; padding: 0; height: 118px; line-height: 118px; text-indent: -9999px; }

div#siteLinks {  position:absolute; top:20px; right: 0px; display:block; width:420px; height:50px; 	}
div#siteLinks span {	display:block;	width:140px;	height:50px; float:left; text-align:right;	}
div#siteLinks span a  { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; text-transform: uppercase;  font-weight:bold; font-size: 13px;display:block; margin-top: 16px; padding-right: 12px;}

div#siteLinks span#headerLinkRSS,
div#siteLinks span#headerLinkLinkedIn,
div#siteLinks span#headerLinkTwitter {	background-repeat: no-repeat;		background-position: left top;	}

div#siteLinks span#headerLinkRSS {		background-image: url(images/mw7iconsRSS.gif);	}
div#siteLinks span#headerLinkLinkedIn {	background-image: url(images/mw7iconsLinkedIn.gif);	}	
div#siteLinks span#headerLinkTwitter {	background-image: url(images/mw7iconsTwitter.gif);}

/*** Typography : Blog Entry ************/

div.post { border-color: #fff; }
div.post div.entry { padding: 10px; }
div.post div.entry a { font-weight: bold; }
div.post div.entry blockquote { margin: 15px 0; padding: 0 10px 0 45px; }


div.post div.title h2 {
    display: block; 
    margin: 0; 
    padding: 0px 10px; 
    font-family: Georgia, 'Times New Roman', sans-serif; 
    font-size: 20px; 
    line-height: 30px; 
    font-weight: bold; 
    background-color: #666;
}

div.post div.title h2 a, 
div.post div.title h2 a:visited { color: #fff; font-family: Georgia, 'Times New Roman', sans-serif; line-height: 30px; font-weight: bold; }

div.post div.title p {color: #ccc; background: #333;  font-family: Verdana, sans-serif; font-size: 9px; line-height: 20px; text-transform: uppercase;display: block; margin: 0; padding: 0 10px; 
border-bottom: 1px solid #555; }


div.post div.title p span.date { padding: 0 10px 0 15px; background: transparent url('images/background-post-date.gif') left center no-repeat;}

div.post div.title p span.comments { padding: 0 10px 0 15px;background: transparent url('images/background-post-comments.gif') left center no-repeat;  }

div.post div.title p span.categories { padding: 0 10px 0 15px;background: transparent url('images/background-post-categories.gif') left center no-repeat;  }

div.post div.title p a, 
div.post div.title p a:visited { color: #aeaeae; }

div.post blockquote { font-style: italic; }
div.post blockquote blockquote { font-style: normal; }

/*** Typography : Comments **************/

div#comments h3, div#postcomment h3 { display: block; margin: 0; padding: 0;font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; }
div#comments p, div#postcomment p {  display: block; margin: 0; padding: 0; font-family: Georgia, 'Times New Roman', sans-serif; font-size: 10px; line-height: 22px; text-transform: uppercase; }
div#comments p a, div#comments p a:visited { text-transform: uppercase; text-decoration: underline; }
div#comments, div#postcomment { margin: 10px 0 0 0; padding: 0 0 0 30px; }

ol.commentlist { display: block; margin: 10px 0 0 0; padding: 0; list-style-type: none; border-top: 1px solid; }
ol.commentlist li.commentlist { display: block; margin: 0;  padding: 0; border: 1px solid; border-top: none; }
ol.commentlist li.commentlist cite { display: block; padding: 0 10px; line-height: 39px; text-align: right; border-top: 1px solid; border-bottom: 1px solid; font-family: Verdana, Helvetica, sans-serif; font-style: normal; line-height: 24px;}
ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 10px; }
ol.commentlist li.commentlist div.commenttext img.avatar { float: left; padding: 2px; border: 1px solid; }
ol.commentlist li.commentlist div.commenttext div.interior { float: left; margin: 0 0 0 10px; width: 543px; }

small.commentmetadata { font-size: 11px; }
small.commentmetadata cite { font-size: 13px; font-weight: bold; font-style: normal; }

h3#replycomment { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 24px; line-height: 30px; }
h3#replycomment a:hover { text-decoration: none; }

form#commentform p small { font-size: 11px; }
form#commentform p.button { text-align: right; }






/*** Typography : Footer ****************/
div#footer { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 11px; line-height: 26px; }


 
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; background-color: #f3f3f3; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


div#container { margin: 0; width: 100%; }

div#adssearch { margin: 0; padding: 0; width: 100%; height: 28px; }

div#search { margin: 0; padding: 0 10px 0 0; float: right; height: 33px;  }
div#search form { width: 185px; height: 33px; }
div#search form p { display: block; margin: 0; padding: 0; }
div#search form p input { width: 180px;  padding: 5px;}



div#wrapper { margin: 0; padding: 0; width: 100%; 
background: #000 url('images/background-wall.png') center top repeat;
}

div#wrapper-wrapper { margin: 0 auto; padding: 10px 0; width: 920px; }

div#content { margin: 0 0 10px 0; padding: 0; width: 650px; float: left; 
background-color: #222421;} /* was #2F2F2F  */


/*** Typography : Sidebar ***************/

div#sidebar { 
  margin: 0; 
  padding: 0; 
  width: 230px; 
  float: right; 
  /*
  border-top: 1px solid; 
  background-color: #2F2F2F;
  border-color: #999999;*/ 
}


/* div.postgroup { border-top: 1px solid; } */
div.post { 
  margin: 0; 
  padding: 0; 
  /*
  border: 1px solid; 
  border-top: none; 
  */
}
div.singlepost { border-top: 1px solid; }




small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }

form#commentform { display: block; margin: 10px 0; padding: 30px; border: 1px solid; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 14px; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p.input span { display: block; margin: 0; padding: 5px 0 0 0; height: 22px; }
form#commentform p.input span input { width: 230px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea span { display: block; margin: 0; padding: 0; }
form#commentform p.button { text-align: left; }
textarea#comment { width: 347px; height: 62px; padding: 5px; border: 0; }

div.box,
div.pagetitle { 
  padding: 0; 
  border: 1px solid #999; 
  border-top: none; 
  margin-bottom: 10px;
}
div.box h3,
div.pagetitle h2 { 
  display: block; 
  margin: 0; 
  padding: 11px; 
  /*font-family: Georgia, 'Times New Roman', sans-serif; */
  font-family: "angie-sans-1","angie-sans-2",sans-serif; letter-spacing:1px;
  font-weight: bold; 
  text-transform: uppercase;
  background: #e5ecf6 url('images/background-post-title.gif') left top repeat-x; 
  color: #333; 
  border-top: 1px solid #fff; 
  border-bottom: 2px solid #999; 
}

div.pagetitle h3 {   font-size: 14px;  }
div.box h2 {         font-size: 16px;  }



div.box div.interior { padding: 15px; }
div.box div.interior ul  { display: block; list-style-type: none; margin: 0;  padding: 0;}
div.box div.interior ul li { display: block; }
div.box div.interior ul li a, 
div.box div.interior ul li a:visited { display: block; padding: 5px 0px; }
div.box div.interior ul ul { margin: 0; }
div.box div.interior ul ul li { }

div.box-adverts { padding: 11px; }
div.box-adverts div { padding-bottom: 8px; }
div.box-adverts img { border: 0; }
div.box-adverts img.ads1, div.box-adverts img.ads3  { margin: 0 8px 0 0; padding: 0; }

div.box-categories div.interior { 		padding: 0px;}
div.box-categories div.interior ul  { 		display: block; list-style-type: none; margin: 0;  padding: 0;  }
div.box-categories div.interior ul li { 	display: block; clear:left; padding: 5px 15px 0px; text-align:right; height: 25px; color:#ccc;} 
div.box-categories div.interior ul li a { 	display: block; float:left; text-align:left; font-size:12px; font-weight:bold; margin-top:-3px; }


div.box-widget_calendar div.interior, 
div.box-widget_archive div.interior, 
div.box-widget_tag_cloud div.interior { padding: 11px; }
	
table#wp-calendar { width: 180px; margin: 0 auto; }

div#footer { border-top: 1px solid; }
div#footer-wrapper { margin: 0 auto; padding: 0; width: 920px; }
div#footer-wrapper p { display: block; margin: 0; padding: 8px 15px; }

/*** Navigation Menu : Start ********************/

div#navmenu { margin: 0; padding: 0; height: 43px; background: url('images/background-navmenu.gif') left top repeat-x; }
div#navmenu-wrapper {  margin: 0; padding: 0; height: 45px; background: #E2E2E2 url('images/mw_menu_bg.jpg') left top repeat-x; }
div#navmenu-wrapper ul { display: block; margin: 0 auto; padding:0px; width: 920px; height: 43px; }
div#navmenu-wrapper ul li { display: block; margin: 0; padding: 0; float: left; height: 43px; }
div#navmenu-wrapper ul li a, div#navmenu ul li a:visited { display: block; float: left; margin: 0; padding: 0 0 0 25px; height: 43px; text-decoration: none; /* */ border: 1px dotted grey;}
div#navmenu-wrapper ul li a span, div#navmenu ul li a:visited span  { display: block; margin: 0; padding: 0 25px 0 0; height: 43px; line-height: 34px; color: #fff; }
div#navmenu-wrapper ul li a span span, div#navmenu ul li a:visited span span { display: block; margin: 0; padding: 0; }

div#navmenu-wrapper ul li a:hover { /*background: transparent url('images/background-navmenu-item-hover-left.gif') left top no-repeat; */ border: 1px dotted red; text-decoration: none; }
div#navmenu-wrapper ul li.current_page_item a span { /*background: transparent url('images/background-navmenu-item-hover-right.gif') right top no-repeat;*/  color: red; }

/*** Pagination : Start *************************/

div#pagenav { height: 38px; color: #fff; }
div#pagenav a, div#pagenav a:link { padding: 5px 10px; margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }

div.wp-pagenavi { height: 38px; padding: 0; }
div.wp-pagenavi a, div.wp-pagenavi a:link { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:visited { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:hover { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi a:active { text-decoration: none; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span { float: left; display: block; padding: 5px 10px;  margin: 6px 4px 0px 0px; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.current { font-weight: bold; border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }
div.wp-pagenavi span.extend { border: 1px solid #5f7c9c; color: #5f7c9c; background-color: transparent; }



/* div.postgroup { border-top-color: #999999; } */

/* div.singlepost { border-top-color: #b1c7e2; } */


div#comments h3, div#postcomment h3 { color: #5f7c9c; }
div#comments h3 a, div#comments h3 a:visited { color: #5f7c9c; }
div#comments p, div#postcomment p { color: #aeaeae; }
div#comments p a, div#comments p a:visited { color: #aeaeae; }

ol.commentlist { border-top-color: #b1c7e2; }
ol.commentlist li.commentlist { border-color: #b1c7e2; }
ol.commentlist li.commentlist cite { 
	color: #666; background: #fff url('images/background-post-meta.gif') left top repeat-x; 
	border-top-color: #fff; border-bottom-color: #b1c7e2; 
}
ol.commentlist li.commentlist cite a, ol.commentlist li.commentlist cite a:visited { color: #5f7c9b; }
ol.commentlist li.commentlist div.commenttext img.avatar { border-color: #876551; }

form#commentform { border-color: #b1c7e2; background: #fff url('images/background-post-meta.gif') left 1px repeat-x;}
form#commentform p.input span { background: transparent url('images/background-input.gif') left top no-repeat; }
form#commentform p.input span input { background: transparent none; }
form#commentform p.textarea span { background: transparent url('images/background-textarea.gif') left top no-repeat; }
textarea#comment { background: transparent none; }
 
table#wp-calendar { color: #999; }

div#footer { background: #ccc url('images/background-post-title.gif') left top repeat-x; color: #333333; border-top-color: #999999; }
div#footer a, 
div#footer a:visited { color: #333; }
div#footer a:hover { color: #990000; }




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
div#box-tabs div.interior { padding: 0; }
div#box-tabs h3 { display: none; }
div#box-tabs ul.ui-tabs-nav { 
	display: block; height: 39px;
	background: #fff url('images/background-post-title.gif') left 1px repeat-x;	
}
div#box-tabs ul.ui-tabs-nav li { 
	display: block; margin: 0; padding: 0; float: left; text-align: center; 
	width: 94px; height: 39px; 
	background: #fff none; color: #666;
}
div#box-tabs ul.ui-tabs-nav li.pop { border-right: 1px solid #b1c7e2; }
div#box-tabs ul.ui-tabs-nav li.rec { border-right: 1px solid #b1c7e2; }
div#box-tabs ul.ui-tabs-nav li a, div#box-tabs ul.ui-tabs-nav li a:visited { 
	display: block; margin: 1px 0 0 0; padding: 0; border-right: 1px solid #fff; line-height: 38px;
	background: #e5ecf6 url('images/background-post-title.gif') left top repeat-x; color: #666; 
	font-family: Georgia, 'Times New Roman', sans-serif;  text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	outline: none;
}
div#box-tabs ul.ui-tabs-nav li.com a, div#box-tabs ul.ui-tabs-nav li.com a:visited { 
	border-right: none; width: 95px;
}
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a, 
div#box-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {
	background: #fff none;
}

.ui-tabs-nav a:hover, 
.ui-tabs-nav a:focus, 
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, 
.ui-tabs-nav .ui-tabs-unselect a:focus, 
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

div#box-tabs div.ui-tabs-panel {
	background: #fff url('images/background-post-meta.gif') left 2px repeat-x; color: #333; 
}
div#box-tabs div.ui-tabs-panel p.notice {
	border-top: 1px solid #b1c7e2;
	padding: 13px; margin: 0;
	text-align: center;
}
div#box-tabs div.ui-tabs-panel ul { display: block; list-style-type: none; }
div#box-tabs div.ui-tabs-panel ul li { 
	display: block; padding: 13px; background: #fff url('images/background-post-meta.gif') left 1px repeat-x; color: #333;
	border-top: 1px solid #b1c7e2;
}
div#box-tabs div#tab-com a, 
div#box-tabs div#tab-com a:visited { display: inline; color: #5f7c9c; }



/* --- CHRIS MAGGS ----------------------------------------------*/
/* --- Styling for JH-PORTFOLIO ----------------------*/

#mwPortfolio {
	padding: 10px;
}

#mwPortfolio h2 {
	color:#fff;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
}
#mwPortfolio h3 {
	font-style:italic;
	margin-bottom: 20px;
}
#mwPortfolio p.portfolio {
	padding: 8px 3px;
	margin: 5px 0px;
	border: 1px solid #222421;
}
#mwPortfolio p.portfolio:hover {
	background-color: #2F2F2F;
	border: 1px solid #6F6F6F;
}
#mwPortfolio p.portfolio span.icon {
	display:block;
	float:left;
	width: 60px;
    height: 50px;
	margin-left:5px;
}
#mwPortfolio p.portfolio span.title {
	font-size: 14px;
	font-weight:bold;
	color:#fff;
}
#mwPortfolio p.portfolio span.url {
	float:right;
}
#mwPortfolio p.portfolio span.tags {
	clear:right;
	padding: 2px;
	margin: 0px;
	margin-bottom: 10px;	
}	
#mwPortfolio p.portfolio span.brief {
	padding: 2px;
	margin: 0px;
	margin-bottom: 10px;	
}