/*#############################################################

Author: Arnel E. Siazon
arnelsiazon@gmail.com

#############################################################*/   	


/********************************************
   HTML ELEMENTS
********************************************/ 


html, body {
	margin: 0;
	padding: 0;
	text-align: left;
}

body {
	background:#ffffff url('../images/white-clash.jpg') no-repeat top left;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
    padding: 0;
}


blockquote {
	border-left: 1px solid #326ea1;
        color: #555555;
        font-size: 1.00em;
        padding-left: 10px;
        padding-right: 10px;
	margin: 0 30px;
}

a {
	color: #326ea1;
	text-decoration: none;
        outline: none;
}

code {  background: transparent;
        border: 1px solid #cccccc;
	color: #555555;
        font: 11px Verdana, Arial, 'Helvetica', sans-serif;
        padding: 10px;
	text-align: left;
}


a:link img, a:visited img
{
	/* seems to prevent flickering in Mozilla-based browsers */
	opacity:0.999;
}
a:active img, a:hover img, a:focus img
{
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
}




/*#####################*/

/*#####################*/

h1 a {
	color: #000000;
    font-weight:bold;
	font: 24px Arial, 'Helvetica', Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.05em;
        margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
        display: block;
}

h1 {
	color: #000000;
    font-weight:bold;
	font: 24px Arial, 'Helvetica', Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.05em;
     margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	
}

h2, h2 a {
	color: #326ea1;
	
        font-weight: 100;
	text-transform: uppercase;
	letter-spacing: -0.05em;

	margin: 0;
	padding: 0;
}

h3, h3 a {
	color: #326ea1;
        font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    color: #326ea1;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}





img {
	border: none;
        }

ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.7em;
	text-align: justify;
}

.entry {
	line-height: 1.3em;
	text-align: justify;
}

small {
	font-size: 10px;
}


#upper{
		  background: none;
          height: 22px;
          margin:0;
		  /*min-width: 1150px; */
			
		  padding:0;
		
		  
		 
}



#global {
	background: transparent;
    margin:0;
	text-align: left;
	width:100%;
	
}

#container{
	background: transparent;
    margin:0;
	padding: 0;
	text-align: left;
	width: 1250px;
}


/*################*/
/*### Header   ###*/
/*################*/

#header {
        
    width:auto;
    color: #000000;
	font-size: 13px;
    height: 150px;
	margin: 0 0 50px 40px;
    text-align: left;
	padding: 0 0 0 0;
}

#logo {
        padding-top: 30px;
}






/*###################*/
/*### Menu ###*/
/*###################*/






/*################*/
/*### Content  ###*/
/*################*/

#content {
	background: transparent;
    border: none;
	color: #000000;
	float: left;
	margin: 20px 0px 30px 40px;
	padding: 0 40px 0 0;
    text-align: left;
	width: 668px;
}


#content a:hover {
        color: #e50f5e;
        background: transparent;
        text-decoration: none;
}

#content img {
	float: left;
	margin: 0 0 0 0;
        _margin: 0 0 0 0;
	border:none;
        padding:0;
        background-color: transparent;
}

#content a:hover img { 
        border: none; 
        background: transparent;
}

#content h1 a:hover { 
        color: #e50f5e; 
        background: transparent; 
        text-decoration: none; 
}

#content h2 a:hover { 
        color: #e50f5e; 
        background: transparent; 
        text-decoration: none; 
}

#content h3 a { 
        text-decoration: none; 
}

#content h3 a:hover { 
         color: #e50f5e; 
         background: transparent; 
         text-decoration: none; 
}

#content ul {
         list-style-type: circle; 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

#content ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}


#shortinfo {
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:13px;
	width: 512px;
    margin: 20px 0 40px 0;
}


#post{
    margin: 20px 0 10px 0;
}

#post-description{
background:#00FF00;
	font-size:11px;
	font-weight:bold;
	
    padding: 7px 2px 2px 2px;
	clear:both;
	
}

#post-short{
color:#FFFFFF;
	background:#d21848;
	font-size:9px;
    padding: 2px;
	
}





/*################*/
/*#### Footer ####*/
/*################*/

#footer {
        background: #e6e3d7;
        border-top: 1px solid #cccccc;
        height: 50px;
        clear: both;
	color: #363636;
        margin: 0;
	padding: 0;
        text-align: center;
        overflow:hidden;
		
}

#footer a {
        color: #363636;
        text-decoration: none;
}

#footer a:hover {
        color: #aa0000;
        text-decoration: none;
}

/*################*/

/*################*/

