/* Theme Name: Gloobus 
Author: Martin Césare
*/
 
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #F0F0F0;
	font-family: Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana;
        font-size: 12px;
	color: #505050; 
	text-align: center;
        line-height:2.1;	
}

/* HEADERS */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 0px;		
	color: #444444;	
}
h1 {
	font-size: 2.2em;		
}
h2 {
	font-size: 2em;
	color: #505050;
        text-align: left;
        margin-top: 5px;
}
h3 {
	font-size: 1.3em;
	font-weight: normal;	
	padding: 8px 0px 2px 0px;
}


/* PARAGRAPH */

p { 
padding-bottom: 12px;

}

/* LISTAS */

ul, ol {
	margin: 0px 0px;
	padding: 0 0px;	
}

ul { list-style: none; }

dl { padding: 0px; margin: 0; }

dt {
  font-weight: bold;
  color: #F0F0F0;
}
dd {
  padding-left: 25px; 
}

/* FORMULARIOS */

form {
	margin: 0px 0px; 
	padding: 0px 0px 0px 0px;	
}

input, textarea {
        position: relative;
	margin: 0; padding: 5px;
	font: normal 11px Verdana, Arial;
	color: #333333;
        border: 1px #D9D9D9 solid;
	background: #F5F5F5;
	vertical-align: middle; /* alinea la flecha con este elemento */
}

input.textbox { 
	width: 25px;
	height: 25px;
	padding: 3px 3px 3px 70px;	
	
}

textarea {
        position: relative;
        top: 0px; left: 0px;
	width: 100%;	
	height: 170px;
	display: block;	
        margin-right: 0px;
}

/*********************************************************************************************
                                        LAYOUT
*********************************************************************************************/ 
#wrap {
	position: relative;
	width: 888px;
	margin: 30px auto 0px auto;
	text-align: left;
        clear: both;	
}

#header {
	position: relative;
	width: 888px;
	height: 30px;
	margin-top: 10px;
}


#header-text {
	position: relative;
	width: 888px;
	height: 228px;
	color: #ffffff;	
	margin-top: 0px;
        background: url(images/header-bg.png) repeat-y;
}

#header-text .left{
	position: relative;
        top: 30px;
        margin-left: 40px;
	width: 210px;
	height: 180px;
        float: left;
}

#header-text .right{
	position: relative;
        top: 30px;
        margin-left: 30px;
	width: 525px;
	height: 90px;
	color: #ffffff;	
	margin-top: 0px;
        float: left;
        padding-top: 50px;
}

#header-text-bottom {
	width: 888px;
	height: 22px;
	padding: 0; 
        margin-bottom: 0px;
        background: #ffffff url(images/header-bottom.png) no-repeat left bottom;
}


#main {
	float: left;
	width: 888px;
	padding: 0; 
        margin: 0px;
}


#main .post {
overflow:hidden;
width: 888px;
}

#intro {
	position: relative;
	width: 888px;
        margin-top: 25px;
        line-height:1.8;
}

#intro .left{
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}

#intro .right{
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
}

#coverflow-intro {
	position: relative;
	width: 868px;
        margin-top: 5px;
        margin-left: 10px;
}

#coverflow {
	position: relative;
	width: 888px;
        margin-top: 25px;
}

#coverflow .left{
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}

#coverflow .right{
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
}

#preview {
	position: relative;
	width: 888px;
        margin-top: 25px;
}

#preview .left{
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}

#preview .right{
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
}


#file-types {
	position: relative;
	width: 888px;
        margin-top: 25px;
        clear: both;
}

#file-types .left{
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}

#file-types .right{
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
}

#file-types h3 {
	font-size: 1.3em;
	font-weight: normal;	
	padding-top: 10px;
        margin: 30px 10px;
        line-height: 1.6em;
}

#youtube {
	position: relative;
	width: 888px;
	height: 700px;
        margin-top: 0px;
        padding-left: 12px;
        background: #000000 url(images/header-bg.png) repeat-y;;
}

#youtube-bottom {
	width: 888px;
	height: 22px;
	padding: 0; 
        margin-bottom: 0px;
        background: url(images/header-bottom.png) no-repeat left bottom;
}


#download {
	position: relative;
	width: 888px;
        margin-top: 25px;
}

#download .left{
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}


#download .right{
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
}

#download .bottom {
	width: 868px;
        margin-top: 15px;
        margin-left: 10px;
        float: left;
        clear: both;
}

#changelog {
	width: 868px;
        margin-top: 15px;
        margin-left: 10px;
        float: left;
        clear: both;
}

#repository {
	width: 868px;
        margin-top: 15px;
        margin-left: 10px;
        float: left;
        clear: both;
}

#screenshots {
	width: 868px;
        margin-top: 25px;
        float: left;
        clear: both;
}


#requirements {
	position: relative;
	width: 888px;
        margin-top: 5px;
}

#instructions {
	position: relative;
	width: 868px;
        margin-top: 5px;
        margin-left: 10px;
}


#help {
	position: relative;
	width: 888px;
        margin-top: 25px;
}

#help .left {
        top: 30px;
        margin-left: 10px;
	width: 410px;
        float: left;
}

#help .right {
        top: 30px;
        margin-left: 45px;
	width: 410px;
        float: left;
        padding-top: 60px;
}

#help .right p {
        margin-top: -5px;
}

#developers {
	width: 848px;
        margin-top: 15px;
        margin-left: 20px;
        float: left;
        clear: both;
}





#developers p {
	text-align: justify;

}

#donate {
	width: 868px;
        margin-top: 25px;
        float: left;
        clear: both;
}

#donators {
	width: 848px;
        margin-top: 25px;
        margin-left: 10px;
        float: left;
        clear: both;
}
#donators ul li {
margin-left: 20px;
list-style-image: url(images/bullet.gif)
}


