/* 
#################################################
##
##	@file:	de_nood_style.css
##	@site:	www.denood.nl
##	@info:	www.savantmedia.be
##	@date:	23:20 20 May 2009 tw
##
#################################################

[Table of contents]

 0.RESET
 1.GLOBAL
 2.LAYOUT
 3.HEADER
 4.CONTENT 
 5.FOOTER
 
 XX.SIMPLEMENU MODULE CSS
 XX.ADMINISTRATION CSS
 
 
[Color codes]

#  White (background): ---------------------- #fff;
#  footer (blue): ------------------------------ #4d7bbe



[Font sizes]

#	We are using em for font sizing to ensure correct scaling.
#	Body font size is set to 62.5% based on 16px standard font size.
#	Thus page font size should be equivalent to 10px.
#
#	Please find details as to why em rather than pixels here: 
#
#	http://pxtoem.com/

----------------------------------------------------------------*/
/*************************
 * 0.RESET               *
 *************************/
@import "de_nood_reset.css";

/*************************
 * 1.GLOBAL              *
 *************************/

body { 
   /*  background: #FFF url(../img/_ph_bg.jpg) top center no-repeat; */
    background-color: #fff;
	color: #333;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 10px; /* Default font settings. The font-size percentage is of 16px. (0.625 * 16px ~ 10px) */
/* 	height: 100%; */
	margin: 0;
	padding: 0;
}

/* Headings 
-------------------------------------------------------------- */ 

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; } 
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 { font-family:Times New Roman,Veranda,sans-serif; font-size: 2em; margin-bottom: 0.75em; } 
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.25; margin-bottom: 1.25em; } 
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 { font-size: 1em; font-weight: bold; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } 

strong { font-weight: bold; }

/* Text elements 
-------------------------------------------------------------- */ 