.s {
	background: transparent;
        border: 0px solid #c7c7c7;
	color: #383d44;
        font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

/*################*/
/*#### SIDEBAR ###*/
/*################*/

#sidebar {
        width: 350px;
        text-align: left;
        float: left;
        margin: 20px 0px 30px 0px;
        padding-left: 40px;
        line-height: 1.6em;
        color: #383d44;
		border-left:none;
        }


.tweet {
clear:both;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;

  color: #085258; }
  
  
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
	border-bottom:#000000 dashed solid;
    background-color: #f8f5f5; }
    
	
	.tweet .tweet_list li {
	border-bottom:#000000 dashed solid;
      overflow: auto;
      padding: .5em; }
    
	  .tweet .tweet_list li a {
	  text-decoration:underline;
        color:#999999; }
   
    .tweet .tweet_list .tweet_even {
      background-color: #fdfdfd; }
  
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
     
	 
	  .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }



.sidelist {
        background: transparent;
        margin: 20px 0 20px 0;
		float:left;
        padding: 0;

        }


.sidelist2 {
        background: transparent;
        margin: 20px 0 20px 0;
		float:left;
        padding: 0;
		clear:both;

        }

.sidelist3 {
        background: transparent;
        margin: 20px 20px 20px 0;
		float:left;
        padding: 0;
		clear:left;

        }

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li{

	}

#sidebar li a {



	}

#sidebar li a:hover {
        color: #e50f5e;

	}

#sidebar h2{
        background: inherit;
        font-family:"Arial Black", Gadget, sans-serif;
		color:#000000;
        font-weight: 100;
        padding: 3px 0px 3px 0px;
        margin: 0;
}


#sidebar h2 a{
        background: inherit;
        font-family:"Arial Black", Gadget, sans-serif;
		color:#000000;
        font-weight: 100;
        padding: 3px 0px 3px 0px;
        margin: 0;
}

#sidebar h5{
display:block;
        background: none;
        font-family:"Arial Black", Gadget, sans-serif;
		font-size:25px;
		letter-spacing:-0.06em;
		text-transform: uppercase;
		color:#e50f5e;
        font-weight: 100;
        padding:0;
        margin: 0;
}


#sidebar h5 a{
display:block;
background: none;
        font-family:"Arial Black", Gadget, sans-serif;
		font-size:25px;
		letter-spacing:-0.06em;
		text-transform: uppercase;
		color:#000000;
        font-weight: 100;
        padding:0;
        margin: 0;
}

#sidebar h5 a:hover{
		color:#e50f5e;
}




#wrapper {

	margin: 0;
	padding: 0;
}


.clear {clear:both;}


/*################*/
/*#### Footer ###*/
/*################*/


#bottom {
        clear: both;
	width: 810px;
	height: 100%;
	margin: 0;
	padding: 0px;
	background: transparent;
	text-align: left;
	color: #383d44;
	}

#bottom-left {
	width: 30%;
	padding: 0 0 25px 0;
	float: left;
}

#bottom-mid {
	width: 30%;
	padding: 0 0 25px 40px;
	float: left;
}

#bottom-right {
	width: 30%;
        margin-right: 10px;
	padding: 0 0 25px 0;
	float: right;
	}

#bottom h2 {
        font: 24px Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
	margin: 25px 0 5px 0;
	padding: 0 1px;
        color: #326ea1;
	}

#bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#bottom li {
        border-bottom: none;
        margin: 0;
        padding: 0;
        display: block;
	}
#bottom li a {
        display: block;
        background-color: transparent;
        color: #000000;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
        border-bottom: 0;
	}
#bottom li a:hover {
	color: #e50f5e;
	background-color: #e6e3d7;
        text-decoration: none;
	}
	



/* ---------------------------------------------
    LASTFM.CSS
-----------------------------------------------*/
 
#lastfm dl{
	background:#000;
    position:relative;
    float:left;
	height:64px;
    padding:0 0 1px 86px;
    margin:0 0 5px 0;
	overflow:hidden;
	
	
    }


 
#lastfm dl dt{
    position:absolute;
    left:0px;
    top:0px;
    width:64px;
    height:64px;
    }
#lastfm dl dt a{
    position:absolute;
	background:url(vinyl3.png) no-repeat;
    top:0;
    left:0;
    width:86px;
    height:86px;
    z-index:100;

    }

 
#lastfm dl dd.lfm_song{
    font-weight:bold;
    font-size:12px;
    padding-bottom:6px;
    white-space:nowrap;
    overflow:hidden;
    }
#lastfm dl dd.lfm_artist,
#lastfm dl dd.lfm_album{
    color:#999;
    }
	
img { -ms-interpolation-mode:bicubic; }


dl.lastfm li.vinyl a{

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='vinyl3.png', sizingMethod='crop');