/*
	Theme Name: Solenca
	Description: Reggaeton del cielo es un sitio dedicado a llevar la palabra de Dios atraves del genero del Reggaeton.
	Author: Abner Trujillo
	Author URI: http://reggaetondelcielo.net
	Version: 1.0 
	Tags: Reggaeton Cristiano, Reggaeton del cielo, reggaeton sano, funky, rey pirin, manny montes, santito, alex zurdo, triple seven, Louis santiago, reggaetondelcielo.net, Goyo, bengie, PBC, Jhonny L, Dr. P, MASO, Leo, Holy Laion, Hecotr Delgado, Raza for Christ, Erick Daulet, Ayala, Vico C, Sugar, Nan2
*/

/* LAYOUT */

body {
	background: url(images/background.png) top left;
	}

#wrapper {
	}

#container {
    background: url(images/container-background.png) top left repeat-x;
    margin-top: 15px;
	}

#contentwrap {
    background: url(images/contentwrap-background.png) top left repeat-y;
	}

a {
	color: #eb5a36;
	}

a:hover {
	color: #ff3300;
	}
/* HEADER */

#header {
	height: 225px;
	}

#header h1 {
	margin-bottom: 0px !important;
	padding: 10px 0 0 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 48px;
	}

#header h1 a, #header h1 a:visited {
	color: #888686;
	text-decoration: none;
	}


#header h2 {
	padding-left: 20px;
	color: #696969;
	font-size: 14px;
    font-family: Arial, Helvetica, Sans-serif;
	}

.logoimg {
    margin: 1px 0 0 1px;
}

    
/* NAVIGATION MENUS */

    
#pagemenucontainer {
	height: 28px;
	margin-top: 8px;
    float: right;
    border-bottom: 4px solid #4c4c4c;
	}
	
#pagemenu {
	height: 28px;
    float: right;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
    padding: 0px 6px 0 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0;
    
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #777777;
	display: block;
    margin: 0;
	padding: 6px 12px 12px 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#pagemenu li a:hover, #pagemenu li a:active{
	color: #f6512a;
	display: block;
	text-decoration: none;
    background: url(images/pagenav-hover.gif) bottom center no-repeat;
	}
	
#pagemenu  li.current_page_item a {
	color:#f6512a;
    background: url(images/pagenav-hover.gif) bottom center no-repeat;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}

    
    
    
.navcontainer {
	height: 36px;
    background: url(images/nav-background.png) top left repeat-x;
    padding: 0 10px;
    border-bottom: 1px solid #303030;
	}
	
#nav {
	height: 36px;
	}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	margin-bottom: 1px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link {
	color: #fff;
	display: block;
    margin: 0 3px 0px 3px;
	padding: 12px 15px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
    text-shadow: 0 1px 0 #1e1d1d;
	}
	
#nav li a:hover, #nav li a:active {
	color: #fff;
	display: block;
	text-decoration: none;
    background: url(images/nav-background-hover.png) top left repeat-x;
    text-shadow: 0 1px 0 #242323;
	}
	
#nav  li.current-cat a {
	color:#fff;
    background: url(images/nav-background-hover.png) top left repeat-x;
    text-shadow: 0 1px 0 #242323;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
/* CONTENT */

#content {
	padding: 15px;
	}
	
pre { overflow: auto; 
	width: 470px; 
	}

.post {
	padding-bottom: 15px;
	margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
	}

.post p {
	margin-bottom: 10px;
	}

.title {
	margin: 0 0 8px 0;
	padding: 0px;
	line-height: 22px;
	font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
	color: #334045;
	}

	
.title a {
	text-decoration: none;
	color: #33322f;
	}

.title a:hover {
	text-decoration: none;
	color: #eb5a36;
	}

.pagetitle {
	margin-bottom: 20px;
	line-height: 22px;
	font-family: Arial, Helvetica, Sans-serif;
	text-decoration: underline;
}

.postdate {
	font-size: 11px;
	padding: 2px 0px;
	font-family: Arial, Verdana;
	color: #5b5b5b;
	}


.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	}
.navigation {
	padding: 10px 0;
	}

blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7;
	}
	
.post img {
	max-width: 680px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.alignleft {
   float: left;
	}

.alignright {
   float: right;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}
	
/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #686868 !important;
    background:#dfdfdf !important;
    border: 1px solid #989898 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.current {
    color: #434343 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    font-weight: bold;
}

.wp-pagenavi a:hover {
    color: #494949 !important;
    background:#dfdfdf !important;
    border: 1px solid #626262 !important;
    
}