p { margin: 0 0 1.5em; } 
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } 
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } 
a:focus, a:hover { color: #000; } 
a { color: #009; text-decoration: underline; } 
blockquote { margin: 1.5em; color: #666; font-style: italic; } 
strong { font-weight: bold; } 
em,dfn { font-style: italic; } 
dfn { font-weight: bold; } 
sup, sub { line-height: 0; } 
abbr, acronym { border-bottom: 1px dotted #666; } 
address { margin: 0 0 1.5em; font-style: italic; } 
del { color:#666; } 
pre { margin: 1.5em 0; white-space: pre; } 
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists 
-------------------------------------------------------------- */ 

li ul, li ol { margin:0 1.5em; } 
ul, ol { margin: 0 1.5em 1.5em 1.5em; } 
ul { list-style-type: disc; } 
ol { list-style-type: decimal; } 
dl { margin: 0 0 1.5em 0; } 
dl dt { font-weight: bold; } 
dd { margin-left: 1.5em;}

/* Tables 
-------------------------------------------------------------- */ 

table { margin-bottom: 1.4em; width:100%; } 
th { font-weight: bold; } 
thead th { background: #c3d9ff; } 
th,td,caption { padding: 4px 10px 4px 5px; } 
tr.even td { background: #e5ecf9; } 
tfoot { font-style: italic; } 
caption { background: #eee; } 


/*************************
 * 2.LAYOUT              *
 *************************/
#wrap {
	background:transparent url(../img/bg_wrapper.jpg) no-repeat scroll right top;
	margin:0 auto;
	padding:0 10px;
	width:1000px;
}

/*************************
 * 2.HEADER              *
 *************************/
#header {
	height:100px;
	padding-top: 25px;
	margin-bottom: 5px;
}

/* Logo */
#logo  {
	height: 100px;
	width: 200px;
	margin-left: 36px;
}
#logo a {
	background: transparent url(../img/logo.png) no-repeat scroll 50% 50%;
	display: block;
	height: 100px;
	width: 200px;
}
#logo a span {
	display: none;
}

/* Navigation */
#menu {
	margin-left: 54px;
}
#menu ul {
	padding:0;
	margin:0;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	color: #B4B4B4;
	display: block;
	font-family: Utah Condensed Bold, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	padding: 65px 6px 15px;
	text-decoration: none;
	text-transform: uppercase;
}



/*************************
 * 4.CONTENT 
 *************************/

#content {}

/* main content area*/
.main {
	float: left;
	margin: 0 0 0 40px;
	width: 710px;
}

/* blog specific post date block */
.main_content {
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 25px;
}
.main_content h2 {
	font-family: Times New Roman, Veranda, sans-serif;
	font-size: 2.2em;
	margin-bottom: 1.2em;
	color: #4e4e4e;
}
.main_content h2 a {
	color: #4e4e4e;
	text-decoration: none;
}
.main_content h2 a:hover {
	color: #4d7bbe;
}
.date {
	color: #FFF; 
	background-color: #4d7bbe;
	float: left;
	height: 52px;
	width: 52px;
	margin-right: 10px;
	padding-top: 0px;
	line-height: normal;
}
.date .day_month {
	display: block;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
	text-transform: uppercase;
}
.date .year {
	display: block;
	text-align: center;
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
}
.meta {
	display: block;
	font-size: 11px;
	color: #666;
}

.description img {
	border:4px solid #4D7BBE;
	float:left;
	margin:0 8px 8px 0;
}
.blog_teaser,
.blog_body,
.gallery_teaser,
.gallery_body {
	font-size: 1.15em;
}

.tags { 
	color: #666;
	clear: both;
	display: block;
	padding: 10px 0;
	font-size:10px;
}
.read_more {
	color: red;
}

/* sidebar */
.sidebar {
	float: right;
	margin: 0 40px 0 0;
	padding-top: 50px;
	width: 190px;
}
.side_content {
	background-color: #ededed;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.side_content h2 {
	border-bottom: 1px solid #C1C1C1;
	font-family: Times New Roman,Veranda,sans-serif;
	font-size: 1.35em;
	font-weight: bold;
	padding: 5px 7px;
}
.side_content dl {
	margin:0 0 0 10px;
	padding:0;
	color: #4e4e4e;
	font-family: Arial, sans-serif;
	font-size: 1.05em;
}
.side_content dl dt {
	margin:5px 0 2px;
	padding:0;
	font-weight: normal;
}
.side_content dl dd {
	margin:0 0 10px 0;
	padding:0;
}
.side_content dl dd a {
	color: #4e4e4e;
	text-decoration: none;
}
.side_content dl dd a:hover{
	font-weight: 500;
}

/* Sticky Box */
#topbox {
	background: transparent url(../img/topbox.png) no-repeat top left scroll;
	height: 300px;
	padding-top:28px;
}
/* Left hand side */
#sticky_left {
	float: left;
	width:525px;
}
/* Left block */
#block-views-winaar_gallery_block-block_1 {
	margin-left: 40px;
}
.stickyblock {
	border: none;
}
.stickyblock .tags {
	padding-right:140px;
}
/* Right hand side */
#sticky_right {
	color: #FFF;
	float: right;
	margin-right:260px;
	width:190px;
	font-size:10px;
}
#sticky_right h4 {
	color: #FFF;
}
#sticky_right a {
	color: #FFF;
}
/* Specific blocks on right hand side */
#block-block-1 {

	border-bottom: 2px solid #FFF;
}
#block-block-2 {
	margin-top: 6px;
}


 
/*************************
 * 5.FOOTER              *
 *************************/
#footer {
	color: #FFF;
	font-size: 1.1em;
	height: 40px;
	background-color: #4d7bbe;
	padding: 20px 60px;
}
.copyright {
	color: #99b1d3;
	font-size: 0.8em;
	float: right;
}


/* Pager */
.item-list .pager {
	clear: both;
	text-align: right;
}
.item-list .pager li {
	background-color: #333;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	margin: 0 3px;
}
.item-list .pager li a,
.item-list .pager li a.active {
	color:#FFF;
	text-decoration:none;
}

