/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family:"Arial";  /*  "Arial Black"  Arial & Helvetica are almost undistinguishable*/
}


/*-------uncomment and ustomize if you want to use different fonts for different page elements---*/
h2 { font-family: Arial, Helvetica }
h3 { font-family: "Arial" }
h4 { font-family: Arial, Helvetica }
p { font-family: Arial }
header { font-family: Arial, Helvetica }
/*------------*/
 


/*FONT SIZE=============================================================================================*/

h1 { font-size: 17px; } /* text-transform: uppercase;- header or special effects (era 15, 18)*/
h2 { font-size: 17px; font-weight:300 ; } /*text-transform: uppercase; content headings (era 15, 20) */
h3 { font-size: 12px; font-weight: bold ;text-transform: uppercase; } /*font-weight:lighter content sub-headings (era 13, 15)*/
h4 { font-size: 17px;text-transform: uppercase; } /* list headings, same size as (p, 18) */
h5 { font-size: 17px; text-transform: uppercase;} /* list headings 2, same size as (p, 15) */


p, ul, ol, td { font-size: 12px; } /*era 12*/

pfoot {font-size: 11px; }

ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 100%; }

/*WIDGETBOX=============================================================================================*/



#widgetbox {margin-left:10px; margin-right:0px; width:190px; padding:0px}

#widgetbox p {margin: 0px 0px 0px 0px; }

#widgetbox ul {list-style: none; margin: 0 ;padding: 0 }

#widgetbox ul li {padding: 5px ; border: solid #404040 1px; margin-top:0px;} /*borde azul 2200AA*/

#widgetbox ul li ul li {padding-left: 0px ; border:none; padding:0px; margin:0px}

#widgetbox li {margin-bottom:10px}

#widgetbox h2 {margin: 0 0 12px 0px; padding-top: 2px; border-bottom: 0px solid #000000;}

#widgetbox h2 {font-size: 14px; font-weight: 550;} /*text-transform: uppercase; font-type: italic;  */


/*FONT COLORS=============================================================================================*/
/*--------------------
below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)
lead  color: 		#0066cc  	blue		h1, h2, h3
second color:		#88bb22		green		seperaton lines, some links
highlight 1:		#9966cc		purple		not used but matching color - if you want to highlight something
highlight 2:		#990000		red			not used but matching color - if you want to highlight something

background 1:		#eeeeff		light 	 	lead elements
background 2:		#f7f7ff		light 		lightest bg
box underline:		#cccccc		light grey
---------------------*/


body {color: white}
a:active {color: red}

/*h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #AAAAAA}*/

/*F11823*/
/*DD0024*/
/*F70014*/
/*81B5ED*/

/*6088FF  CELESTE*/
/*FF3333  ROSADO MAGENTA */

/*h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #EE0B0B} (rojo pagina hecha por mi)*/

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #00c0ff} /*888888   purple:a05efe green:0d704c   darl green0a7b7c*/



