/*
Theme Name: FSD
*/
.navigation{
    display: inline;
    float: left;
    width: 100%;
    margin: 0px 0px 10px 20px;
}

    .alignleft {
        display: inline;
        float: left;
        width: 45%;
        color: white;
        text-decoration: none;
    }
    .alignleft a{
        color: white;
        text-decoration: none;
    }
    
    .alignright {
        display: inline;
        float: right;
        width: 45%;
        color: white;
        text-decoration: none;
        text-align: right;
        margin: 0px 30px 0px 0px;
    }
    .alignright a{
        color: white;
        text-decoration: none; 
    }
    
    
    .aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption-dd {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}


    
    
   

/* plz reset the margins and anchors :D ty  */ 
h1, h2, h3, h4, h5, ol, ul, li, input, form, textfield {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}


/* ---------------- */

/* for the footer settings */
html{
    height: 100%;
}

/* the super duper big daddy body setter */ 
body {
    margin: 0px auto;
    font-family: Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif;
    font-size: 14px;
    color: #333333;
    background: url(images/background.png) repeat-x top #1c1c49;
    
    /* footer settings */
    height: 100%;
    /* ------------------ */
}

/* the top background image loader */ 
#top_background
{
    position:absolute;
    top: 0px;
    width: 100%;
    height: 533px;
    background: url(images/top_background.jpg) no-repeat top; 
}

/* the real big page container */ 
#container{
    position:relative;
    width: 100%;
    font-size: 11px;
    margin: 0px auto;
    z-index: 10;
    /* footer settings */ 
    padding-bottom: 0em;
}

    /* some header styles */ 
    #headerContent{
        position:relative; 
        width: 960px;
        margin: 80px 0px 20px 2px; 
    }
    #headerContent h1{
        font-weight: normal;
        color: white;        
        font-family: Georgia, serif; 
        text-align: center; 
        padding-top:20px;
    }
    
    #headerContent h1 a{
        font-weight: normal;
        color: white;
    }
    
    #headerContent h1 a:hover{
        font-weight: normal;
        color: white; 
    }
    
    #headerContent h5{
        font-weight: normal;
        font-size: 1.0em; 
        color: white; 
    }
    
    #searchSheat{
        position:absolute;
        right:0;
        bottom:-24px;
        margin: 0px 26px 0px 0px;
        width:260px;
        height:55px;
        z-index: 100;
    }
    #searchSheat input{
        display: inline;
        position: relative;
        float: left;
        width:240px;
        height:35px;
        border:0px;
        color:#fff;
        font-size: 1.1em;
        padding: 20px 0px 0px 20px;
        background: url(images/search_bg.png) no-repeat center;
        z-index: 100;
    }
    
    
/* the full page container */ 
#pageContainer{
    position:relative;
    width: 990px;
    font-size: 11px;
    margin: 0px auto; 
    z-index: 200;
}