/****************************
 * XX.SIMPLEMENU MODULE CSS *
 ****************************/
#simplemenu {
	background: #FFFFFF none repeat scroll 0 0;
	border-bottom: 1px dashed #4D7BBE;
	color: #333333;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	position: fixed;
	width: 100%;
	z-index: 9999;
}
#simplemenu a {
	color:#000;
	text-decoration:none;
	padding:3px 12px 5px 12px;
	width:auto;
}
#simplemenu li {
	background:transparent;
}
#simplemenu li.expanded > a {
	background:url(../img/simplemenu/right_green.gif) no-repeat 94%;
	padding-right:18px;
}
#simplemenu li.root > a {
	background:url(../img/simplemenu/down_green.gif) no-repeat 94%;
	padding-right:18px;
}
#simplemenu li:hover, #simplemenu li.sfHover,
#simplemenu a:focus, #simplemenu a:hover, #simplemenu a:active {
	background: #4d7bbe;
	color:#fff;
}
#simplemenu li ul {
	border:1px solid #ccc;
	background:#fafcff;
	margin:0 2em 0 0;
}
#simplemenu li ul a {
	color:#4e4e4e; 
	height:auto;
}
#simplemenu li ul li:hover, #simplemenu li ul li.sfHover,
#simplemenu li ul a:focus, #simplemenu li ul a:hover, #simplemenu li ul a:active {
	background-color:#cde;
	color:#4e4e4e;
}




/*************************
 * XX.DEFAULT CLASSES    *
 *************************/
.left {
	float: left;
}
.right {
	float: right;
}
.clearL { clear: left;}
.clearR { clear: right;}
.clear { clear: both;}
.spacer{clear:both; height:1px;}

/* DO THE CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}



/****************************
 * XX.administration CSS    *
 ****************************/
/* lists */
ul { margin: .5em 0 1em; padding: 0; }
ol { margin: .75em 0 1.25em; padding: 0; }
ol li, ul li { margin: .4em 0 .4em .5em; }
ul.menu, .item-list ul { margin: .35em 0 0 -.5em; padding:0; }
ul.menu ul, .item-list ul ul { margin-left: 0; }
ol li, ul li, ul.menu li, .item-list ul li, li.leaf { margin: .15em 0 .15em .5em; }
ul li, ul.menu li, .item-list ul li, li.leaf { background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; list-style-image: none; list-style-type: none; padding: 0 0 .2em 1.5em; }
ol li { margin-left: 2em; padding: 0 0 .3em; }
ul li.expanded { background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; }
ul li.collapsed { background: transparent url(images/menu-collapsed.gif) no-repeat 0 .35em; }
ul li.leaf a, ul li.expanded a, ul li.collapsed a { display: block; }
ul.inline li { background: none; margin: 0; padding: 0 1em 0 0; }
dl { margin: 0.5em 0 1em 0; }
dl dt { margin: 0.8em 0 0.2em; }
dl dd { margin: 0 0 0.5em 1.5em; }