ul li a:link, ul li a:visited {color: #AAAAAA}
p a:link, p a:visited {color: #AAAAAA}
a:link, a:visited {color: #AAAAAA}

p.postmetadata a:link, p.postmetadata a:visited {color: #AAAAAA}

pfoot {color:#333333}

#footer pfoot a:link, #footer pfoot a:visited {color: #333333}


/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/



/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

/* COLOR COLOR COLOR  */


/*body {margin:0px; padding: 0px; background: #000000  url('http://federicomiranda.com/images2/bg-ocean8.jpg') fixed }  */

body {margin:0px; padding: 0px; background: #000000}  /*080019   07001A*/

/*body {margin:0px; padding: 0px; background: #000000}  */

ul, ol {list-style: outside}
#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}



h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 0px solid #0066cc}


/*MULTI-USE TAGS==========================================================================================*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #030509}
.bg2 {background: #333333}

.border1 {border: solid 1px #0066cc;}


/*IMAGE TAGS==========================================================================================*/




/*the below will make images float left if they have no other tags (like 'right')*/
img {/*float: left;*/ margin:0px 5px 0px 0px}
/*the below will make images float right but you have to add 'class="right" inside the image tag)*/
img.right {float: right; margin: 0px 0px 0px 5px}



#header img {border: none}

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

/*=========================================================================================
===========================================================================================
===========================================================================================
*/




/* DIV FRAMING =============================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/




/*
#page {border: 1px solid #FF0000;}


#header {border: 1px solid #000011;}

#page {border: 3px solid green;}

#header {border: 3px solid red;}

#content {border: 1px solid brown;}

#sidebar{border: 3px solid aqua;}
.post {border: 3px solid #0066cc;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/


/* change the color or the width of the line below the header and left of the sidebar*/

#header {border-bottom: 1px solid #707479;} /* LINEA AZUL 3px 404040 0B0D5E 1000A0*/

#sidebar {border-left: 0px  solid #030509;}  /*linea azul 3px mas 404040 0B0D5E*/



/* not much in the boddy tag================================================
==========================================================================*/

body {
	text-align:center;
	}


/* BEGIN DIVS and other layout stuff========================================
this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/


#page {margin:auto;	margin-top:0px; width: 900px; text-align:left; background-color: rgba(10,10,50,0.20)}

/*#page {margin:auto;	margin-top:0px; width: 900px; text-align:left; background-color: rgba(10, 10, 14, 0.95)} /*background-color: #101014 ;}*/ /*FFFFFF DDDDDD 101014    #090914  #090915*/

#header {position:relative;	align:center; width: 900px; margin-top:10px; margin:auto;}



#langsel {position: absolute; top: 170px; right: -20px; }



/* menu bar in header section*/

/*MENU*/
/*MENU*/
/*MENU*/
/*MENU*/
/*MENU*/
/*MENU*/
/*MENU*/


#nav{position:relative; display:block; height:24px; font-size:12px; background:transparent url(images/bgOFF.gif) repeat-x top left;}  

/*#nav{position:relative; display:block; height:24px; font-size:12px; background:transparent; background-color:#799890; repeat-x top left;}*/

#nav ul{margin:0; padding:0; list-style-type:none; width:900px; }

#nav ul li{display:block; float:left; margin-left: auto;}

#nav ul li a{display:block; float:left;color:#111144; text-decoration:none; padding:6px 12px 0 12px;height:24px;}

#nav ul li a:hover{color:#EEEEEE; background:transparent url("images/bgON.gif") repeat-x top left;}

#nav ul li a:active{color:#EEEEEE; background:transparent url("images/bgON.gif") repeat-x top left;}


#nav ul li a:current{color:#EEEEEE; background:transparent url("images/bgON.gif") repeat-x top left;}




#content {padding-left: 10px; padding-right: 0px; padding-bottom: 0px; margin-top: 3px; }


.narrowcolumn {float: left;	padding: 0 0px 25px 45px;	margin: 0px 0 0; width: 670px;}
		.narrowcolumn .postmetadata {text-align: right;}

.widecolumn {float: left;	padding: 0 0px 25px 45px;	margin: 0px 0 0; width: 900px;}






/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}

/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 200px; margin-top: 10px;	margin-left: 0px;}
		#sidebar form {margin: 0;}
		#sidebar #searchform #s {width: 108px; padding: 5px;}
		#sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
/* RAYITA SIDEBAR RAYITA SIDEBAR*/

		.sb_header {margin: 0 0 20px 20px;	padding-top: 5px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #333333;}
				.sb_header h2 {margin: 0 0 2px 0px; }
			
.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}
	
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		.blockquote cite {margin: 5px 0 0; display: block;}

/* INLINE LIST */

#navlist
{position:relative; display:block; height:15px; font-size:13px; 

margin: 0;
padding: 0;
border-bottom: 1px solid #2211AA;
/*padding: .2em 1em;*/
/*background-color: #774455;*/

}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
/*padding-right: 0px;*/
display: inline;
list-style-type: none;
/*background-color: #00FF00;*/
}

#navlist a:link, #navlist a:visited
{
/*float: left;*/
line-height: 15px;
/*text-transform: lowercase;*/
/*font-weight: 2px;*/
margin: 0 10px 0px 10px;
text-decoration: bold;
/*color: #F00011; /*999  */
color: #8F96C7;
/*background-color: #4433CC;*/
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
line-height: 15px;
/*font-weight: 2px;*/
/*text-transform: lowercase;*/
margin: 0 10px 0px 10px;
text-decoration: none;
/*border-bottom: 4px solid #2A08AC;*/
/*padding-bottom: 2px;*/
/*background: transparent;*/
color: #FF1144;
/*background:transparent url(images/bgON.gif) repeat-x top left;*/

}



/*#navlist a:hover { color: #FFFFFF; }  /*2A08AC*/


/*CONTACT FORM */

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 250px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 220px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
/*CONTACT FORM */







/* RAYITA FOOTER */

#footer {border-top: 1px solid #000000;	padding: 0;	margin: 20px 0 0 0;	clear:both;	width: 900px;}


		#footer pfoot {margin: 0; padding: 5px 10px; text-align: center;}


#comments { clear:left;}

.commentlist {padding: 0; text-align: left;	margin-left: 0;}
	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}
	.commentlist p {margin: 10px 5px 10px 0;}
	.commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px;	padding: 0px;}
#commentform #submit {margin: 0; align: left;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0;	padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}





/*  
Theme Name: Drikatruu Jelly
Theme URI: http://www.drikatruu.com/
Description: Widget ready, customizable CMS theme with commented template files for easy customization.
Version: 1.1w
Author: Thomas Natter
Author URI: http://www.drikatruu.com/
*/