/*  
Theme Name: RenegadeLatinoV3
Theme URI: http://www.renegadelatino.com
Description: A single column theme using .png images. There is a homepage outside of wordpress with an introduction. There are special portfolio and about sections. Maintains support for commented pages and tags.
Version: 0.98
Author: Gilbert Velasquez
Author URI: http://www.renegadelatino.com
*/

/*********************************** body ***************************************/

*{margin:0;padding:0;}
img{border:none;}
/*#container{behavior: url(pngbehavior.htc);}*/

html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
  color: #CFCFCF;
  background: url(images/background06.png) 0px 0px repeat;
}

body {
	position: relative;
  text-align: left;
	font-size: 100%;
	font-family: "Verdana", "Trebuchet MS", "Lucida Sans Unicode", "Century Gothic", sans-serif;
}

#container {
	position: relative;
  width: 550px;
	margin: 0px auto;
}


/********************************* top elements *********************************/

#header .description {
  display: none;
}

p.morenav {
  text-align: center;
}

#nav {
	list-style: none;
	display: block;
  padding: 0px 0px 0px 22px;
  width: 100%;
}

#nav li {
	margin: 0px 0px 0px 0px;
  display: inline;
  width: 167px;
  height: 49px;
}

span.navtext {
  display: none;
  width: 167px;
  height: 49px;
}


/******************************** content sections ****************************/

.contentwrapper {
  background: url(images/boxtop02.png) 0px 0px no-repeat;
  padding-top: 154px;
  clear: both;
}

.contentwrapper02 {
  background: url(images/boxmiddle02.png) 0px 0px repeat-y;
}

.contentwrapperS {
  background: url(images/boxtopD.png) 0px 0px no-repeat;
  padding-top: 154px;
  clear: both;
}

.contentwrapper02S {
  background: url(images/boxmiddleD.png) 0px 0px repeat-y;
}

.content {
  padding: 0px 40px;
  margin-top: -115px;
  float: left;
  background: transparent;
  width: 470px;
}

.content .entry {
  font-size: 0.7em;
  clear: both;
}

.indexAD {
  margin-bottom: 14px;
}

em {
  color: #FFFFFF;
  color: #00D2FF;
  font-style: normal;
  font-weight: bold;
}

strong {
  color: #00D2FF;
  font-size: 1.5em;
}

.video {
	text-align: center;
  margin: 0px auto;
  padding-bottom: 5px;
}

#tagcloud {
	font-size: 0.7em;
  margin-bottom: 10px;
}

#tagcloud img {
  float: right;
  margin-bottom: 4px;
}

.content dl, .content ul, .content ol {
  line-height: 1.8em;
}

.content .post .entry img.postimage {
  padding: 4px;
  margin: 8px 8px 0px 0px;
  border: 1px solid #00D2FF;
  float: left;
}

.content p {
  text-align: justify;
	margin: 0px 0px 0px 0px;
  line-height: 1.8em;
  padding-bottom: 8px;
}

.content p.meta, .content p.tags, .content p.meta02 {
  text-align: center;
  font-size: 0.6em;
  color: #A9A8A8;
  line-height: 1.2em;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

.block p.meta, .block02 p.meta, #comments p.meta, .content p.tags {
	text-align: left;
}

.blockR p.meta, .blockR02 p.meta, #comments .blockR p.meta, #comments .blockR02 p.meta, .content p.meta02 {
	text-align: right;
}

.content p.meta02  {
  margin-bottom: 8px;
  color: #00D2FF;
}

.content p.tags {
  color: #FFFFFF;
  margin-bottom: 12px;
  margin-top: 10px;
}

.content p.divider {
  background: url(images/divider.png) bottom left no-repeat;
  margin-bottom: 6px;
  padding-bottom: 6px;
}

.aboutimage {
  margin: 0px 0px 15px 0px;
}

blockquote, .display, .portfolio, .display02 {
	padding: 5px 10px 0px 10px;
	margin: 5px 0px;
	color: #FFFFFF;
	background: url(images/commentform02.png) 0px 0px repeat;
	border: 1px solid #A9A8A8;
}

.portfolio {
  padding: 0px;
  margin-top: 20px;
  border: 5px solid #232C29;
  background: none;
}

.display, .display02 {
	font-size: 0.7em;
  margin-bottom: 20px;
}

.clear { clear:both; display:block; }

.entry ul, .entry ol {
  margin: 0px 0px 10px 25px;
}

/*.entry ul li, .entry ol li {
  padding: 0px 10px;
}*/

.entry dl {
  text-align: justify;
}

.entry dt {
  border-left: 2px solid #CFCFCF;
  border-right: 2px solid #CFCFCF;
  border-top: 2px solid #CFCFCF;
  padding: 5px 10px;
  color: #FFFFFF;
  background: url(images/comment02.png) 0px 0px repeat;
}

