-----------------------------------------------
Blogger Template Style
Name:     Vista84 By Gagan
Designer: Gaganpreet Singh
URL:      http://www.84productions.blogspot.com/
Date:     02 June 2008
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

body {
background: #FFFFFF url("images/headerbelow84.jpg") repeat-x;
color: #202020;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px auto 0px;
padding: 0px;
  }

a:link { text-decoration: none; color : #006699; border: none;}
a:active { text-decoration: none; color : #006699; border: none;}
a:visited { text-decoration: none; color : #006699; border: none;}
a:hover	{ text-decoration: underline; color : #4192e5; border: none;} 

#wrap {
background: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}



/************************************************
*	Header  									*
************************************************/

#header {
	width: 960px;
	height: 110px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#header p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#header h1 {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #FFFFFF;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

.headerleft {
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
.headerright {
	width: 600px;
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	}
	
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	}
	
.headerright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.headerright a img {
	border: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}



/* Menu CSS ------------------------------------------ */

#navcontainer
{
margin: 0 auto;
padding: 0;
width:100%;
height: 35px;
background-color:#e7f9ff;
border-bottom:#bce1f4 2px solid;
font-weight:700
}

#navcontainer ul
{
height:35px;
list-style:none;
font-size:12px;
font-weight:700;
margin:0 0 0 52px;
padding:0;
}

#navcontainer ul li
{
text-align: center;
padding: 10px 0 0 0;
margin: 0;
list-style-type: none;
float: left;
}

#navcontainer ul li a
{
text-decoration:none;
color:#113255;
display:block;
padding:0 10px;
}

#navcontainer ul li a:hover
{
color:#4192e5;text-decoration:underline;
}

/************************************************
*	Navbar  									*
************************************************/

#navbar {
	background:  url("images/cellpic1.gif") repeat-x;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#navbarleft {
	width: 960px;
	float: left;
	margin: 0px;
	padding: 0px;
	}

	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
padding:8px 0 7px 0;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
        display:inline;
	}

#nav li {
display:inline;
}

#nav li a {
	color: #FFFFFF;
	font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 10px 0px 0px;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
display:inline;
	}
	
#nav li a:hover {
	background:  url("images/2.jpg") repeat-x;
	color: #FFFFFF;
	display: inline;
	text-decoration: none;
    margin: 0px 10px 0px 0px;
	padding: 9px 10px 8px 10px;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	}
	
#s {
	background: #FFFFFF;
	width: 210px;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #00b9f3;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 1px;
	margin: 0px 0px 0px 3px;
	border: 1px solid #000000;
	}
	

/* Outer-Wrapper
----------------------------------------------- */

#content {
width: 960px;
margin: 0px auto 0px;
padding: 20px 0px 0px 0px;
}

#content p img {
float: left;
border: none;
margin: 0px 10px 10px 0px;
}

#contentleft {
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
float: left;
width: 500px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 20px 0px;
}
	
#contentleft ol {
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
	
#contentleft ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
	
#contentleft ul {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
	
#contentleft ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}

/* Posts
-----------------------------------------------
 */
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  padding-bottom:1.5em;
  }

.post h3 {
  padding:0;
  margin:0;
  font-size:14px;
  font-weight:bold;
  color: #006699;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#006699;
}

.post h3 strong, .post h3 a:hover {
  color:#4192e5;
  text-decoration:underline;
}

.post-header-line-1 {
  padding: 0 0 10px 0;
}

.post p {
  margin:0 0 .75em;
  line-height: 15px;
}

.post ul li {
  line-height: 14px;
  padding-top: 10px;
}

.post-footer {
  background:#ffffff;
  padding: 5px 5px 1px 5px;
  color:#666;
  margin-top: 30px;
}

.post-labels {
  background: transparent url("images/label.jpg") no-repeat left;
  padding: 4px 0 4px 22px;
}

.comment-link {
  margin-left:.8em;
  align: right;
  background: transparent url("images/commentbu7.gif") no-repeat left;
  padding: 0 0 0 20px;
  }
.post img {
  padding:4px;
  }
.post blockquote {
  margin:1em 20px;
  background: #FFFFFF url("images/blockquote.gif") top left no-repeat;
padding: 8px 8px 8px 65px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */
#comments h4 {
	color: #2255AA;
	font-size: 24px;
	font-family: Times New Roman, Georgia, Trebuchet MS;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 5px 0px;
	border-top: 1px dotted #999999;
  }

#comments-block {
	width: 460px;
	background: #E8E8E8;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 10px 0px;
	border-top: 2px solid #1A4E88;
	border-bottom: 1px solid #1A4E88;
  }
#comments-block .comment-author {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
  }
#comments-block .comment-body {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 420px;
	background: #FFFFFF url("images/commentuk5.gif") no-repeat top left;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  margin-top:10px;
  clear: both;
  line-height: 2.5em;
}

/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
float: left;
width: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
line-height: 20px;
}
	
#l_sidebar h2 {
background: #FFFFFF url("images/label84copy.jpg");
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: strong;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 10px;
}
	
#l_sidebar p {
padding: 0px 0px 0px 0px;
margin: 0px;
line-height: 20px;
}

#l_sidebar ul {
list-style: none;
margin:0 0 10px 0;
padding:0;
}

#l_sidebar ul li {
list-style: none;
background:  url("images/li.jpg") no-repeat 0 3px;
margin:0;
padding:0 0 3px 19px;
}

.sidebar{
list-style-type: none;
margin: 0px;
padding: 0px;
}

/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 20px;
	}
	
#r_sidebar h2 {
	background: #FFFFFF url("images/Untitled-1.jpg");
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	}
	
#r_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar ul {
list-style: none;
margin:0 0 10px 0;
padding:0;
}

#r_sidebar ul li {
background:  url("images/categories.jpg") no-repeat 0 3px;
margin:0;
padding:0 0 3px 19px;
}

.main .Blog { 
  border-bottom-width: 0;
}

/************************************************
*	Widgets				     	    * 
************************************************/
.categorias ul li{
list-style-type: none;
background: #FFFFFF url("images/iconcategoriestq5.gif") no-repeat top left;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}

.blogroll ul li{
list-style-type: none;
background: #FFFFFF url("images/iconlinksjl8.gif") no-repeat top left;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}

.labels ul li{
list-style-type: none;
background: #FFFFFF url("images/categories.jpg") no-repeat top left;
padding: 0px 0 0px 18px;
margin: 0px 0px 0px 0px;
}

.rentabiliza ul li{
list-style-type: none;
background: #FFFFFF url("images/iconmetawo4.gif") no-repeat top left;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}

.recientes ul li{
list-style-type: none;
background: #FFFFFF url("images/iconrecentbx0.gif") no-repeat top left;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}

.comentarios ul li{
list-style-type: none;
background: #FFFFFF url("images/iconcommentsvc4.gif") no-repeat top left;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0px;
}


/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 4px;
  border: 1px solid #000;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: arial;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: #000;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #FFFFFF url("images/cellpic1.gif") repeat-x;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	width: 960px;
	height: 30px;
	color: #006699;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#footer p {
	color: #ffffff;
	font-size: 10px;
    font-weight: normal;
    	margin: 0px;	
	padding: 0px;
	}

#footer a {
	color: #ffffff;
	text-decoration: none;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
.footerleft {
	width: 700px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
.footerright {
	width: 250px;
	float: right;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	text-align: right;
	}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  margin-left: 0px;
  margin-right: 0px;
}


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}










#magazine-left {
  width: 45%;
  float: left;
}

#magazine-right {
  width: 45%;
  float: right;
}