/*
---------------------------------------------------------------
KelvisDelRio.com CSS file for screen media
FileName:    kelvisdelrionew.css
Version:     1.0

*/


/* Universal Stuff */

html { 
	margin-bottom: -1px; 
	height: auto;
	margin: auto;
	text-align; center;
	}



body {
	margin: auto;
	padding: 0;
	color: #000;
	font: 70%/1.5 Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(http://www.kelvisdelrio.com/images/bkg.gif);
	background-attachment: fixed;
	height: auto;
	text-align: center;
	
	}
	
	
/* Universal Stuff End */
	
/* Navigation */

#navcontainer {
 margin:0;
 padding: 0;
 width:748px;
 height: 27px;
 background: #E3F1FE;
 border-top: 1px solid #D8D5C0;
 border-bottom: 1px solid #B5B8BD;
 clear:both;
 overflow: hidden;
}

/* nav items are unordered list */

#navcontainer ul {
 border: 0;
 margin: 0;
 padding: 0;
 list-style-type: none;
 text-align: center;
}

#navcontainer ul li {
 display: block;
 float: left;
 text-align: center;
 padding: 0 1px 0 0;
 margin: 0;
}

#rightBorder li{    /* This is the right border for the nav buttons */
   background: url("http://www.kelvisdelrio.com/images/nav_sep.gif") right top no-repeat;
}

/* make the nav item links (A HREFs) big clickable boxes */
#navcontainer ul li a {
 background: #E3F1FE;
 color: #007CA5;
 height: 27px;
 border: 0;
 margin: 0;
 padding: 8px 9px 5px 8px;
 text-decoration: none;
 display: block;
 float: left;	/* added to workaround an IE 5 Mac bug, IE/Win seems to need it too */
 text-align: center;
 font:	10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold; 
}

html[xmlns] #navcontainer ul li a { float: none; } /* Opera (7.5) didn't like the float:left */
#navcontainer ul li a:hover {
 color: #D93D00;
 background: #F1F6FF;
}
 
/* seperates the nav from the content - a faint grey line and a margin */
div#sep {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
	width: 748px;
	padding: 0;
	margin:0;
	color: #fff;
	border:0;
	border-bottom: 1px solid #DBDADE;
}

/* hide the HR from CSS browser that use the above styles, necessary because IE Win is inept at styling HRs */
div#sep hr {
  display: none;
}

/* Navigation Ends */

/* Container which holds header,main feature, and sidebar */

#container {

	/* background: #cccccc;  url("http://www.kelvisdelrio.com/images/sidebar_bkg.gif") repeat-y 208px -2px; */ 
	width: 748px;
	margin: auto;
	height: auto;
	padding:0;
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	background: #F5F4F8;


}

#containerBoard { 
	background: #C4CEFF;
	width: 748px;
	margin: auto;
	height: auto;
	padding:0;
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;

}

/* Container Ends */

/* Main Content Area */

#mainfeature {
    
	margin: auto; 
	padding: 10px;
	width: 520px;
	position: relative;
	float: left;
	height: auto;
	text-align: center;
	border-right: 1px dashed #E0AD12;
	background: #E3F1FE;

    
			
}

#mainfeatureResume {
    
	margin: auto; 
	padding: 10px;
	width: 520px;
	position: relative;
	float: left;
	height: auto;
	text-align: center;
	border-right: 1px dashed #E0AD12;
	background: #E3F1FE;
    
			
}

#mainfeatureBlog {
	margin: 0; 
    padding: 0;
	width: 520px;
	position: relative;
	float: left;
	height: auto;
	text-align: center;
/*	border: 1px solid black; */
	border-right: 1px dashed #E0AD12;
	background: #E3F1FE;
    
    
			
}

#mainfeatureNoSide {
	margin: 0; 
	padding: 20px;
	width: 708px;
	float: left;
	height: auto;
	text-align: center;
	background: #E3F1FE;

			
}


/* Main Content Area End */


/* sidebar */

#sidebarBlog {
  position: relative;
  float: left;
  width: 208px; 
  text-align: center;
  height: auto;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 5px;
/*  	border: 1px solid black; */



}	

#sidebar {
  position: relative;
  float: left;
  width: 207px;
  text-align: center;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;

}	


#sidebar li {
	list-style: none;
	text-align: center;
	font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
    padding-bottom:7px;	

}

#sidebar ol {
	padding-left: 2px;
	padding-right: 2px;

}

#sidebar ul {
	padding-left: 2px;
	padding-right: 2px;
}

#sidebarBlog li {
	list-style: none;
	text-align: center;
	font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 0px;
    padding-bottom:0px;
    display: block;
}