.entry dd {
  border-left: 4px solid #CFCFCF;
  border-right: 4px solid #CFCFCF;
  border-bottom: 3px solid #CFCFCF;
  padding: 5px 10px;
  margin: 0px 0px 15px 0px;
}

.block, .block02 {
  float: left;
	width: 230px;
	margin-bottom: 10px;
}

.blockR, .blockR02 {
  float: right;
	width: 230px;
	margin-bottom: 10px;
  text-align: right;
}

.block02, .blockR02 {
	width: 215px;
  padding: 10px 10px 0px 10px;
}

.about {
  font-size: 0.7em;
}

ul.lists {
  list-style-type: none;
	font-size: 0.7em;
}	

#comments {
  color: #FFFFFF;
  background: #092437 url(images/commentform04.gif) 0px 0px repeat;
  margin: 12px -12px 0px -12px;
  padding: 0px 11px;
  border-bottom: 2px solid #8A0A08;
}

ul.commentlist {
  list-style-type: none;  
}

ul.commentlist li.comment01, .thingy {
  color: #00D2FF;
  background: url(images/comment02.png) 0px 0px repeat;
  clear: both;
  padding: 11px 11px 5px 11px;
}

ul.commentlist li {
  padding: 11px;
	margin: 0px -11px;
  border-top: 2px solid #8A0A08;
  color: #FFFFFF;
}

ul.commentlist li p {
  font-size: 0.7em;
}

.commentform {
  background: url(images/comment.png) 0px 0px repeat;
  background: url(images/comment02.png) 0px 0px repeat;
	border-top: 2px solid #8A0A08;
  margin: 0px -12px;
  padding: 11px 11px 5px 11px;
}

.portfolio dt {
  background: url(images/comment.png) 0px 0px repeat;
  border-bottom: 2px solid #8A0A08;
  font-size: 1.2em;
	clear: both;
  padding: 6px 11px;
}

.portfolio dt span {
  background: #8A0A08;
  font-size: 0.5em;
  float: right;
  margin: 6px 10px 0px 0px;
  padding: 0px 12px 0px 12px;
}

.portfolio dd.image {
  text-align: center;
  margin: 0px auto;
  height: 120px;
}

.portfolio dd.text div {
  /*font-size: 0.7em;*/
  padding: 5px 11px 10px 11px;
  background: url(images/boxmiddleD.png) -30px 0px repeat-y;
  position: relative;
}

.portfolio dd.text .display {
  width: 250px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}

.portfolio dd.text .display02 {
  width: 416px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}

.portfolio dd.text ul {
  list-style-type: none;
  padding: 10px 0px 0px 0px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 5000;
}

.portfolio dd.text ul li {
  margin-bottom: 15px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.announce {
  /*background: url(images/comment.png) 0px 0px repeat;*/
  background: url(images/comment02.png) 0px 0px repeat;
	border-top: 2px solid #8A0A08;
	clear: both;
  margin: 0px -11px;
  padding: 11px 11px 5px 11px;
}

.bar, .bar02 {
  color: #00D2FF;
	background: url(images/comment02.png) 0px 0px repeat;
  clear: both;
  padding: 11px 11px 5px 11px;
	margin: 0px -12px;
}

.bar02 {
	margin: 0px -12px 10px -12px;
}

/******************************** footer sections ****************************/

.bottom {
	text-align: right;
  font-size: .6em;
  clear: both;
  background: url(images/boxbottom02.png) bottom left no-repeat;
  height: 55px;
  padding: 15px 40px 0px 40px;
}

.final {
	background: url(images/boxbottomD.png) bottom left no-repeat;
}

/********************************* links ********************************/

a#logolink {
	display: block;
  width: 550px;
  height: 296px;
  background: url(images/logo02.png) 0px 0px no-repeat;
}

a#logolink.location, a#logolink:hover, a#logolink:focus {
	background: url(images/logo03.png) 0px 0px no-repeat;
}

ul#nav a {
  display: block;
  float: left;
  width: 167px;
  height: 49px;
}

ul#nav a#nav01 {
  /*background: url(images/nav01off02.png) 0px 0px no-repeat;*/
  background: url(images/nav01x.png) 0px 0px no-repeat;
  margin: 0px 3px 0px 0px;
}

ul#nav a#nav01.location, ul#nav a#nav01:hover, ul#nav a#nav01:focus {
  /*background: url(images/nav01on02.png) 0px 0px no-repeat;*/
  background: url(images/nav01x.png) 0px -49px no-repeat;
}

ul#nav a#nav02 {
  /*background: url(images/nav02off02.png) 0px 0px no-repeat;*/
  background: url(images/nav02x.png) 0px 0px no-repeat;
  margin: 0px 3px 0px 0px;
}

ul#nav a#nav02.location, ul#nav a#nav02:hover, ul#nav a#nav02:focus {
  /*background: url(images/nav02on02.png) 0px 0px no-repeat;*/
  background: url(images/nav02x.png) 0px -49px no-repeat;
}

