/*
Theme Name: fd-rollpix
THEME URI: http://www.freedev.com.ar/
DESCRIPTION: Theme base for Rollpix 
VERSION: 1.0
AUTHOR: Borthiry Martin
AUTHOR URI: http://www.freedev.com.ar/
.
fd-theme-rollpix is copyright Rollpix.com
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



/* Begin Typography & Colors */
body {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Verdana', Arial, Helvetica, Sans-Serif;
	background: #606F84;
	color: #333;
	text-align: center;
	margin: 0 0 2em 0;
	padding: 0;
}

#page {
	background-color: #fff;
	text-align: left;    
	margin: 1em auto;
	padding: 0;
	width: 100em;
	}

#header {
	background: #fff url('images/header.jpg') no-repeat bottom center;
	margin: 0;
	padding: 0;
	height: 9.9em;
	}

#header_en {
	background: #fff url('images/header_en.jpg') no-repeat bottom center;
	margin: 0;
	padding: 0;
	height: 9.9em;
	}

#header_PT {
	background: #fff url('images/header_PT.jpg') no-repeat bottom center;
	margin: 0;
	padding: 0;
	height: 9.9em;
	}

#header_title{
    height: 9.9em;
    text-indent:-500em;
}

#d_menu {
    background: #dedede;
}

#main_menu{
    float: left;
    background: #dedede;
    
}
#lang_menu{
    float: right;
    background: #DEDEDE;
}
#lang_menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
 float: left;
}
#lang_menu li{
    float: left;
    margin: .5em;    
}
#lang_menu li.active {
    border: solid 0.1em #666;
}

#lang_menu input{
    float: left;
    border: solid 0.1em #666;
    margin:0.1em;
    width:8em;
    color: #ccc;

}

#gsearch{ 
    float: left;
}

.clear{
    clear: both;
}
.center{
    text-align: center;
}

.breadcrumb, .breadcrumb a{
    margin:.5em;
    color: #999;
    font-size: 12px;
}


.rss-subscribe{
    text-align:right;
}

.feed {
    background: url(images/rss.jpg) no-repeat;
    padding: .4em 1em;

}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: underline;
}

/**************** sidebar  *****************/
div#sidebar {float: left; width: 18.5em;   display: block; min-height: 40em;}
/* for Internet Explorer */
/*\*/
div#sidebar {
    height: 40em;
}
/**/
#sidebar ul{ 
    list-style: none;
    margin: 0;
    padding: 0; 
}


ul#sub_menu {
    margin: 1em;
}
#sub_menu li{
    padding: .7em;
    border-bottom: dashed #013660 1px;  
    
}
#sub_menu a{
    color:#013660;
    font-size: 1.1em;
    text-decoration: none;
}
#sub_menu a:hover{color:#fff; background:#355E7C; display:block;} 

.side_img{
    margin:.2em;
}

/*************** help private **********/
.help{
    background: #fff;
}
.help #sidebar{
    margin: 0 1em 0 1em;
}
.help #content{
    border-left: .1em solid #aaa;
    padding: 1em;
    margin-left: .2em;
    text-align: left;
}
.help #gsearch{
    margin: 2em 0 2em 0;
    text-align: center;
}
.help #gsearch input {   
    border: solid 0.1em #666;
    margin:0.1em;
    width:10em;
}
.help #lang_menu {
    background: #fff;
    float: none;
}
.help #sub_menu{
    text-align: left;
}
.help #sub_menu li{
   border-bottom: none;  
}
#help_header h1{
    color: #003366;
}
#help_header em{
    color: gray;
    font-style: italic;
    margin: .5em;
    
}

/**************** content  *****************/
.alignright{
 float: right;
}

br.spacer_ {
 line-height:2em;
}

#content{margin:0 ; padding:0; float: left; width: 80em;}
#content p{ margin:0 ; padding:0; line-height: 170%; font-size: 12px;}
#content p img{
 margin-right: 3px;
}

.narrowcolumn {border-left: .2em solid #ccc; }

div.post div.entry{ margin: 2em 0 2em;}

div.post { padding: .5em 2em;}
div.post .line-post{
    display: block;    
    width: 98%;
    border-bottom:1px dashed #E77817;
    margin-top: 1em;
}

.post h3 a {
    color: #E77817;
    font-size: 1.3em;
    text-decoration: none;
}
.post h3 a:hover {
    text-decoration: underline;
}

#page h2  {color: #003366; font-size:1.3em; font-weight:bold;}
#page h1 {color: #003366; font-size:1.6em; font-weight:bold;}
#page .post { font-size: 1.1em; }



/**************** searchform  *****************/
#searchform input{ width:10em;}

/**************** searchform  *****************/

.footer_info{
    color: #fff;
    font-size: 1em;
    background: #53617C;
    text-align: center;
}

/**************** menu coding *****************/

.menu {width:745px;  position:relative; z-index:120; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; width:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px; background:#fff;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:111px;position:relative; border-right: .1em solid #fff;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#355E7C; width:100px; height:2.1em; border-width:1px 0 1px 1px; background:#dedede; padding-left:10px; line-height:24px; text-align: center; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#dedede 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#dedede  130px center;}
.menu ul ul :hover > a.drop {background:#dedede  130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#dedede;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#dedede;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {position:absolute;height:0;top:20px;left:0; width:149px;

 display: none;

}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul li {

background: #fff; margin-top:-1px;}
.menu ul ul a, .menu ul ul a:visited {background:#dedede;
color:#355E7C; height:auto;
line-height:1em; padding:5px 10px; width:145px;text-align: left;
border-bottom: .1em solid #999;
border-right: .1em solid #999; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#355E7C;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#355E7C;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul{
   display: block; 
}

.menu ul a:hover ul{display: block; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}