/*
      Global styles by Kevin Rooke @ NeoTech!
	  
*/

*
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: Trebuchet ms, sans-serif;
	font-size: 13px;
	background-color: #424242;
	background-image: url(../gfx/bodybg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



ul {
list-style:none;
}

li
{
	margin-left: 6px;
	list-style-type: none;
	list-style-position: default;
}

a
{
	color: #069;
	font-family: trebuchet ms, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

a:hover
{
	color: #0CC;
	text-decoration: underline;
}

h1
{
	color: #0CF;
	font-family: trebuchet ms, sans-serif;
	font-weight: 600;
	text-shadow: 3px 3px 4px #000;
	text-align: left;
	padding: 5px 0 0 20px;
}

em {color: #C60;}

 #cosmic
 {
 	margin: 0 auto 0 auto;
 	width: 930px;
 	/*border-color: transparent;
 	border-width: 1px;
 	border-style: solid;*/
 }
 
  #top
 {
 	float: right;
 	text-align: right;
 	padding: 0 15px 0 0;
 	margin: 0;
 	
 }



#topmenu
{
	margin: 5px 5px 0 0;
	padding: 0px;
 	letter-spacing: 2px;
}

#topmenu li
{
	font-size: 10px;
	display: inline;
	color: #666;
}

#topmenu li a
{
	color: #FFF;
	font-weight: bold;
}

#topmenu li a:hover {
color:#F74600;
}


 
 


 #global

{
margin: 25px auto 0 auto;
width: 930px;
}

 
#wrapper
{
	margin: 0 auto 0 auto;
	width: 920px;
}





#header
{
	color: #333;
	width: 920px;
	height: 176px;
	padding: 0;
	margin: 0;
	background-color: #424242;
	background-image: url(../gfx/head.png);
	background-repeat: no-repeat;
	background-position: left top;
}



#navigation
{
	float: left;
	width: 920px;
	/* height: 56px; */
	color: #333;
	padding: 0;
	margin: 0;
	background-color: #212121;
	background-image: url(../gfx/bg_body.gif);

	
}

#search {
float:right;
clear:both;
text-align:right;
border-top:1px solid #ccc;
margin:0;
padding: 5px 0 0;
}

input {
vertical-align:middle;
padding:2px;
}

input.searchfield {
width:140px;
border: 1px solid #ccc;
font-size: 10pt;
padding: 2px;
}

input.searchbutton
{
	border: 1px solid black;
	color: #FFF;
	font-weight: normal;
	font-size: 9pt;
	background: gray;
	padding: 2px;
}




#crumbs
{
	float: left;
	width: 910px;
	padding: 5px;
	margin: 0px;
	background-color: #FFF;
	background-image: url(../gfx/cinta5.gif);
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px dashed #424;
}


div.hr { margin: 5px 0px; border: none; border-top: 1px solid #999; }
div.hr hr { display: none; }

#fecha
{
	color: #BBB;
	font-family: Trebuchet ms, verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	padding-left: 25px;
	margin-top: 6px;
}

#leftcolumn
{
	color: #333;
	background: #DDD;
	margin: 0;
	padding: 10px;
	width: 473px;
	float: left;
	border-right: 1px dashed #424;
	
}

#leftcolumn p

{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 6px 5px;
	font-family: Trebuchet ms, sans-serif;
	
}

#leftcolumn h1,h2

{
	font-weight: bold;
	color: #666;
	font-family: Trebuchet ms;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}


#leftcolumn h1,h2 a

{
	font-weight: bold;
	color: #069;
	font-family: Trebuchet ms;
	font-size: 16px;
}


/* #leftcolumn input[type=button] {
border:1px solid #ccc;
color:#000;
font-size:.8em;
line-height:1.5em;
cursor:pointer;
display:block;
float:left;
background:#f9f6f2;
margin:0 .1em;
padding:.2em .8em;
}
*/

#floatleft { position: relative; float: left; padding: 0 8px 0 0; border: none; }

#floatright { position: relative; float: right; padding: 0 4px 0 0; border: none; }


#leftcolumn img
{
	border: 0;
	margin: 0;
}

#leftcolumn a img
{
	border: 0px;
}

/* Gallery Related Styling */

#thumbnails {
	border: 0;
	padding: 0;
	margin: 0;
	}

/* Ends Gallery Related Styling */

#rightmiddle
{
	color: #333;
	margin: 0;
	padding: 10px;
	width: 205px;
	float: left;
	background-color: #FFF;
	background-image: url(../gfx/index32.gif);
	background-repeat: repeat-y;
	background-position: right top;
	border-right: 1px dashed #424;
}

#rightmiddle h3
{
	font-family: Trebuchet ms, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #777;
}


/* the following is to style boxes with drop shadows */

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
}