/* set the page top white shadow border */
#pageContainerTOP{
    position:relative;

    width: 990px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    background: url(images/top_black_white.png) no-repeat top;
}
#pageContainerCENTER{
    display: inline;
    position:relative;
    float: left; 
    width: 990px;
    font-size: 11px;
    background: url(images/midde_black_white.png) repeat-y center;
}
    
    /* set the default inner page colors and margins */
    #pageStyler{
        display: inline;
       position:relative;
       width: 960px;
       float: left; 
       margin: 0px 0px 0px 30px;
       color: white; 
    }
    
    
    
     /* page specific styles   ---------------------------------------------------- */
     #theREALleft{
        display: inline;
        float: right;
        width: 660px;
        margin: 0px 45px 0px 0px;
     }
     
        .pagetitle {
            float: left;
            display: inline;
            width: 94%;     
            margin: 0px 0px 20px 0px;
            padding: 0px 0px 0px 20px;
            font-weight: normal;
        }
         
         
         .titleAndMeta{
            display: inline;
            float: left;
            
         }
         .titleAndMeta h2{
            display: inline;
            float: left;
            width: 630px;
            margin: 0px 0px 0px 18px;
            font-weight: normal;
            font-size: 1.5em;
            font-family: Georgia, serif;   
         }
         .titleAndMeta h2 a{
            color:#ffffff;
            text-decoration: none;
         }
         .titleAndMeta h2 a:hover{
            color:#2b8eed;
            text-decoration: none;
         } 
         
         .metaDate{
            display: inline;
            float: left;
            width: 200px;
            margin: 10px 0px 0px 26px;
            font-size: 0.9em;
            color: #a59797; 
         }
         .metaCommentsEdit{
            display: inline;
            float: right;
            width: 400px; 
            text-align: right;
            margin: 10px 20px 0px 0px;
            font-size: 0.9em; 
            color: #a59797;
         }
         .metaCommentsEdit a{
            color: #2b8eed;
            text-decoration: none; 
         }
         .metaCommentsEdit a:hover{
            text-decoration: underline;  
         }
     
     
     .realPostItem{
        display: inline;
        float: left;
        width: 625px;
        margin: 10px 0px 20px 20px;
        padding: 0px 10px 0px 10px;
        background-color: #ddeefe;
        color: #000;
        line-height: 1.5em;
        border-top: 1px solid #272727; 
        border-bottom: 1px solid #272727; 
        font-size: 1.4em;
     }
     
     .realPostItem a{ 
         color:#fff;
         text-decoration: none;
     }
     .realPostItem a:hover{ 
         color: pink;
         text-decoration: none;
     }
     
     .postmetadata{
        display: inline;
        float: left;
        width: 630px;
        margin: 0px 0px 20px 20px;
        padding: 0px 0px 0px 10px;
        background: url(images/item_bg.png) repeat-x top #151515;
        border: 1px solid #313131;
        color: #cdc3c3;
        line-height: 1.5em;
    }
    
    .postmetadata a{
        color:#fff;
        text-decoration: none;
    }
    
    .postmetadata a:hover{
        color:pink;
        text-decoration: none;
    }
    
    
    .postmetadata_single{
        display: inline;
        float: left;
        width: 610px;
        margin: 0px 0px 20px 20px;
        padding: 6px 10px 6px 10px;
        color: #666;
        line-height: 1.5em;
    }
    .postmetadata_single a{
        color:#fff;
        text-decoration: none;
    }
    
    .postmetadata_single a:hover{
        color:pink;
        text-decoration: none;
    }
    
    .realPostItem code{
		display:inline;
		float:left;
		width: 600px;
		margin: 5px;
    }
    
   /* --------------------------------------------------------------------------------- 
   
        SIDEBAR things here
   
   --------------------------------------------------------------------------------- */  
    
     #theREALright{
        display: inline;
        float: left;
        width: 240px;
        margin: 10px 0px 0px 0px;  
        padding-left: 7px;
        color:#000;
        font-size: 1.25em;
     }
     
     .pagenav, .categories{
        display: inline;
        float: left;
        width: 236px;
        background: url(images/left_bg_.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #272727; 
     }
     
     .pagenav h5, .categories h5{
        display: inline;
        float: left;
        width: 220px;
        margin:16px 0px 5px 20px;
        font-size: 1.5em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .pagenav ul, .categories ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .pagenav ul li, .categories ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .pagenav ul li a, .categories ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
     .pagenav ul li a:hover, .categories ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
     
     /* --------------------------------------------------------------------------------- */ 
     
     
     .linkcat{
        display: inline;
        float: left;
        width: 236px;
        border-top: 1px solid #272727;
        background: url(images/left_bg_.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
     }
     
     .linkcat h2{
        display: inline;
        float: left;
        width: 220px;
        margin:16px 0px 5px 20px;
        font-size: 1.6em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .linkcat ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .linkcat ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .linkcat ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
     .linkcat ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
     
     /* --------------------------------------------------------------------------------- */ 
     
     
     .widget{
        display: inline;
        float: left;
        width: 236px;
        font-size: 1.1em;
        color:#000;
        margin: 0px 0px 10px 0px;
     }
     
     .widget h2{
        display: inline;
        float: left;
        width: 220px;
        margin:0px 0px 5px 20px;
        font-size: 1.6em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .widget ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .widget ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .widget ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
     .widget ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
    

     /* --------------------------------------------------------------------------------- */
    .widget_tag_cloud a{
		float:left;
		color: #cdc3c3;
		padding: 3px;
		margin: 3px;
    } 
     
     
	.widget_search{
		padding: 20px 0px 20px 0px;
	}
	.widget_search input{
		float:left;
		border: 1px solid #f4f4f4;
		padding: 2px;
		margin: 0px 0px 0px 10px;
	}
	.widget_search label{
		margin: 0px 0px 5px 10px;
	}
	
	
	#calendar{
		display:inline;
		clear:left;
		
	}
	
	#calendar_wrap{
		display:inline;
		float:left;
		margin: 5px 0px 0px 30px;
	}
	#calendar_wrap a{
		color: #cdc3c3;
	}
	
		#wp-calendar #prev a, #wp-calendar #next a {
			font-size: 9pt;
			}
		
		#wp-calendar a {
			text-decoration: none;
			}
		
		#wp-calendar caption {
			font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
			text-align: center;
			}
		
		#wp-calendar th {
			font-style: normal;
			text-transform: capitalize;
			}
			
			
			/* Begin Calendar */
		#wp-calendar {
			empty-cells: show;
			margin: 10px auto 0;
			width: 155px;
			}
		
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			}
		
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			}
		
		#wp-calendar a {
			display: block;
			}
		
		#wp-calendar caption {
			text-align: center;
			width: 100%;
			}
		
		#wp-calendar td {
			padding: 3px 0;
			text-align: center;
			}
		
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff; }
		/* End Calendar */




