/**************************************************************
   Visit studio7designs.com for more layouts and downloads for this template!
 **************************************************************/

 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #1f1975 url(../images/bg/header.gif) repeat-x bottom left;
	border-bottom: 2px solid #1f1975;
	background-color: #1f1975;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #3B5D77;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 143px;
  background: url(../images/bg/logo1.jpg) no-repeat top left;
}





/**************************************************************
   Top Block Menu
 **************************************************************/


#menu2 {
	margin-top: 2em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
}


#menu2 ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: repeat-x top left;
	border: 1px #7d7d7d;
}


#menu2 ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}


#menu2 ul li a {
	float: left;
	width: 24%;
	height: 2em;
	font: bold 1.2em/1.6em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: 0.01em;
	color: #676767;
	border-top: 1px #7d7d7d solid;
	border-bottom: 1px #7d7d7d solid;
	text-indent: 2px;
	text-align: center;
}

.menuizq {
	border-left: 1px solid #7d7d7d;
	border-right: 1px #7d7d7d dotted;
	background: #e2e2e2 url(../images/bg/buttonbg1.png) repeat-x top left;
}

.menuder {
	border-right: 1px #7d7d7d solid;
	background: #e2e2e2 url(../images/bg/buttonbg.png) repeat-x top left;
}


.menu {
	border-right: 1px #7d7d7d dotted;
	background: #e2e2e2 url(../images/bg/buttonbg2.png) repeat-x top left;
}

.menu2 {
	border-right: 1px #7d7d7d dotted;
	background: #e2e2e2 url(../images/bg/buttonbg3.png) repeat-x top left;
	
}

#menu2 ul li.vacio {
  float: left;
  width: 25%;
  height: 3.5em;

  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #1f1975;
  border-bottom: 15px solid #FFF;
}


#menu2 ul li a span {
  display: block;
  padding: 2px 7px;
}



#menu2 ul li a span.desc {
  font-size: 0.8em;
  color: #bb0;
}



#menu2 ul li a:hover,
#menu2 ul li a.here {
  background: #7d7d7d;
color: #e2e2e2;}



#menu2 ul li a:hover span.desc,
#menu2 ul li a.here span.desc {
  color: #FFF;
}

#titlebar {
	margin: 0;
}


#titlebar ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #e2e2e2 url(../images/bg/bg_bar.png) repeat-x top left;
	border-bottom: 1px solid #7e7e7e;
}


#titlebar ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	height: 2em;
	font: bold 1.5em/1.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #676767;
	text-indent: 2px;
	text-align: center;
	width: 33%
}

.bar2 {
	background: #e2e2e2 url(../images/bg/bg_bar1.png) repeat-x top left;
}



/**************************************************************
   Page Content
 **************************************************************/

#page {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 3em;
	text-align: left;
	margin-top: 2em;
}

#columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 776px;
}
.widthfixed {
	width: 400px;
}


.widthPad {
  width: 90%;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width101 {
  width: 101%;
}

#headlogo {
	margin: auto;
	background: url(../images/logo2.gif) no-repeat scroll bottom left;
	height: 150px;
	clear: left;
	width: 98%;
}


.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}

.width200p {
	width: 200px;
}

.width550p {
	width: 550px;
}
.minusbg {
	margin-top: -184px;
	margin-left: -205px;
}

.titlebg {
	background: url(../images/bg/valvbg.gif) no-repeat bottom left;
	margin: 0px;
	padding: 0px;
	height: 184px;
	position: relative;
}


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


#footer {
  clear: both;
  width: 98%;
  height: 25em;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  min-width: 750px;
}

#footer h1 {
	border-bottom-color: #EAC3A6;
	color: #D2691E;
	border-bottom-width: 5px;
}

#footer #bg {

}

#footer #bg ul {
  float: right;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #bb0;
  border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #6C0;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}



/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}


/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #b50;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #35a;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

.post h2 {
	font-size: 1.4em;
	margin: 0 0 0 2.5em;
	padding: 0.5em 0 1em 1.2em;
	border-left: 1px solid #CCCCCC;
}

.postbody {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

.postbody p {
	margin: 0px;
	padding: 0px 1em 0px 0px;
	border: 0px none;
}
/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
	margin: 0 0 5px 0 !important;
	margin: 0;
	padding: 0px 5px;
	list-style: none;
}

a.thumb img {
	border: 5px double #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #f8e096;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
}

ul.submenu1 li a {
  color: #426F85;
  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #f8e096 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #f8e096 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.lightYellowBg {
  background-color: #fdf8e3;
}

.YellowBg {
  background-color: #f8c808;
}

.dark {
  color: #353E47;
}

.lightYellowBorder {
	border: 1px solid #D2941C;
}