#sidebarBlog ol {
	padding-left: 0px;
	padding-right: 0px;

}

#sidebarBlog ul {
	padding-left: 0px;
	padding-right: 0px;
}


/* sidebar end */

/* Main Content Styles */

A
    {
	  color: #3366cc;
	  font-weight: bold;
	  text-decoration: none;
	}

DD
    {
	  text-align: justify;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	  /* color: #ffc474; */
	  color: #3366cc;
	  font-style: italic;
	}	

 DL
    {
	  padding-left: 5em;
	  padding-right: 2em;
	  text-align: justify;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	  
	} 

H3
    {
	  color: #007CA5;
	  font-size: 12px;
	  text-align: left;
	}
	
HR
    {
	  align: center;
	  width: 80%;
	  color: #007CA5;
	}

/*UL
  	{
	  padding-left: 5em;
	  padding-right: 2em;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	  
	}  	
*/

.artist
    {
	  color: #007CA5;
	  padding-left: 1em;
	  font-style: italic;
	  font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-style: italic;
	}	

.artistQuote
    {
	  color: #007CA5;
	  text-align: left;
	  font:	10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	  text-align: right;
	  padding-right: 1em;
	  font-weight: bold;
	}	

.background
    {
	  background-color: #3366cc;
	}
	
.backgroundImage 
	{
	  	background-image: url(http://www.kelvisdelrio.com/images/bkg.gif);
		background-attachment: fixed;
	}
	
.bodyParagraph
    {
	  padding-left: 2em;	  
	  text-align: justify;
	  font-family: serif;
	  font-size: 14px;
	  font-weight: normal;
	}

.bodyParagraph ul li
    {
	  text-align: left;
	}
	
.bodyQuote
    {
	  color: #007CA5;
	  text-align: left;
	  font-size: small;
	  padding-left: 1em;
	  padding-right: 1em;
	}

.bookReview
    {
	  padding-left: 5px;	  
	  text-align: justify;
	  font-family: serif;
	  font-size: 14px;
	  font-weight: normal;
	}	

.caption
    {
	  color: black;
	  font-weight: bold;
	  font-family: sans serif;
	  font-size: medium;
	}

.formField
    {
	  padding-left: 1em;
	  padding-right: 2em;
      padding-bottom: 0px;
      padding=top: 0px;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	}		
		 
.formLabel
    {
      padding-bottom: 0px;
      padding=top: 0px;
	  padding-right: 4em;
	  text-align: right;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
      border: sold 1px;
	}

.formLabelCategory
    {
      padding-bottom: 0px;
      padding=top: 0px;
	  padding-right: 4em;
	  text-align: right;
	  font-family: serif;
	  font-size: small;
	  font-weight: bold;
      border: sold 1px;
	}

.formLabelLocation
    {
	  padding-right: 4em;
	  text-align: right;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	}

.impWords
    {
	  font-style: italic;
	  font-weight: bold;
	} 	

.links_paragraph
    {
	  text-align: justify;
	  font-family: serif;
	  font-size: medium;
	  font-weight: bold;
	  color: black;
	  font-style: normal;
	}	 

.delTagSep {
	color: #007CA5;
    font-size: 10px;

}

.delTag {
	font-size: 10px;
		color: #007CA5;
}

.delPost a:hover {
 	color: #D93D00;
}

.delPost  {
	text-align: left;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-right: 7px;
	font-size: 14px;

}

#interestLeftColumn{
	width: 40%;
	float: left;
}

#interestRightColumn{

	width: 56%;
	float: left;
	padding-left: 20px;
}

#interestBottomColumn{

	width: 100%;
	float: left;
    text-align: center;
}

.list
    {
      text-align: center;
	  /* color: #ffc474; */
	  color: #000000;
	  font-weight: bold;
	  font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	  margin-left: auto;
	  margin-right: auto;
	}

.listGames
    {
      text-align: center;
	  color: #000000;
	  font-weight: bold;
	  font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;

	}
	
.list li
	{
	  padding-bottom:7px;	
}

.listGames li
	{
	  padding-bottom:7px;	
	  list-style: none;
}


.listNetFlix {
	padding-left: 23px;
}
.listNetFlix li
	{
	  padding-bottom:7px;	
	  list-style: none;
	  text-align: left; 		
	}


