/*
CSS by Alvaro Garcia - www.binarynonsense.com
*/


* {
	margin: 0;
}
html, body {
	height: 100%;
}


body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center; /* Centers the container */
	margin: 0;
	padding: 0;
	background: #DDAB14 url('background_up.jpg') repeat-x;
}

img { border: none; }
a:VISITED, a:ACTIVE, a:FOCUS, a:LINK{
    text-decoration:none;
}
a:HOVER{
color: #000;
}

/* MENU */
#menu {
    width:100%;
    height:108px;
    margin: 0;
    padding 0;
}

#wrapper_menu {
    width: 960px;
    margin: 0 auto; /* needed to center */
    text-align: left;
    color:#fff;
    font-size : 15pt;
    font-weight:bold;    
}

#menu_links{
	margin-top:40px;
	float:left;
	display:inline;
}
#menu_links a, a:visited{
	color:#fff;
}
#menu_links a:hover{
	color:#000;
}
#menu_links a#menuactive, a#menuactive:visited{

}

#label_up{
	width:276;
	height:133;
	float:right;
}

/* HEADER */
#header {
    width:100%;
    height:246px;
    margin: 0;
    padding 0;
}

#wrapper_header {
    width: 960px;
    margin: 0 auto; /* needed to center */
    text-align: left;    
}

#header_logo {
       padding-top:60px; 
}

/* CONTENT */
#content {
	width:100%;
    /*min-height: 100%;*/
    /*margin-bottom: -230px;*/
    /*position: relative;*/
    /*clear: both;*/
    margin: 0;
    padding: 0;
    /*min-height: 100%;
    margin-bottom: -230px;
    position: relative;
    clear: both;*/
}

#wrapper_center {
    width: 960px;
    margin: 0 auto; /* needed to center */
    /*background: #DDAB14;*/
    text-align: left;
    /*height:500px;*/
    /*opacity: 1.0;*/
}

.center_left{
	width:600px;
	/*padding-left:20px;*/	
	float:left;
	padding-top:15px;
}

.center_right{
	width:320px;
	/*padding-left:20px;*/	
	float:right;
	padding-top:15px;	
}

.updates_right a:hover{
	color:#000;
}
.updates_right p.updatep{
	padding-bottom:15px;
	padding-left:26px;
}.updates_right p.title{
	font-size:18pt;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}.updates_right img.update_image{
	border:#fff solid 1px;
	margin-right:15px;
}
.updates_right img.update_image:hover{
	border:#000 solid 1px;
}
.updates_right p.blogpost{
	font-size:10pt;
	color:#fff;
	border-bottom:#fff dotted 1px;
	margin: 0;
    padding: 0;
    padding-top:5px;
    padding-bottom:5px;
    background-image: url('reply.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:26px;
}
.updates_right p.blogpost a, a:visited{
	color:#fff;
}
.updates_right p.blogpost a:hover{
	color:#000;
}
.updates_right p.blogpost a.twitlink, a.twitlink:visited{
	color:#70570B;
}
.updates_right p.blogmore a{
	float:right;
	font-size:10pt;
	color:#70570B;
	margin: 0;
    padding: 0;
    padding-top:5px;
}.updates_right p.blogmore a:hover{
	color:#fff;
}
.updates_right a, a:visited{
	color:#fff;
}
/* INDEX PAGE */
#port_menu{
	padding-top:20px;
}
#port_menu img{
	margin-bottom:30px;
	margin-right:30px;
	border: #fff solid 0px;
	opacity: 0.95;
}
#port_menu img:hover{
border: #000 solid 0px;
opacity: 0.87;
}

#page_header img{
margin-top:20px;
	margin-bottom:20px;
	border: #fff solid 1px;
}

/* FOOTER */
.clearfooter {    
    /*height: 260px;*/
    clear: both;
}
#footer { 
	background: #5F5B5C; 
	height: 150px;
	/*position: relative;*/
	margin-top:45px;
	border-top:#fff solid 2px;
}

#wrapper_footer {
    width: 1000px;
    margin: 0 auto; /* needed to center */
    text-align: left;
    color:#fff;
    font-size:10pt;  
    padding-top:8px;  
}

#footer_image{
    text-align:center;
    /*width: 367px;*/
    height: 189px;
    /*background: url('footer.png');*/
    margin-top:-50px;
}

#wrapper_footer b{
    color:#fff;
    font-size:11pt;
}

#wrapper_footer a{
    color:#DDAB14;
    font-weight:bold;
}
#wrapper_footer a:hover{
    color:#000;
}

#wrapper_footer ul{
    margin-top:17px;
}
#wrapper_footer li{
    margin-top:15px;
}

#footer_column_1{
    float:left;
    width:310px;
    border-right: 1px dotted #fff;
    height:190px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    padding-right:20px;
}
#footer_column_2{
    float:left;
    width:310px;
    border-right: 1px dotted #fff;
    height:190px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    padding-right:20px;
}
#footer_column_3{
    float:left;
    width:255px;
    height:190px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    padding-right:20px;
}

