/*
Theme Name: NRW-Forum 1.0, Copyright V2A.NET
Theme originally based on Bluebird (http://randaclay.com/themes/), Author: Randa Clay
*/

/* Shortcuts */
.hidden {display: none; visibility: hidden}

html>body #content {
height: auto;
min-height: 1000px;
}

body{
padding: 0px;
margin: 0px;
background: #EFF5F5 url(css/bg_tile_body_gradient.png) top left repeat-x;
font: 62.5% Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */ 
height: 100%; 
}

#wrap {
width: 880px; margin: 25px auto 0 auto; position: relative /* border: 1px solid pink;*/
}


/************************************************
*	Header, Headings, etc.									*
************************************************/

#head{
display: block; 
text-align: center;
background-color: #fff;
background-image: url(images/header2008_12b.jpg);
background-repeat: repeat-x;
height: 250px;
width: 100%;
padding: 0px;
margin: 0px;
}

#headleft {
width: 880px; height: 255px; margin: 0 auto 0 auto; position: relative
}

#headleft h4{
margin: 0; display: block; position: absolute; top: 163px; left: 0; z-index: 1; font-size: 24px; text-transform: uppercase; width: 600px; height: 100px;
color: #2DC5D3; font-family: "Times New Roman", Times, serif; font-weight: normal;
padding: 20px 0 0 25px; text-align: left; background: transparent url(css/bg_headleft_white_trans.png) top left no-repeat; overflow: hidden}

#headleft h4 a {
color: #2DC5D3;
}

#headleft h4 #desc {
display: block;
font-size: 18px; font-style: normal; text-transform: none;
font-family: "Times New Roman", Times, serif; font-weight: normal;
color: #666;
padding: 0 0 25px 0;
text-align: left
}


/*- Main Menu in Header */


ul.menu {
position: absolute; z-index:1; top: 0; right: 10px; width: 210px; font-size: 12px; font-weight: normal; text-align: right; list-style: none; list-style-position:inside}
ul.menu li {display: block; margin: 0}
ul.menu, ul.menu li a {padding: 0 0 0 0}
ul.menu li a {color: #fff; margin:0}
ul.menu li a:hover {color: #2DC5D3!important; text-decoration: none}
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {color: #666!important;text-decoration: none}

/************************************************
*	Links and Headings									*
************************************************/


a img,:link img,:visited img { border:none }    



a, a:link {
color: #2DC5D3;
text-decoration: none;
}

a:hover {
color: #666;
text-decoration: none;
}

h1 {
font-family: "Times New Roman", Times, serif; font-size: 21px; color: #2DC5D3; font-weight: normal; margin: 0; padding-bottom: 0;
}

h1 a:link, h3 a:hover, h3 a:visited{
color: #2DC5D3;
}

h2 {
font-size: 22px;
line-height: 140%;
color: #2DC5D3;
font-weight: normal;
}


h5 {
display: block; font-family: "Times New Roman", Times, serif; background: transparent url(css/bg_h5_sidebar_l.png) top left repeat-x; height: 39px; overflow: hidden;
color: #666; margin: 0; padding: 0; position: relative; border-bottom: 1px solid #ccc; font-size: 19px; font-weight: normal;
}

h5 span {display: block; position: absolute; top: 8px; left: 10px}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

/************************************************
*	Main Content									*
************************************************/


#content {
width: 600px;
float: left;
}

.item {
width: auto; padding: 0 40px 10px 24px; margin-bottom: 15px; color: #666; background: transparent url(css/bg_item.png) top left no-repeat; position: relative
}


.item p {
font-size: 13px;
line-height: 160%; color: #333;
}

.item p a {
text-decoration: underline;
}

.item p a:hover {
color: #2DC5D3;
}

.item img {
/* border: 1px dotted #2DC5D3; padding: 5px; */ margin: 5px 0 5px 0;
}

.item ul {
list-style-type: disc;
padding-left: 10px;
margin: 10px 0px 10px 15px;
font-size: 13px;	
}

.item ol{
list-style-type: decimal;
padding-left: 10px;
margin: 10px 0px 10px 15px;
font-size: 13px;	
}

.itemhead {
display: block; clear: both;
padding-top: 12px;
padding-bottom: 0;
margin-bottom: 18px;
}

.itemhead h3{
display: block;
}

.date{
display: block; position: absolute; left: -70px; top: 0; width: 78px; height: 74px; background: transparent url(css/bg_date.png) top left no-repeat;
margin-bottom: 20px;
font-family: Verdana, Geneva, sans-serif;
}

span.datetop, span.datebottom {display: block; position: absolute; left: 5px; width: 50px; text-align: center;}
span.datetop {top: 15px; font-size: 15px; color: #2DC5D3; font-weight: bold}
span.datebottom {top: 35px;}


span.categorytop {display: block; font-size: 12px; margin: 4px 0 0 0}
span.itembottom {display: block; position: absolute; left: 0; bottom: -7px; width: 100%; height: 7px; background: transparent url(css/bg_item_bottom.png) bottom left no-repeat; }
input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff
}

.metadata{
display: block; width: 100%; font-size: 12px; line-height: 140%; margin-top: 20px;
}

.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #2DC5D3;
}

cite{
font-size: 12px;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ccc;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}


/************************************************
*	Sidebar									*
************************************************/

#secondary {width: 270px; padding: 0; float: right}

#searchform {width: 100%; height: 50px; margin: 0 0 20px 0; background: #F4F6F6; position: relative}
#searchform input.text {display: block; border: 1px solid #ccc; font-family: "Times New Roman", Times, serif; font-size: 17px; width: 158px; position: absolute; left: 10px; top: 10px; padding: 5px}
#searchform input.submitbutton {display: block; padding-bottom: 4px; background: transparent url(css/bg_submit_search.png) no-repeat; border: 0; width: 76px; height: 35px; font-family: "Times New Roman", Times, serif; font-size: 17px; color: #2DC5D3; position: absolute; right: 10px; top: 10px}

div#tagcloud {padding: 3px 10px 10px 10px !important}
div.textwidget {padding: 10px; font: normal 12px Verdana, Arial, Helvetica, sans-serif}
#l_sidebar {float: left; width: 100%; padding: 0 0 20px 0}

#l_sidebar p {padding: 3px 0px 0px 0px; margin: 0px; line-height: 17px; font-size: 12px; color: #666}

#l_sidebar ul {
margin: 0; padding: 4px 0 0 0 !important; font-size: 19px; list-style-type: none; color: #666; background: #F4F6F6
}

