/* $Id: layout.css,v 1.1.2.4.2.2 2010/10/02 00:05:50 spaceninja Exp $ */


/* hide any HRs used in the layout, but show them in main content */
hr, #skip-link {
  display: none;
}


#main hr {
  display: block;
}
body {
	background-color: grey;
	background-image: url("//www.brusselsjournal.com/sites/brusselsjournal.com/themes/brussels3/images/wood.jpg");
	background-repeat: repeat;
font-family: 'Droid Serif', Verdana, 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
	font-size:86%;
	line-height:1.6em;
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	margin:0.5em 0 0 0;
    	font-family: Georgia, Constantia, 'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;
	line-height: 1;
	font-weight: normal;
}
h1, h2 {
	font-size: 160%;
}


/* Holy Grail Layout ---------------------------------------------------------
   ref: http://www.alistapart.com/articles/holygrail
   This layout takes advantage of negative margins to float the sidebars to
   either side of the main content. It also floats the navigation above the
   content, but you could just as easily absolutely position it.
   
   LC stands for Left Column, RC for Right Column
   
   Obvously, this layout is for left-to-right languages. For a
   right-to-left layout, just swap all the left and rights below.
   */
#page {
  width: 960px;
  margin: 0 auto 50px auto;
background-color: white;
	padding: 3px 6px 6px 1px;
	background: -moz-linear-gradient(left, grey, white 12px);
	background: -webkit-gradient(linear, left top, 1.5% top, from(grey), to(white));
	box-shadow: 6px 6px 0px #DDDDDD;
	-moz-box-shadow: 6px 6px 0px #DDDDDD;
	-webkit-box-shadow: 6px 6px 0px #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#DDDDDD", Direction=135,Strength=6);
}

#page, #innerpage {
	border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
}
#innerpage {
	margin: 5px 5px 4px 0px;
	border-top: 5px solid grey;
	border-bottom: 3px solid grey;
	border-right: 1px solid grey;
	padding: 0px 0px 0px 20px;
}
#page2, #page3 {
	display: none;
	margin: 0 auto;
	width: 900px;
	height: 400px;
	min-height: 400px;
	background-color: #EEEEEE;
	transform-origin: top left;
}
#page2 {
	top: 24px;
	left: 60px;
	z-index: -100;
	-webkit-transform: skew(-2deg,-2deg);
	-moz-transform: skew(-2deg,-2deg);
}
#page3 {
	top: 60px;
	left: 82px;
	background-color: #CCCCCC;
	z-index: -200;
	-webkit-transform: skew(-2deg,-3deg);
	-moz-transform: skew(-2deg,-3deg);
}
#header {
	height: 130px;
	overflow: hidden;
}
#logo-title{
	overflow: hidden;
	padding: 0;
	height: 100px;
}
#primary ul.primary-links {
	background-color: #FFFFFF;
	width: 933px;
	position: relative;
	height: 27px;
     	margin: 0;
     	padding: 0px ;
     	list-style: none;
	border: 1px solid #000;
}

#primary ul li {
	float: left;
     margin: 0 ;
     display: block;
     padding: 0px ;
     white-space: nowrap;
	background-color: #EEEEEE;
     }
#primary ul li a {
     float: left;
     display: block;
	line-height: 27px;
     font-weight: bold;
	vertical-align: sub;
     color: #000;
padding: 0 10px 0 10px;
margin: 0 ;
     text-decoration: none;
border-right: 1px dotted #000;
     }
#primary ul li a:hover, #primary ul li.active-trail  { 
	color: #FFFFFF;
	background: #666666;
     }
#primary ul li.active-trail a {
	color: #FFFFFF;
}
#current a {
     color: #FFFFFF;
	background: #666666;
     text-decoration: underline;
	}

