﻿/* 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:#ffffff;
}

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

a:hover
{

    color:#fcc010;  
    text-decoration:underline;
}

.onstate
{
    font-weight:bold;
    font-style:italic;
    text-decoration:none;
    padding:0px 2px 2px 2px;
    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:0px;
    font-size:36px;
    color:#fcc010;
    background-color:#282828;
    margin-bottom:4px;
}

h2
{
    margin:0px;
    font-size:22px;
    font-weight:normal;
    background-color:#282828;
}

h3
{
    margin:0px;
    font-size:20px;
    font-weight:normal;
    background-color:#e42800;
}

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

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

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

ul.nav a:hover
{
    color:#fff;  
    text-decoration:none!important;
}

ul.nav a.current
{
    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 0px 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:0px 0px 10px 0px;
}

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

.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:10px 0px 20px 0px;
}

.posts IMG
{
    margin:2px 0px 4px 0px;
}

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

.last-fm a
{
    color:#e42800;
    font-style:italic;
    font-size:11px;
    padding:0px 2px 2px 0px;
}

.last-fm a:hover
{
    color: #e42800;
}

.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:800px;
    background-color:#282828;
}

#footer-leftcol
{
    float:left;
    width:550px;
}

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

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