/* ********************************************************************************************
*********************************************************************************************** */


#aca-no-esta {
	float: left;
	width: 777px;
	padding: 50px; 
	display: inline;
        margin-top: 25px;
}



/* FOOTER */

#footer {
	clear: both;
	color: #333333;	
	margin: 0 0 0 0; 
	width: 888px;
        height: 44px;
	padding: 30px 0 0 0;
	text-align: center;	
	font-size: 1em;
        background: url(images/footer.png) no-repeat;
}

#footer a { 
color: #306495; 
}

#footer p {
margin: 0; padding: 0; 
}

/****** ALIGNMENT CLASSES ******/

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* CLEARING */

.clearer { 
clear: both; 
}

.clear { 
display:inline-block; 
}

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

/* LINKS */

a, a:visited {	
	color: #306495;
	background: inherit;
	text-decoration: none;
}

a:hover {
	color: #306495;
	background: inherit;
	text-decoration: underline;
}

a img {
	margin-left: 36px;
	margin-bottom: 16px;
	}

/* IMAGENES */

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	}

img.alignleft {
	padding: 0 0px 0px 0px;
	margin: 0 0px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

blockquote {
	margin: 6px 0px;
	padding: 16px 16px 0px 16px;
        font-weight: normal;
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;	
	color: #5A5A5A;	
	border: 1px solid #909090; 
        background: #F7F7F7;
        width: 60%;
}

code {
	color: #333333;	
	border-left: 6px solid #909090;
        padding-left: 10px;
}

/* ********************************************************************************************
                                       TOP MENU
**********************************************************************************************/

ul#top-menu {	
	width:888px;
	list-style:none;
	height:31px
}

ul#top-menu li {
	display:inline
}

ul#top-menu li a {
	height:31px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#top-menu  li a span {
	float:left;
	display:block
}

ul#top-menu li#top-menu-1 a {
	width:326px;
	background:url(images/top-menu.png) no-repeat 0px 0
}

ul#top-menu li#top-menu-2 a {
	width:51px;
	background:url(images/top-menu.png) no-repeat -326px 0
}

ul#top-menu li#top-menu-2 a:active,
ul#top-menu li#top-menu-2 a:hover {
	background-position:-326px -31px
}
ul#top-menu li#top-menu-2 a.current {
	background-position:-326px -62px
}

ul#top-menu li#top-menu-3 a {
	width:71px;
	background:url(images/top-menu.png) no-repeat -377px 0
}

ul#top-menu li#top-menu-3 a:active,
ul#top-menu li#top-menu-3 a:hover {
	background-position:-377px -31px
}
ul#top-menu li#top-menu-3 a.current {
	background-position:-377px -62px
}

ul#top-menu li#top-menu-4 a {
	width:86px;
	background:url(images/top-menu.png) no-repeat -448px 0
}

ul#top-menu li#top-menu-4 a:active,
ul#top-menu li#top-menu-4 a:hover {
	background-position:-448px -31px
}
ul#top-menu li#top-menu-4 a.current {
	background-position:-448px -62px
}

ul#top-menu li#top-menu-5 a {
	width:76px;
	background:url(images/top-menu.png) no-repeat -534px 0
}

ul#top-menu li#top-menu-5 a:active,
ul#top-menu li#top-menu-5 a:hover {
	background-position:-534px -31px
}
ul#top-menu li#top-menu-5 a.current {
	background-position:-534px -62px
}

ul#top-menu li#top-menu-6 a {
	width:43px;
	background:url(images/top-menu.png) no-repeat -610px 0
}

ul#top-menu li#top-menu-6 a:active,
ul#top-menu li#top-menu-6 a:hover {
	background-position:-610px -31px
}
ul#top-menu li#top-menu-6 a.current {
	background-position:-610px -62px
}

ul#top-menu li#top-menu-7 a {
	width:79px;
	background:url(images/top-menu.png) no-repeat -653px 0
}

ul#top-menu li#top-menu-7 a:active,
ul#top-menu li#top-menu-7 a:hover {
	background-position:-653px -31px
}
ul#top-menu li#top-menu-7 a.current {
	background-position:-653px -62px
}

ul#top-menu li#top-menu-8 a {
	width:77px;
	background:url(images/top-menu.png) no-repeat -732px 0
}

ul#top-menu li#top-menu-8 a:active,
ul#top-menu li#top-menu-8 a:hover {
	background-position:-732px -31px
}
ul#top-menu li#top-menu-8 a.current {
	background-position:-732px -62px
}

ul#top-menu li#top-menu-9 a {
	width:56px;
	background:url(images/top-menu.png) no-repeat -809px 0
}

ul#top-menu li#top-menu-9 a:active,
ul#top-menu li#top-menu-9 a:hover {
	background-position:-809px -31px
}
ul#top-menu li#top-menu-9 a.current {
	background-position:-809px -62px
}

ul#top-menu li#top-menu-10 a {
	width:23px;
	background:url(images/top-menu.png) no-repeat -865px 0
}

/* ********************************************************************************************
                                        SEPARADORES
**********************************************************************************************/

#separador-1 {
        position: relative;
        margin-top: 150px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}

#separador-2 {
        position: relative;
        margin-top: 200px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}


#separador-3 {
        position: relative;
        margin-top: 100px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}

#separador-4 {
        position: relative;
        margin-top: 320px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}

#separador-5 {
        position: relative;
        margin-top: 115px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}

#separador-6 {
        position: relative;
        margin-top: 150px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}

#separador-7 {
        position: relative;
        margin-top: 40px;
	width: 888px;
	height: 22px;
        background: url(images/separador.png) repeat-x;
}