#main,
#navigation,
#sidebar-left,
#sidebar-right {
  float: left;
}
#navigation {
	display: none;
}
#main {
  width: 100%;
}
.sidebar-left #main-squeeze {
  padding-left: 700px;   /* LC width */
}
.sidebar-right #main-squeeze {
  padding-right: 0px;  /* RC width */
}
.two-sidebars #main-squeeze {
  padding-left: 0px;   /* LC width */
  padding-right: 400px;  /* RC width */
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#sidebar-left {
  width: 220px;          /* LC width */
  margin-left: -406px;
	margin-right: 160px;
	float: right;
	padding: 0px 10px 0px 4px;
}
#sidebar-right {
  float: right;
  width: 160px;          /* RC width */
  margin-left: -170px;   /* RC width */
}
#sidebar-left, #sidebar-right {
	font-family: 'Droid Serif',Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
}
.item-list ul, .item-list ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 20px 0 30px 0;
	margin: 0 0 20px 0;
	text-align: center;
	color: #666;
	width: 100%;
}
#content {
	width: 520px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 30px 0px;
	overflow: hidden;
}
/* IE6 fix */
* html #sidebar-left {
  left: 160px;           /* RC width */
}
.rightbox {
	float: right;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	
}
.caption {
	font-size: smaller;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
blockquote {
	border: 0 #ddd dashed;
	border-width: 1px 0;
	margin: 0.5em 1.0em;
	padding: 0.3em;
	}

/* uncomment these color rules to make the layout easier to see */
/*
#container     { background: #ccc; }
#main          { background: #eee; }
#sidebar-left  { background: #ccf; }
#sidebar-right { background: #fcc; }
#navigation    { background: #ffc; }
#header        { background: #cff; }
#footer        { background: #cfc; }
*/

/* Font sizes, font faces, font-style */

body {
	}
code {
	font-family: 'andale mono', 'Courier New', Monaco, monospace;
	}
#header, .main-content, #footer {
    font-family: verdana, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.1em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px solid #ccc;
	}
h1 {
	line-height: 100%;
	color: #333; 
	margin:0 0 10px 0px; 
	padding:0;
   }
h3 { 
	padding-bottom: 0.2em; 
	margin-bottom: 0; 
	}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: black;
	}
h2 a:hover { 
	text-decoration: none;
  color: #027AC6;
	}
