/*
Theme Name: Imaginaid
Theme URI: http://imaginaid.org/
Description: Theme developed for Imaginaid. 
Author: Design: Francisco Laranjo, Programming Datasuporte
Version: 2.0
Tags: imaginaid, laranjo, datasuporte
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


body {font-family: Arial, sans-serif; color:#333333; background-color: #f5f5f5 !important;}

a {  text-decoration: underline;}
b, strong {font-weight: bold !important;}
em, i {font-style: italic !important;}
.alignright {float:right; margin-left: 10px; margin-bottom: 10px;}
.alignleft {float:left; margin-right: 10px; margin-bottom: 14px;}
.black {color:#333333;}
.blue {color:#333333;}
.green {color:#333333;}
.orange {color:#ff6600 !important;}
#page { margin: 0 auto 36px auto; }

#header {height:201px;}
header nav {top:40px; position: relative;} /* Menu Items */
.menu-item a {text-decoration: none ; font-size:18px; line-height: 20px;} /* Menu Items */
.atop {color:#999999;}
.atopb {color:#ff6600;}
#header img:hover {opacity:0.6;}

header nav ul, header nav li {margin: 0px; padding: 0px; list-style-type: none;} 
header aside {top:40px; position: relative; text-align: right;} /* Logos */
.dotted {border-top:dotted 1px #000; overflow: auto; }
.dotted-banner { border-top:dotted 1px #000; border-bottom:dotted 1px #000;}
.dotted-bottom {border-bottom:dotted 1px #000; overflow: auto; }
.horbar {border-bottom:dotted 1px #000; overflow: auto;margin-bottom: 16px;clear: both; }

#banner {margin-bottom: 10px; }
#banner-wrapper .scrollEl, #gallery-wrapper .scrollEl {display:none;position:relative; }
#banner-controls .prev, #gallery-controls .prev {display:block; position:absolute;float:left; cursor:pointer; z-index: 4; width:30px; height:57px; background-image:url(images/banner-button-left-1.gif); }
#banner-controls .prev:hover, #gallery-controls .prev:hover {background-image:url(images/banner-button-left.gif);}
#banner-controls .next, #gallery-controls .next {display:block; position:absolute;float:left; cursor:pointer; z-index: 4; width:30px; height:57px; background-image:url(images/banner-button-right-1.gif); }
#banner-controls .next:hover, #gallery-controls .next:hover {background-image:url(images/banner-button-right.gif);}
#banner-controls .disabled, #gallery-controls .disabled {  display: none; }
.banner-desc {display:none;font-size:18px; line-height:22px; color:#999999; padding:10px 10px 10px 0; position:absolute; float:left; z-index: 3;width:392px; height:211px;  opacity:1.0; margin-left:134px; }
.gallery-desc {display:none;font-size:12px; line-height:16px; color:#333; padding:10px; position:absolute; float:left; z-index: 3; width:640px; height:40px; background-color: #f5f5f5; opacity:0.8; margin-left:134px;  }
.line_desc {background-color: #f5f5f5; padding:0px 6px 2px 0;}
.firstline {color:#4c4332 !important; text-decoration: none;}
.firstline:hover {color:#999999 !important;}
.banner-desc a, .gallery-desc a {color:#999999; text-decoration: none; }
.banner-desc a:hover, .gallery-desc a:hover {color: #4c4332;}
.bg_gray {display: block;  margin: 0 0 0 0;}
#banner-controls {margin-left:134px; margin-top:-85px; font-size:18px; line-height:20px; color:#999; position:absolute; float:left; z-index: 5;}
#banner-controls .sel {color:#4c4332;}
#banner-controls .page:hover {color:#4c4332 !important;}

.pageIndex {background-color:#f5f5f5; display: inline; padding:0px 6px 2px 0; cursor: pointer; }

#zone-header {margin-bottom: 57px;}
#zone-header h4 {color:#4c4332;}
#zone-content {margin-bottom: 57px; font-size: 12px; line-height: 16px;}
.zone-content-main {color:#333333;}
.zone-content-main a {color:#4c4332; text-decoration: none; border-bottom: dotted 1px #4c4332;}
.zone-content-main a:hover {border-bottom: solid 0px #4c4332;}

.zone-content-blog-main {color:#333333;}
.zone-content-blog-main a {color:#4c4332; text-decoration: none; border-bottom: dotted 1px #4c4332;}
.zone-content-blog-main a:hover {border-bottom: solid 0px #4c4332;}

.metadata {color:#333333;}
.metadata a {color:#4c4332; text-decoration: none;}
.metadata a:hover {border-bottom: 1px dotted #4c4332;} 
.metadata-blog {color:#FF6600;}
.metadata-blog a {color:#FF6600; text-decoration: none;}
.metadata-blog a:hover {border-bottom: 1px dotted #FF6600;} 

.comment {background-image:url(images/balloon-gray.png); padding: 1px 4px 4px 4px; color:#ffffff !important; text-decoration: none; border-bottom:0px !important; }
.comment-orange {background-image:url(images/balloon-orange.png); padding: 1px 4px 4px 4px; color:#ffffff !important; text-decoration: none; border-bottom:0px !important; }

#comments-content {margin-bottom: 57px; font-size: 12px; line-height: 16px; }


#links-header {margin-bottom: 57px; color:#4c4332 !important; }
#links-header h4 {color:#4c4332 !important;}
#links-content {margin-bottom: 57px; color:#333333 !important; font-size: 10px !important; line-height: 12px !important; }
#links-content a {color:#4c4332 !important; font-size: 10px; line-height: 14px; text-decoration: none; border-bottom: 1px dotted #4c4332;}
#links-content a:hover {color:#4c4332 !important; font-size: 10px; line-height: 14px; text-decoration: none; border-bottom: 0px dotted #4c4332;}
#links-content p {font-size: 10px; line-height: 14px;}

form#commentform textarea { border: 0px; background-color:#e0e0e0; height: 114px; padding:4px; color:#333333;line-height: 16px; font-size: 12px; text-align: left; }
form#commentform input[type="text"] {  color:#333333;border:0px; background-color:#e0e0e0; margin-bottom: 1px; line-height: 16px; font-size: 12px; padding: 4px; height: 21px; }
form#commentform input[type="submit"] {width:333px; text-align:left; color:#FFFFFF; border:0px;background-color: #999999; line-height: 16px; font-size: 12px; height: 31px; padding: 0 0 0 4px; cursor: pointer; }
form#commentform input[type="submit"]:hover {background-color: #333333; color:#FFFFFF; }
form#searchform input[type="text"] { color:#333333;border:0px;background-color: transparent; }


.wpcf7-form input[type="radio"] {margin: 4px 0 8px 0;}
.wpcf7-form input[type="submit"]  {width:258px; text-align:left; color:#FFFFFF; border:0px;background-color: #999999; line-height: 16px; font-size: 12px; height: 31px; padding: 0 0 0 4px; cursor: pointer; }
.wpcf7-form input[type="submit"]:hover {background-color: #333333; color:#FFFFFF; }

.wpcf7-text {width:250px; color:#333333;border:0px; background-color:#e0e0e0; margin-bottom: 1px; line-height: 16px; font-size: 12px; padding: 4px; height: 21px; }
.newsletter-text, .newsletter {width:118px; color:#333333;border:0px; background-color:#e0e0e0; margin-bottom: 1px; line-height: 16px; font-size: 12px; padding: 4px; height: 21px; }
.newsletter-radio {width:250px; color:#333333;border:0px; background-color:#e0e0e0; margin-bottom: 1px; line-height: 16px; font-size: 12px; padding: 4px; height: 21px; }

.radio-326 {}



#footer {margin-bottom: 0px; font-size: 10px !important; line-height: 18px !important; color:#666666 !important; }
#footer a {color:#666666 !important; text-decoration: none; }
#footer a.under {border-bottom: 1px dotted #666666; }
#footer a.under:hover {border-bottom: 0px dotted #666666; }

#search {float:left; background-color: #e0e0e0; width:124px; height:18px; margin-right: 10px;}


/* WP PAGES NUMBERS */

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	line-height: 22px;
	font-size: 16px;
}

#wp_page_numbers {
	width: 100%;
}
#wp_page_numbers ul {
	width: 100%;
	padding: 0px; margin: 0px;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-right: 12px;
}

#wp_page_numbers a {
	text-decoration: none;
	border-bottom: dotted 0px #666666;
}

#wp_page_numbers li a:hover {
	border-bottom: dotted 1px #666666;

}

#wp_page_numbers li.space {
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-bottom: dotted 1px #666666;

}
#wp_page_numbers li.active_page a:hover  {
}

#wp_page_numbers li.page_info {

}