.wp-pagenavi span.pages {
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
}

.wp-pagenavi span.extend {
    background:transparent !important;
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #676767 !important;
    background:#fff !important;
    border: 1px solid #b6b5b5 !important;
    font-weight: bold;
}

/* SIDEBAR(S) */

.sidebaradbox {
	margin-top: 5px; 
	text-align:center;
	}
	
.ad125 {
	margin: 10px;
	}


.sidebar {
	margin: 0 0 10px 0;
    color: #aeaeae;
	}
	
.sidebar-right {
    margin: 0 10px 0 0;
	}
	
.sidebar-left {
    margin: 0 0 0 10px
	}
    
    
.sidebar a {
	text-decoration: none;
	color: #aeaeae;
	}

.sidebar a:hover {
	text-decoration: underline;
	color:#eb5a36;
	}


#search {
    border: 1px solid #393838;
    height: 30px;
    padding: 0;
    background: #303030;
    text-align: right;
}

#search input {
	border: 0;
    background: none;
    color: #d5d5d5;
}
	
	
#s {
	width: 140px;
	padding: 4px;
    margin:3px 0 0 0;
    background: none;
}

#topsearch 	#s {
  width: 140px;  
}

#topsearch #search {
    margin: 15px 0 0 0;
}

.sidebar h2 {
	margin: 10px 0 0 0;
	padding: 7px 0 7px 10px;
	background: url(images/sidebar-tab.png) top left repeat-x;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #b4b3b3;
    text-shadow: 0 1px 0 #282828;
	}

.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	}
	
.sidebar ul li li {
	border-bottom: 1px solid #333232;
	padding: 4px 0px 6px 20px;
	margin: 0px;
	background: url(images/bullet.gif) no-repeat top left;
	}
	
.sidebar ul li ul li {
	background: url(images/bullet.gif) no-repeat top left;
    border-bottom: 1px solid #333232;
	padding: 4px 0px 6px 20px;
	margin: 2px 0;
	}




.rssbox {
	background: #3f3f3d;
	border: 1px solid #4d4d4d;
	padding: 10px;
	margin: 10px 0 0 0;
	}
    
.rssbox:hover {
    border-color: #686868;
    }

.rssbox a {
	color: #bbb;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}
.rssbox a:hover {
	color: #fff; 
	text-decoration: underline;
	}

.twitterbox {
	background: #3f3f3d;
	border: 1px solid #4d4d4d;
	padding: 10px;
	margin: 10px 0 0 0;
	}
	
.twitterbox:hover {
    border-color: #686868;
    }
    
.twitterbox a {
	color: #bbb;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}
.twitterbox a:hover {
	color: #fff; 
	text-decoration: underline;
	}
    

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #aeaeae;
	background: none;
	}
#wp-calendar caption {
	padding: 2px 4px;
	text-transform: uppercase;	margin: 2px 0 2px 0;
	background: none;
    color: #aeaeae;
	}

#wp-calendar td {
	color: #555;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td:hover, #wp-calendar #today {
	background: #ddd;
	color: #555;
	}
	
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	font-weight: bold; 
	width: 95%;
	}


/* FOOTER */

#footer {
	background:  url(images/footer-background.png) top left repeat-x;
	padding: 22px;
	text-align: center;
	color: #fff;
	font-size: 13px;
    border-top: 1px solid #303030;
	}

#footer a {
	color: #fff;
	} 

#footer a:hover {
	text-decoration: none;
	} 
	
#footer2 {
	color: #868686;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	}
    	
#footer2 a {
	color: #868686;
    text-decoration: none;
	} 
	
/* COMMENTS */

#comments h3 {
	margin-bottom: 10px;	
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.post_thumbnail {
    padding: 6px;
    background: #ddd;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
}

/************************************************
*	SubNavbar      								*
************************************************/

#subnavbar {
	background: #393939;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#subnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#subnav a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    font-weight: bolder;
    text-transform: uppercase;
    margin: 0px;
	padding: 6px 15px 6px 15px;
	}
	
#subnav a:hover {
	background: #2255AA;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px;
	padding: 6px 15px 6px 15px;
	}

#subnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 14;
	position: relative;
	}
	
#subnav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	z-index: 10;
	position: relative;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #393939;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #FFFFFF;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #2255AA;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}

#subnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#subnav li:hover ul {
	left: auto;
	display: block;
	}
	
#subnav li:hover ul, #subnav li.sfhover1 ul {
	left: auto;
	}