.submitted {
	display: block;
	margin-top: 0px;
	font-size: 9px;;
}
footer ul.links  {
	display: block;
	width: 100%;
	text-align: right;
	float: right;
	line-height: 300%;
	border-top: 1px solid #ccc;
}
footer ul.links li {
	margin: 2px 2px 2px 2px;
}
.fb-social-like-widget, .fb_social_share_class {
	float: left;
}
div.fb-social-like-widget {
	padding-top: 5px;
	display: inline;
}
.fb_social_like {
}
.fb_social_share_class {
	text-align: right;
	align: right;
}
#comments {
	margin-top: 50px;
}
#main {
	background-image: url('//www.brusselsjournal.com/sites/brusselsjournal.com/themes/brussels3/images/brussels2/bg_sidebar_content.png');
}
#content {
	background-color: white;
}
.new {
	color: red;
	font-size: 76%;
	float: right;
	text-align: right;
	font-weight: bold;
}
.adspot {
border-spacing:0;
overflow:hidden;
background-color:#f0f0f0;
border-color:#000000;
border-width:0px;
border-style:none;
width:240px !important;
font-size:10pt;
}
div .adspot_head {
font-family:Arial;
font-size:10pt;
color:#027AC6;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-align:left;
}
div a.adspot_link , div a.adspot_adurl {
font-family:Arial;
font-size:8pt;
font-style:normal;
color:#027AC6;
font-weight:normal;
margin:0;
padding:0;
display: inline;
text-decoration:underline;
text-align:left;
background-image: none;
}
div a.adspot_link:link, div a.adspot_link:visited, div a.adspot_adurl:link, div a.adspot_adurl:visited {
color:#027AC6;
text-decoration:underline;
font-size:8pt;
font-style:normal;
}
div a.adspot_link:active, div a.adspot_link:hover, div a.adspot_adurl:active, div a.adspot_adurl:hover {
color:#027AC6;
text-decoration:none;
}
div span.blogad_rss_ad li {
border: none;
}
div .adspot_adhead {
text-align:left;
font-family:Arial;
font-size:10pt;
font-weight:bold;
color:#027AC6;
margin:0;
padding:2px;
border-spacing:0;
width:240px;
display:block;
}
div .adspot_adtext {
font-family:Arial;
font-size:8pt;
font-weight:normal;
font-style:normal;
color:#000000;
margin:0;
padding:2px;
border-spacing:0;
display:inline;
clear:both;
width:240px;
text-align:left;
}
div.adspot_link {
width:240px !important;
text-align:left;
}
div.adspot_adurl {
text-align:left;
}
div.adspot_classic_adverpost {
border-spacing:0;
overflow:hidden;
background-color:#f0f0f0;
border-color:#000000;
border-width:0px;
border-style:none;
width:240px !important;
font-size:10pt;
}
div .adspot_head_classic_adverpost {
font-family:Arial;
font-size:10pt;
color:#027AC6;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-align:left;
}
div a.adspot_link_classic_adverpost , div a.adspot_adurl_classic_adverpost {
font-family:Arial;
font-size:8pt;
font-style:normal;
color:#027AC6;
font-weight:normal;
margin:0;
padding:0 5px 0 0;
display: inline;
text-decoration:underline;
text-align:left;
background-image: none;
}
div a.adspot_link_classic_adverpost:link, div a.adspot_link_classic_adverpost:visited, div a.adspot_adurl_classic_adverpost:link, div a.adspot_adurl_classic_adverpost:visited {
color:#027AC6;
text-decoration:underline;
font-size:8pt;
font-style:normal;
}
div a.adspot_link_classic_adverpost:active, div a.adspot_link_classic_adverpost:hover, div a.adspot_adurl_classic_adverpost:active, div a.adspot_adurl_classic_adverpost:hover {
color:#027AC6;
text-decoration:none;
}
div span.blogad_rss_ad_classic_adverpost li {
border: none;
}
div .adspot_adhead_classic_adverpost {
text-align:left;
font-family:Arial;
font-size:10pt;
font-weight:bold;
color:#027AC6;
margin:0;
padding:2px;
border-spacing:0;
width:240px;
display:block;
clear:both;
}
div .adspot_adtext_classic_adverpost {
font-family:Arial;
font-size:8pt;
font-weight:normal;
font-style:normal;
color:#000000;
margin:0;
border-spacing:0;
text-align:left;
}
div.adspot_link_classic_adverpost {
width:240px !important;
text-align:left;
}
div.adspot_adurl_classic_adverpost {
text-align:left;
}
div.adspot_img_classic_adverpost {
padding-top: 5px;
float:left;
width:auto;
}
div.adspot_img_large_adverpost {
text-align:center;
display:block;
clear:both;
margin:auto;
padding-top: 5px;
padding-bottom:5px;
}
div.adspot_main_ad_classic_adverpost {
padding-right: 5px;
}
#block-block-6 * ul, #block-block-5 * ul {
list-style-position:outside;
list-style-image:none;
list-style-type:none;
width: 160px;
margin:0;
padding:0;
}
#block-block-6 * li, #block-block-5 * li {
width: 160px;
margin:0;
margin-bottom:5px;
padding:0;
text-align:left;
border-color:#BBBBBB;
border-width:0px;
border-style:none;
border-spacing:0;
display:block;
text-indent:0;
overflow:hidden;
line-height: 12px;
}
#sidebar-left * li, #sidebar-right * li {
	margin-bottom: 5px;
	line-height: 12px;
}
#block-block-6 * img, #block-block-5 * img {
border-width:0;
border-spacing:0;
}
#block-block-6 * li * img, #block-block-5 * li * img {
text-align:center;
display:block;
clear:both;
margin:auto;
}
#block-block-6 * a:link, #block-block-5 * a:link {
	text-decoration:none;
}
#block-block-6 * a:hover, #block-block-5 * a:hover {
  color: #0062A0;
  text-decoration: underline;
}
a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}
#block-com-ment-0 .content .item-list ul li {
	font-size: 0.01em;	
	line-height: 0px;
	color: transparent;
	margin: 0;
	padding: 0;
}
#block-com-ment-0 .content .item-list ul li a {
	font-size: 11px;
	line-height: 1.6em;
	display: inline;
}
.linkads {
margin: 5px 0 20px 0; padding:0;
width: 468px;
height: 25px;
}