/* BLOG */

.paragraph{
	text-align:justify;	
	font-size:15px;
	font-family:'helvetica';
	border-bottom: 1px dotted #fff;
	color:#fff;
	width:552px;
	margin-bottom:20px;
	padding-left:34px;
	padding-bottom:20px;
	
}

.paragraph b{
	font-weight:bold;
}

.paragraph a,.paragraph a:visited{
	color:#B87408;
}
.paragraph a:hover{
	color:#fff;
}

.paragraph p{
	margin-top:10px;
	margin-bottom:10px;
}

.paragraph p.more{
    text-align:right;
	color:#fff;
}

#off{
    color:#B87408;
    font-size:14px;
}#off a, a:visited{
    color:#B87408;
}#off a:hover{
    color:#fff;
}

.posttitle{
	font-size:17pt;
	font-family:'helvetica';
	color:#fff;
    margin-top:30px;
    margin-bottom:20px;
    width:552px;
    
    background-image: url('postarrow.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:34px;
}
.posttitle a,a:visited{
    color:#fff;
}.posttitle a:hover{
    color:#000;
}

.imageborder{
margin:0;
padding:0;
margin-right:8px;
border:1px solid #fff;
float:left;
}

a.rootcategory{
    background-image: url('maximize.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:26px;
    margin-left:26px;
    margin-bottom:5px;
    display:block;
    color:#fff;
}

a.childcategory{
    background-image: url('minimize.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:26px;
    margin-left:39px;
    margin-bottom:5px;
    display:block;
    color:#fff;    
}

/* ARCHIVE */

.archive{
	font-size:15px;
	font-family:'helvetica';
	color:#000;
	width:560px;
	margin-top:20px;
}
.archive p{
    margin-bottom:8px;
}
.archive p a, .archive p a:visited {
    color:#fff;
    background-image: url('reply.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:26px;
}
.archive p a:hover {
    color:#000;
}

/* CATEGORY */

.category{
	font-size:15px;
	font-family:'helvetica';
	color:#000;
	width:560px;
	margin-top:20px;
}
.category h1{
    font-size:20px;
    margin-bottom:20px;
    
}.category h2{
    font-size:17px;
    margin-bottom:10px;
    margin-top:20px;
    
}
.category p{
    margin-bottom:8px;
    margin-left:10px;
}
.category p a, .category p a:visited {
    color:#fff;
    background-image: url('reply.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:26px;
}
.category p a:hover {
    color:#000;
}

.subcategory{
    padding-left:20px;
}
.subcategory h3{
    font-size:15px;
    margin-bottom:10px;
    
}

/* PAGES */


#page_content{
    font-size:15px;
	font-family:'helvetica';
	color:#fff;
	width:560px;
	margin-top:20px;
    margin-left:10px;
}

#page_content a, #page_content a:visited{    
	color:#B87408;
}#page_content a:hover{    
	color:#000;
}


#page_content .posttitle{    
	/*color:#128AD2;*/
	color:#fff;
	background-image: url('bluecircle.png');
    background-repeat: no-repeat;
    background-position:center left;
    padding-left:30px;
    padding-bottom:2px;
}#page_content .posttitle a, #page_content .posttitle a:visited{    
	color:#fff;
}#page_content .posttitle a:hover{    
	color:#000;
}

#page_content h2{    
	margin-top:20px;
    margin-bottom:10px;
    color:#000;
    font-size:17px;
    font-weight:normal;
}

#page_content p{    
	margin-top:10px;
    margin-bottom:10px;
    
}

#page_content a img{
    border:#fff solid 2px;
    margin-right:10px;
}#page_content a img:hover{
    border:#000 solid 2px;
}

#page_content .page_menu a, #page_content .page_menu a:visited{
    color:#B87408;    
}#page_content .page_menu a:hover{
    color:#000;    
}

#page_content .images_box{
    /*text-align:left;*/
}

#page_content .images_box p{
    margin-bottom:10px;
    margin-left:34px;
}

table.tablePage{
    padding:0;
    margin:0;
    text-align:justify;
    padding-left:30px;
}

table.tablePage td.tdPageDesc{
    padding:0;
    margin:0;
    /*width:400px*/;
    border-right:1px #fff dotted;
    padding-right:20px;
    vertical-align:top;
}

table.tablePage td.tdPageScreen{
    padding:0;
    margin:0;
    /*width:250px;*/
    padding-left: 30px;
}
table.tablePage td.tdPageScreenUp{
    text-align:left;
    padding:0;
    margin:0;
    /*width:250px;*/
    padding-left: 30px;
    vertical-align:top;
}


/* INFO PANEL */

.panel {
position: absolute;
top: 50px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
text-align:left;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #DDAB14;
text-decoration: none;
border-bottom: 1px solid #DDAB14;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 200px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(minus.png) 15% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

.panel h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}