/* set the bottom page white shadow border */ 
#pageContainerBOTTOM{
    display: inline;
    position:relative;
    float: left;
    width: 990px;
    height: 30px;
    background: url(images/bottom_black_white.png) no-repeat top;
}


/* some footer styles */ 
#footer{
	display:inline;
	float:left;
    margin: 5px 0px 0px 0px;
    width: 990px;
    color:white;
}
#footerContent{
    margin: 0px 0px 0px 40px;
    width: 970px;
    color:white;
    font-size:0.9em;
}
#footerContent a{
    color:#2b8eed;
} 


/* the bottom background image loader */ 
#bottom_background{
    position: relative;
    margin-top: -20em;
    display: inline;
    width: 100%;
    float:left;
    z-index: 100;    
}



/** 
Comments part
 */

ol.commentlist{
    width: 590px;
}

ol.commentlist li{
    float: left;
    background: #312533;
    border: 1px solid pink;
    width: 590px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 10px;
    margin: 10px 0px 10px 0px;;
}
 
/** 
 the field styles adjustments
 */
#author{
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px;
}

#email {
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px;
}

#url {
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px; 
}

#comment{
    background: #312533;
    border: 1px solid pink;
    width: 590px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 10px;
}




/** 
-- Start of personal quote: 
----------------------------------

*** DAMN there must be a easier way to write all this CSS rules!

----------------------------------
-- End of personal quote!
 */

/* header tabs */
#tabs{
    position: relative;
 font-size:14px;
 line-height:normal;
 margin-top: 7px;
 z-index: 1000; 
}

#tabs ul{
list-style:none;
}

#tabs li{
 display:inline;
 float: left;
 position: relative;
}

#tabs a {
 float:left;
 background:url(images/tab-left.png) no-repeat left top;
 color:#0470a0;
 padding-left:10px;
 margin-right:7px;
 text-decoration:none;
 color:#04509e;
 cursor: pointer; /* IE 7 bug-fix */
}

#tabs a span{
 float:left;
 display:block;
 background:url(images/tab-right.png) no-repeat right top;
 height: 29px;
 padding-right: 10px;
}

#tabs a span span{
 display:block;
 background:none;
 height: auto;
 padding: 4px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
 color:#cfcfcf;
}

#tabs a:hover{
 background-position:0% -29px;
 color:#2b8eed;
}
#tabs a:hover span{
 background-position:100% -29px;
 color:#2b8eed;
}

#tabs a.active, #tabs li.current_page_item a, #tabs li.current-cat a,
#tabs li.current_page_item a:hover, #tabs li.current-cat a:hover {
 background-position:0% -58px;
 color:#000;
}
#tabs a.active span, #tabs li.current_page_item a span, #tabs li.current-cat a span,
#tabs li.current_page_item a:hover span, #tabs li.current-cat a:hover span{
 background-position:100% -58px;
 color:#000;
}