#l_sidebar li {
display: block; margin: 0; padding: 0; color: #666; list-style-type: none; font-family: "Times New Roman", Times, serif; font-size: 17px; border-bottom: 1px dashed #5ED3DD;
}
#l_sidebar ul li {
padding: 4px 0 4px 10px
}

#l_sidebar ul li a {
color: #2DC5D3; text-decoration: none;
}

#l_sidebar ul li a:hover {
color: #27ADB8; 
}

#l_sidebar ul ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 14px;
font-size: 13px;
color: #666;
list-style-type: disc;
list-style-position: outside;
color: #666;
}

#l_sidebar ul ul li{
margin: 0;
}

#l_sidebar ul ul ul{
margin-top:0; 
margin-bottom:0;
padding: 0px 0px 0px 14px;
font-size: 13px;
color: #666;
list-style-type: disc;
list-style-position: outside;
color: #666;
}

#l_sidebar ul ul ul li{
margin: 0px;
}


li .categories, li .linkcat, li .pagenav {
margin: 0px;
padding: 0px;
}

.sidebarSearch{
clear: both;
margin-top: 10px;	
margin-bottom: 10px;
margin-left: 5px;
}

.feedarea  {
background: transparent url(images/feedicon.png) 0 10px no-repeat;
padding: 10px 0 50px 20px;
}

.feedarea  a {
color: #666;
}

/************************************************
*	Comment Area									*
************************************************/


#commentwrap {
width: 100%; display: block; clear: both;
color: #333;
padding: 30px 0 0 0;
margin: 30px 0px 10px 0;
border-top: 1px solid #2DC5D3;
font-size: 13px;
}

#commentwrap h3 {font-family: "Times New Roman", Times, serif; font-size: 1.4em; color: #2dc5d3; font-weight: normal; padding: 0; margin: 0 0 5px 0}

#commentwrap a {text-decoration: underline}

#commentwrap a:hover {color: #E88337}

ol#commentlist {padding: 5px 0px 5px 0px; margin: 0px; list-style-type: none; font-weight: bold}

.commentdate {font-size: 1.2em; padding-left: 0px; font-weight: bold}

.commentlist p {clear: both; font-size: 1.2em}

#commentlist li p {margin-bottom: 8px; line-height: 18px; padding: 5px; font-weight: normal}

.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 0px 0px;
}

.commentinfo{
clear: both;
}

.commenttext {
clear: both;
margin: 0px 0px 20px 0px;
padding: 0 0 0 0;
width: 100%;
}

.commenttext-admin {
clear: both;
margin: 5px 0px 10px 0px;
padding: 0px 10px 5px 10px;
width: 550px;
}

#commentsformheader{
padding-left: 0px;
}

#commentform{
text-align: left;
margin: 0px;
padding: 0px;
}

#commentform form{
text-align: left;
margin: 0px;
}

#commentform p{
margin: 0px;
}

#commentform input{
border: 1px solid #ccc; margin: 0 0 5px 0
}

#commentform input.textfield, #commentform textarea{
width: 300px; border: 1px solid #ccc; margin: 0 0 5px 0; font-size: 12px; padding: 2px
}

#commentform textarea{height: 200px}

p.comments_link  img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

.commentmetadata {
font-size: 12px;
float: right;
}

.commentlist li, #commentlist li{
padding: 10px 0 0 0; list-style-type: none;
border-top: 1px solid #cccccc; margin: 0
}

ul.children {margin: 0 0 0 20px; padding: 0}
ul.children li {margin: 0 !important; padding: 10px 0 0 0 !important}
div.reply {margin: -10px 0 5px 0; text-align: right}


.navigation {

text-align: right;
margin-top: 10px;
margin-bottom: 10px;
color: #515441;
font-size: 13px;
}

.navigation a:link, .navigation a:hover, .navigation a:visited{
color: #2DC5D3;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

img.alignleft {margin: 5px 10px 5px 0}


/************************************************
*	Gravatar									*
************************************************/ 

img.avatar {
float: left; 
margin: 0 8px 3px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}



/************************************************
*	Calendar									*
************************************************/


#wp-calendar {
empty-cells: show;
margin: 0;
width: 90%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar td {
color: #515441;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar #today {
background: ;
color: #2DC5D3;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

/************************************************
*	Footer									*
************************************************/


#foot {
width: 680px; 
height: 40px;	
text-align: left;
margin-top: 20px;
color: #666;
font-size: 11px;
}

#foot a:link, #foot a:hover, #foot a:visited{
color: #2DC5D3;
text-decoration: underline;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption, p.wp-caption-text  {font-style: italic; font-size: 12px; color: #2DC5D3; text-align: center}
.wp-caption {margin: 0 !important; padding: 0 !important}
.wp-caption img {margin: 0 !important; padding: 0 !important}
.alignnone {padding: 0  !important; margin: 0  !important}
p.wp-caption-text {margin-top: 0}