ul#nav a#nav03 {
  /*background: url(images/nav03off02.png) 0px 0px no-repeat;*/
  background: url(images/nav03x.png) 0px 0px no-repeat;
  margin: 0px 0px 0px 0px;
}

ul#nav a#nav03.location, ul#nav a#nav03:hover, ul#nav a#nav03:focus {
  /*background: url(images/nav03on02.png) 0px 0px no-repeat;*/
  background: url(images/nav03x.png) 0px -49px no-repeat;
}

.content p a, .bottom a, .entry a {
	text-decoration: none;
	color: #FFFFFF;
  color: #00D2FF;
  background: transparent;
}

.bottom a {
  color: #A9A8A8;
}

.content p a:hover, .content p a:focus, .bottom a:hover, .bottom a:focus, .entry a:hover, .entry a:focus, p.tags a {
	color: #CF1D19;
  color: #00D2FF;
  color: #FFFFFF;
  background: transparent;
	border-bottom: none;
}

.content blockquote a, .content .display a, p.tags a:hover, p.tags a:focus {
  color: #FFFFFF;
  border-bottom: 1px solid #AFAFAF;
}

h2 a, h3 a, h4 a, dt a {
  text-decoration: none;
  color: #FFFFFF;
  background: transparent;
}

h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, dt a:hover, dt a:focus {
  color: #00D2FF;
  background: transparent;
}

ul.lists a {
  text-decoration: none;
  color: #FFFFFF;
  background: transparent;
}

ul.lists a span.date {
  color: #A9A8A8;
}

ul.lists a:hover, ul.lists a:focus {
  color: #00D2FF;
  background: transparent;
}

.portfolio dd.text ul li a img {
  border: 1px solid #A9A8A8;
}

.portfolio dd.text ul li a:hover img {
  border: 1px solid #FFFFFF;
}


/************************** header typestyles ***************************/

h1
{
	display: block;
}

h2
{
  color: #FFFFFF;
  background: transparent;
	text-decoration: none;	
  text-align: center;
	font-size: 1.75em;
	font-weight: normal;
	font-family: "Verdana", "Trebuchet MS", "Tahoma", "Century Gothic", "Agency FB", "Helvetica", "Lucida Sans Unicode", sans-serif;
}

.display h2
{
  margin-bottom: 8px;
}

h3
{
  color: #FFFFFF;
  background: transparent;
	text-decoration: none;	
  text-align: center;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Verdana", "Trebuchet MS", "Tahoma", "Century Gothic", "Agency FB", "Helvetica", "Lucida Sans Unicode", sans-serif;
}

.block h2, .block h3, .block02 h2, .block02 h3, #comments h2, #comments h3, #portfolio h2, #portfolio h3, .entry h3
{
	text-align: left;
}

.blockR h2, .blockR h3, .blockR02 h2, .blockR02 h3, #comments .blockR h2, #comments .blockR h3, #comments .blockR02 h2, #comments .blockR02 h3
{
	text-align: right;
}

h3#index
{
	text-align: center;
  padding-bottom: 8px;
}

h4
{
  color: #A9A8A8;
  background: url(images/divider.png) bottom left no-repeat;
  margin-bottom: 6px;
  padding-bottom: 6px;
	text-decoration: none;	
  text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	font-family: "Verdana", "Trebuchet MS", "Tahoma", "Century Gothic", "Agency FB", "Helvetica", "Lucida Sans Unicode", sans-serif;
}

h4 span.date
{
  font-size: 0.6em;
}

/********************************* form ********************************/

form{
	text-align: left;
  font-size: 0.7em;
}

fieldset {
	border: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	clear: both;
}

fieldset label {
  padding-bottom: 10px;
}

fieldset input {
	position: relative;
	width: 200px;
	margin: 10px 10px 0px 0px;
  padding: 1px;
  color: #FFFFFF;
  background: url(images/background03.png) 8px 8px repeat;
  background: #C5C5C5;
  background: url(images/comment02.png) 0px 0px repeat;
  border: 1px solid #FFFFFF;
}

fieldset textarea {
	position: relative;
  margin-top: 10px;
	padding: 10px;
  color: #FFFFFF;
  background: url(images/background03.png) 0px 0px repeat;
  background: #C5C5C5;
  background: url(images/comment02.png) 0px 0px repeat;
  border: 1px solid #FFFFFF;
}

input#submit {
	float: none;
	clear: none;
	margin: 10px 0px 10px 253px;
	width: 215px;
}

.thesearch {
  margin-top: -5px;
}

.thesearch form label {
  padding-right: 6px;
}

form#sform02 {
  padding-bottom: 10px;
}

#spotplex {
  float: right;
  margin-top: -55px;
  margin-right: 40px;
}

#amung {
  float: left;
  margin-top: -63px;
  margin-left: 40px;
}