.list a{
	color: #000000;
    font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-weight: bold;
	font:	12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.updated a{ color: #007CA5 !important;}

.listTitles
    {
	  text-align: center;
	  color: #007CA5;
	  font:	14px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-weight: bold;
	}

.lyrics
    {
	  color: #007CA5;	  
	  font:	10px/10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	  font-style: italic;
	  padding-left: 1em;
	  padding-right: 1em;
	}

.movieReview
    {
	  padding-left: 5px;	  
	  text-align: justify;
	  font-family: serif;
	  font-size: 14px;
	  font-weight: normal;
	}	
	
#pagination {
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	border-top   : 1px solid #007CA5;
	border-left  : 1px solid #007CA5;
	border-right : 1px solid #007CA5;
	border-bottom: 1px solid #007CA5;
	padding: 1px 1px 1px 1px;
	width: 50%;
}

.quote
    {
	  color: #007CA5;
	  font-size: 11px;
	  font-style: italic;
	  padding: 0 5px 0 5px;
	}
	
.quote2
    {
      font-family: times;
	  color: white;
	  font-size: medium;
	  font-style: italic;
	  padding-left: 1 em;
	  padding-right: 1 em;
	}
	
.resLeft
  	{
	  text-align: right;	
	}   
	
.resName
    {
	  	
	  font-size: x-large;
	  font-weight: bold;
	    
	}

.song
    {
	  color: black;
	  font-style: italic;
	  font-weight: bold;
	}
.song2
    {
	  color: black;
	  font-style: italic;
	  font-weight: bold;
	  text-align: center;
	  border: solid #DE7008;
	  padding-left: .5 em;
	  padding-right: .5 em; 
	  width: 80%;
	}

.top
    {
	  color: #3366cc;
	  font-weight: bold;
	  text-decoration: none;
	} 

 


/* OLD StyleSheets End */

/* Blog StyleSheets Start */

#logo{padding:0px;margin:0px;}

div#mainClm{width:auto; background: #E3F1FE; padding: 0; margin: 0; height: auto;}

#header{
	padding:0; margin:0; border-top:1px solid #eeeeee;
	border-bottom:dashed 1px #E0AD12;background:#CCDDBB;color:white; width: auto; height: auto;}

h1,h2,h3,h4,h5,h6 {padding:0px;margin:5px;}

h1 {padding:5px 5px 5px 12px;border-bottom:solid 1px #E89E47;color:#F5DEB3;background:#DE7008;font:Verdana,Sans-Serif;letter-spacing:-2px;}

h2 {color:#9E5205;font-weight:bold;font-family:serif;letter-spacing:-1px; text-align: left; font-size:18px;}

h3 {margin:2px 0px 0px 2px;color:#777777;}

h4 {color:#aa0033;}

h6 {color:#B8A80D;font-size:140%;}

#description{padding:0px;margin:7px 12% 7px 5%;color:#9E5205;background:transparent;font:bold 85% Verdana,Sans-Serif;}

.blogTitle{
	padding:0px;margin-left:10px;
	color:#9E5205;font-weight:bold;font-family:serif;letter-spacing:-1px; text-align: left;
}

.blogTitleItalics{
	padding:0px;margin-left:15px;
	color:#9E5205;font-family:serif;letter-spacing:-1px; text-align: left; font-style: italic;
}

.blogPost{
	margin: 2px 20px 2px 20px; 
	text-align: justify;
	//font-family: serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	border-bottom:dashed 1px #E0AD12;

}

.blogPost strong{color:#000000;}

pre,code{color:#999999;}

strike{color:#999999;}

.bug{padding:5px;border:0px;}

.byline{padding:0px;margin:0px;color:#444444;font-size:80%;}

.byline a{border:none;color:#968A0A;text-decoration:none;}


.byline a:hover{text-decoration:underline;}

.blogImage {border: solid #DE7008;}

.blogImage:hover{color:blue;}

#flickrEmailImage img{border: solid #DE7008; align: center; width: 380px;}

#flickrEmailImage  p{text-align: center;}

#flickrEmailImage  {width: 100%; text-align: center;}

.blogquote {color: #DE7008;font-weight:bold;margin:7px 7px 7px 7px;}

#blogItemLeft {
	float: left;
	width: 49%;
	height: auto;
	text-align: center;
	border-right:dashed 1px #E0AD12;

}

#blogItemLeft li
	{
	  list-style: none;
	  text-align: center;
}

#blogItemRight {
	float: right;
	width: 50%;
	height: auto;
	text-align: center;
	
}

#blogItemRight li
	{
	  list-style: none;
	  text-align: center;
	  padding-right: 15px;

}

#blogItemBottom {
	clear: both;
	width: 100%;
	height: auto;
	text-align: center;

}

#twitter_update_list li {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.2em;
	text-align:center;
	padding-bottom: 5px;
	
	}
	
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}



#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}
	

/* Blog StyleSheets End */