/* General */

/*Reset Common Tags*/

a,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,img
{
    margin:0px;
    padding:0px;
}

body
{
    margin:0px auto;
    padding:0px;
    background: URL(images/bg.gif);
    background-repeat:repeat;
    font-family:Georgia;
    font-size:14px;
    color:#231f20;
}

a
{
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    padding:0px 2px 2px 2px;
    background-color:#00D4FF;
    color:#000;
}

a:hover
{
    background-color:#000;
    color:#fff;  
}

.onstate
{
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    padding:0px 2px 2px 2px;
    background-color:#000;
    color:#fff;  
}

a.img-link
{
    padding:0px;
}

img
{
    border:0px;
}

p
{
    margin:10px 0px 10px 0px;
}

.text18
{
    margin:0px;
    font-size:18px;
    font-style:italic;
}

h1
{
    margin-top:10px;
    font-size:24px;
    font-style:italic;
}

h2
{
    margin:0px;
    font-size:18px;
    font-weight:normal;
}

		/*---------------------layout--------------------*/
		
#container 
{
    width:900px;
    margin:0 auto;
    height:auto;
    
}

#layout
{
    float:left;
    width:800px;
    background-color:#fff;
    padding:0px 50px 0px 50px;
    
    
}
        /*----------------------nav-----------------------*/
        
ul.nav
{
    margin:18px 0px 30px 0px;
    padding:0px;
}

ul.nav li
{
    list-style-type:none;
    font-size:18px;
    margin-bottom:1px;
    padding-bottom:2px;
}

ul.nav a:hover
{
    background-color:#000;
    color:#fff;  
}

ul.nav a.current
{
    background-color:#000;
    color:#fff;
    padding-bottom:2px;
}

        /*---------------------content--------------------*/
        
#content-leftcol
{
    float:left;
    width:550px;
}

#content-rightcol
{
    float:right;
    width:200px;
}

.content-top
{
    margin:0px;
    padding:18px 0px 18px 0px;
}

.portfolio-wrapper
{
    float:left;
    width:550px;
    padding:15px 0px 30px 0px;
}

.details
{
    float:left;
    width:370px;
}

.like
{
    float:right;
    width:180px;
    text-align:right;
}

.portfolio-layout
{
    float:left;
    width:550px;
}

portfolio-nav
{
    width:550px;
    margin:17px 0px 30px 0px;
}

.prev
{
    float:left;
    width:240px;
}

.pages
{
    text-align:center;
    width:80px;
}

.next
{
    float:right;
    margin-left:20px;
}

.portfolio-nav a:hover
{
    
}

.pages
{
    float:left; 
}

.previous
{
    margin-right: 130px;
    float:left;
}

.previous a:hover
{
 
}

.previous-inactive 
{
    visibility:hidden;
    margin-right: 130px;
    float:left;
    
}

.next-inactive
{
    visibility:hidden;
    float:right;
}

.next
{
    float: right;
}

.category
{
    margin-bottom:17px;
    padding:0px;
}

.posts
{
    margin:20px 0px 20px 0px;
}

.posts IMG
{
    margin:10px 0px 10px 0px;
}

.last-fm
{
    margin:20px 0px 10px 0px;
}

.last-fm a
{
    color:#000;
    background-color:#00D4FF;
    font-style:italic;
    padding:0px 2px 2px 0px;
}

.last-fm a:hover
{
    background-color:#000;
    color: #fff;
}

.last-fm-item
{
    color:#e42800;
    font-weight:bold;
    border-top:1px dotted #231f20;
    margin:15px 0px 5px 0px;
}

.last-fm-red
{
    color:#fff;
    background-color:#e42800;
    font-style:italic;
    padding:0px 2px 2px 0px;
}

.align-left
{
    clear:both;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

.align-right
{
    clear:both;
    float:right;
    padding-left: 10px;
    padding-bottom: 10px;
}

        /*---------------------footer---------------------*/
        
#footer
{
    float:left;
    width:550px;
    margin-bottom:30px;
}