/* forms & fieldsets */
input { color: #494949; font: 1em Verdana, sans-serif; }
textarea, select { color: #494949; font: 1em Verdana, sans-serif; }
fieldset ul.clear-block li { background-image: none; margin: 0; padding: 0; }
fieldset { background: #fff; border: 1px solid #ccc; margin: 1em 0; padding: 1em; }
fieldset legend { padding: 0 0.5em; }
html.js fieldset.collapsed { background: transparent; padding-bottom: .6em; padding-top: 0; }
html.js fieldset.collapsible legend a { background: url(images/menu-expanded.gif) no-repeat 0 50%; }
html.js fieldset.collapsed legend a { background: url(images/menu-collapsed.gif) no-repeat 0 50%; }
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item { margin: .25em 0; }
.form-button, .form-submit { margin: 2em .5em 1em 0; }
.confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit { margin: 0; }
#autocomplete li { cursor: pointer; margin: 0; padding: 2px; }
#autocomplete li.selected { background: #027ac6; color: #fff; }

/* admin tab links */
#tabs-wrapper { border-bottom:1px solid #ccc; margin: .5em 0 1em; padding: 0; }
ul.primary { border-bottom: 5px solid #eee; margin: 0; padding: .25em 0; }
ul.primary li { background: none; border-top: 3px solid #ccc; margin: 0 .5em 0 0; padding: .25em 0; }
ul.primary li.active { background: #eee; }
ul.primary li:hover { background: #f5f5f5; }
ul.secondary { background: #eee; border: none; margin: 0; padding: 0 1em; }
ul.secondary li { background: none; border: none; display:inline; line-height: 2em; margin: 0 0 0 0; padding: 0 1em 0 0; }
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited { background: none; border: 0; margin: 0; padding: 0 1em; text-decoration: none; }
ul.secondary li a, ul.secondary li a:visited { background: none; border: 0; margin: 0; padding: 0; text-decoration: none; }
ul.secondary li.active a, ul.secondary li a:hover { text-decoration: underline; }
ul.primary li.active a, ul.secondary li.active a { font-weight: 700; text-decoration: none; }

/* admin styling */
div.admin, div.admin .left, div.admin .right, div.admin-panel, div.admin-panel .body, div.admin .expert-link { margin: 0; padding: 0; }
div.admin .left { float: left; width: 48%; }
div.admin .right { float: right; width: 48%; }
div.admin-panel { background: none; padding: 1em; }
body.admin .description { margin-bottom: 1.5em; }
body.admin dl { margin: 0; }
body.admin dt { font-weight: normal; }
body.admin dd { color: #898989; font-size: .9167em; line-height: 1.5em; margin-bottom: .5em; }

/* admin tables */
body.admin table { margin: 1em 0; width: 100%}
body.admin thead th { border-bottom: 2px solid #ccc; font-weight: 700; padding:0 1em 0 0; }
body.admin tbody { border-top: none; }
body.admin td, body.admin th { padding: .3em .5em; vertical-align: middle; }
body.admin tr.even, body.admin tr.odd { border: solid #ccc; border-width: 1px 0; }
body.admin tr.odd, body.admin tr.info { background-color: #eee; }
body.admin tr.even { background-color: #f5f5f5; }
body.admin tr.drag { background-color: #fffff0; }
body.admin tr.drag-previous { background-color: #ffd; }
td.region, td.module, td.container, td.category { background-color: #ddd; border-bottom: 1px solid #ccc; border-top: 1em solid #fff; color: #666; font-weight: 700; }
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { border-top-width: 0; }
body.admin table.sticky-header { margin: 0 0 0 1px; }
body.admin table.sticky-header th { padding-top: .5em; }
span.form-required { color: #ffae00; }

/* messages */
.messages { background-color: #fff; border: 1px solid #b8d3e5; }
.messages, .preview { margin: .75em 0; padding: .5em 1em; }
.messages ul { margin: 0; }
.preview { background-color: #fcfce8; border: 1px solid #e5e58f; }
.preview .node { background-color: #fcfce8; }
div.status { border-color: #c7f2c8; color: #33a333; }
div.error, tr.error { background-color: #fcc; color: #a30000; }
.form-item input.error, .form-item textarea.error { border: 1px solid #c52020; color: #363636; }
.description { color: #666; font-size: .92em; line-height: 150%; margin-bottom: .75em; }

/* status report */
table.system-status-report tr.error, table.system-status-report tr.error th { background-color: #fcc; border-color: #ebb; color: #200; }
table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; border-color: #eeb; }
table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; border-color: #beb; }
table.system-status-report th { padding-bottom: 6px; padding-top: 6px; }
table.system-status-report th, table.system-status-report tr.merge-up td { padding-left: 30px; }