.YellowBorder {
	border-left: 1px solid #d2941c;
	border-right: 1 solid #d2941c;
	border-top: 1px solid #d2941c;
}

#searchbox{
	color: #ffffff
}

#searchbox p {
	margin: 0px;
}


#maincontent {
	background-color: #F1F5F9;
	border: 2px solid #6e6e6e;
	margin-right: 220px;
	margin-left: 10px;
}

#maincontent p {
	padding: 0px 1em 0px 1em;
}

#maincontent h1 {
	padding: .1em 0px .2em .5em;
}

#maincontent h2, #maincontent h3 {
	padding-left: 0.5em;
}
/*=======Rouded box ========*/

 
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/bg/corners1.gif'); /* CHANGE: path and name of your image */
	height: 35px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	max-width: 2000px;
	}	
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	margin-top: -35px;  /* CHANGE: replace by the height of one of your corners */
	padding-right: 0px;
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #ffc45d; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #ffc45d;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 0px;             /* YCC: all texts at some distance of the left border */
	padding-right:0px;             /* YCC: all texts at some distance of the right border */
	height: 24em;	/*Modified by the_woz for footer, adjust to desired footer size */
	max-width:	1987px;
	min-width: 720px; 
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */


.gap-saver {
	height: 1px;
	margin: 0 0 -1px 0;
	padding: 0;
	font-size: 1px; /* to correct IE */
}

/*Feed divs*/



.feedright {
	float: right;
	margin-right: 10px;
}

.feedleft, .feedcenter {
	float: left;
}

.feedleft {
	margin-left: 10px;
}

.feedleft, .feedcenter, .feedright {
	width: 30%;
	margin-top: 1em;
	padding-top: 1em;
	text-align: left;
	padding-bottom: 2em;
	
}

.feedcenter{
	position: relative;
	left: 50%;
	margin-left: -46.75%;
	margin-right: auto;
	width: 31%
}

#dannyid, #csdbid{
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 1px dotted #D0D0D0;
	border-right: 1px dotted #d0d0d0;
}

#speccyid {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 0px;
	margin-right: 0px;

}

.dannyhead, .speccyhead, .csdbhead {
	display: block;
}



.dannyhead 	a {
	background: transparent url(../images/dannylogo.gif) no-repeat center -24px;
	height: 15px;
	display: block;
	margin-bottom: 8px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.dannyhead 	a:link {
	background: transparent url(../images/dannylogo.gif) no-repeat center -24px;
	height: 15px;
	display: block;
	margin-bottom: 8px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.dannyhead a:hover {
	background-position: center 0px;
}



.speccyhead 	a {
	background: transparent url(../images/speccylogo.gif) no-repeat center -22px;
	height: 11px;
	display: block;
	margin-bottom:	12px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.speccyhead 	a:link {
	background: transparent url(../images/speccylogo.gif) no-repeat center -22px;
	height: 11px;
	display: block;
	margin-bottom:	12px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.speccyhead a:hover {
	background-position: center 1px;
}

.csdbhead 	a {
	background: transparent url(../images/csdblogo.gif) no-repeat bottom center;
	height: 23px;
	display: block;
	margin-bottom:0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

.csdbhead 	a:link {
	background: transparent url(../images/csdblogo.gif) no-repeat bottom center;
	height: 23px;
	display: block;
	margin-bottom:0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

.csdbhead a:hover {
	background-position: center 0px;
}

.rsstitle {
	font-size: 7pt;
}

.rsstitle a {
	color: #FF8759;
	padding-left: 4px;
	padding-right: 4px;
}

.rsstitle a:link {
	color: #FF8759;
	padding-left: 4px;
	padding-right: 4px;
}

.rsstitle a:hover {
	color: #FF4500;
	border-left: 2px dashed #ff5500;
	border-right: 2px dashed #ff5500;
	padding-left: 2px;
	padding-right: 2px;
}

.myrss {
	border-top: 1px dotted #d0d0d0;
	clear: both;
	padding-top: 2em;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
}

/*---- Page section ----*/

DIV.pagesection {
	padding:10px;
	line-height:16px;
	margin:0px;
	text-align:center;
	border-top:1px dotted #9999CC;
	}

A.pagelinks {
	text-decoration:none;
	color:#777;
	border-bottom:1px dotted silver;
	}

A.pagelinks:link {
	text-decoration:none;
	color:#777;
	border-bottom:1px dotted silver;
	}

A.pagelinks:hover {
	color:#00a;
	border-bottom:1px dotted #FF3C00;
	}
	
/*----comment 'bubble'----*/

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* ----- */
.detalles{
	display: block;
	padding-right: 1em;
	text-align: right;
}

/*----lightbox----*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

.comments {
	margin-left: 2em;
	margin-right: 2em;
}