#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container
    {
    	border: 1px solid #848284;
    	padding: 4px;
    	margin-bottom: 6px;
    	background-color: #FFF;
    	background-image: url(../gfx/cinta3.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
    }

/* styles only the these attributes in shadowed boxes: By KEV!*/


    #shadow-container .container a, p
{
	font-size: 11px;
}

    #shadow-container .container h3
    {
    	font-size: 14px;
    	font-family: Trebuchet ms, Verdana, sans-serif;
    	font-weight: bold;
    	color: #C60;
    	margin-bottom: 4px;
    }



#rightcolumn
{
	color: #333;
	background: #BBB;
	
	margin: 0;
	padding: 10px;
	width: 180px;
	float: right;
	}

#rightcolumn h3
{
	font-family: Trebuchet ms, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #555;
}

#quote
{
	color: #333;
	font-family: Trebuchet ms, verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-style: oblique;
	font-weight: bold;
}



#footer
{
	width: 900px;
	clear: both;
	color: #333;
	margin: 0;
	padding: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #424;
	background-image: url(../gfx/bg_body.gif);
}

fieldset
{
	color: #000;
	background: #DDD;
	margin: 0 0 8px;
	padding: 10px 8px;
	border-color: #333;
	border-width: 1px;
	border-style: solid;
}

textarea {
width:97%;
height:10em;
padding:3px;
border: 1px solid #333;
background-color: #EEE;
}

 input[type=text]
 {
 	border: 1px solid #333;
 	color: #000;
 	font-size: 12px;
 	background-color: #DDD;
 }



.meta
{
	color: #069;
	font-family: trebuchet ms, sans-serif;
	font-size: 9px;
	font-weight: 300;
}

.comment
{
	color: #069;
	border: 1px dashed #333;
	margin: 0 0 10px;
	padding: 10px;
	background-color: #FFF;
	background-image: url(../gfx/cinta5.gif);
	background-repeat: repeat;
	background-position: left top;
}

.commentsbox
{
	color: gray;
	margin: 0 0 10px;
	padding: 10px;
	border: 1px dashed #333;
	background-color: white;
	background-image: url(../gfx/cinta5.gif);
	background-repeat: repeat;
	background-position: left top;
}

.date
{
	margin: 10px 0 10px 0;
	border-color: #333;
	border-width: 1px 0 1px 0;
	border-style: dotted none dotted none;
}

/*.date_num
{
	top: 2px;
	height: 50px;
	width: 45px;
	font: normal 18px Tahoma;
	color: #222;
	text-align: center;
	padding: 0px 5px 0px 0;
	margin: 0px 10px 0 0;
	float: left;
	background-image: url(../gfx/calendar1.gif);
	background-repeat: no-repeat;
	background-position: 0 0; } */

/* .date_month
{
	color: #CCC;

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal; }*/

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}

/* for expandable title links on archive and sitemap pages */
.drop_title a {
font:bold 12px Arial;
}

.droplist_div {
width:95%;
border-bottom:1px solid #ccc;
padding:4px 0;
}

.subcatlist_div {
width:95%;
padding:0 0 0 15px;
}