/**
*
* FSS - Full Screen Sliding Website Plugin
* URL: http://www.codecanyon.net/user/lydian
* Version: 1.0
* Author: Lydian
* Author URL: http://www.codecanyon.net/user/lydian
*
*
* ATTENTION:
*
* This styles file include the styles for the sample content. You can completely
* ignore this file.
*
*/

body {
    background: #fff;
    font: 14px 'Crimson Text', arial, serif;
	overflow:hidden;
}


.outer-wrapper1 {
    min-width: 1024px;
	height: 95%;
	background: #fff;
	margin: 0px auto;
	padding-left:6px;

}

.inner-wrapper1 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}


.outer-wrapper2 {
    min-width: 1024px;
	height: 95%;
	background: #fff;
	margin: 0px auto;
	padding-left:6px;
}
.inner-wrapper2 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}


.outer-wrapper3 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper3 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}


.outer-wrapper4 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper4 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}


.outer-wrapper5 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper5 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper6 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper6 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper7 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper7 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper8 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper8 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper9 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper9 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper10 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper10 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper11 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper11 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper12 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper12 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}

.outer-wrapper13 {

    min-width: 1024px;
	height: 95%;
	overflow:hidden;
	background: #fff;
	padding-left:6px;
}
.inner-wrapper13 {
    width: 99%;
    margin: 25px 0px 10px 0px;
    overflow: hidden;
}




/**
* Styles for the top logo.
*/
.logo {
  
}

/**
* Styles for the preloader.
*/
.slider .loading {
    background: url(../images/preloader.gif) no-repeat center center;
}

/**
* Styles for the header menu.
*/
.header .top-menu {
    position: fixed;
    list-style: none;
    float: left;
    font: 12px  'Crimson Text', arial, serif;
    margin: 0px auto;
    z-index: 1;
	left: 43%;
	bottom: 4%;
	padding-left:10px;
	width: 600px;
	
}

    .header .top-menu li {
        position: relative;
		float: left;
    }

        .header .top-menu li a {
            display: block;
            padding: 5px 30px 5px 0px;
            text-decoration: none;
            color: #000;
            outline: 0;
        }

        .header .top-menu li a:hover {
            color: #999;
        }

        .header .top-menu li.selected a {
            font-weight: bold;
            color: #999;
            margin-top: 1px;
        }








/**
* Styles for the navigation.
*/
.header .nav {
    position: fixed;
	float:left;
	padding: 10px 0px;
	top: 65px;
	left: 187px;
	margin-left: 21px;
	z-index: 30;

	
}

.nav h1 {
	border-bottom: 1px dotted #999;
	font-size:12px;
	color:#999;
}

    .header .nav a {
        float: left;
		width: 70px;
 		padding-top: 0px;
        overflow: hidden;
        outline: 0;
		border-bottom:1px dotted #999;

    }

       

        .header .nav a.prev-button {
			color:#999;
			font-size:12px;
			text-decoration: none;
			
        }

            .header .nav a.prev-button:hover {
				color:#000;
				font-size:12px;
            }

        .header .nav a.next-button {
			color:#999;
			font-size:12px;
			text-decoration: none;
			padding-left: 10px;
			
        }

            .header .nav a.next-button:hover {
				color:#000;
				font-size:12px;
				padding-left: 10px;
            }

/**
* Styles for the content.
*/

.content-header-type{
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	left: 300px;
	top: 137px;
	width: 400px;
	position: fixed;
	font-family: 'Crimson Text', arial, serif;
	font-style:italic;
	}

.content-header-type h6 {
	color:#666;
	font: 12px 'Crimson Text', arial, serif;
	position:fixed;
	left: 200px;
	top: 110px;
	
}

.content-header {

}

/*FOR DEMO PURPOSE I NEED TO CHANGE THE MARGIN-TOP. FIX THIS LATER. Margin: 140px 0px 0px 200px; */




.content {
    
	margin: 82px 0px 0px 200px;
	width:100%;

}

    .content h1 {
        font: 16px 'Crimson Text', arial, serif;
        letter-spacing: 0px;
        text-align: justified;
        margin: -1px 0px;
		padding: 0px;
		background-color: #fff;
		float:left;
		color:#999;
		min-height: 100%;
		

    }


    .content h2 {
        font-size: 16px;
		font: 'Crimson Text', arial, serif;
        font-weight: normal;
        margin: 0px 0 0 15px;
        text-align: justified;
		float:left;
		max-width: 330px;
    }

        .content h2 a {
            color: #000;
            text-decoration: none;
            font-weight: bold;
            outline: 0;
		
        }

        .content h2 a:hover {
            text-decoration: underline;
        }


    .content p {
        line-height: 22px;
        margin-top: 48px;
    }

        .content p img {
            display: block;
            margin: 20px 0 40px 0;
        }

    .content .column {
        float: left;
        width: ;
    }

    .content .column.left-column {
        margin-right: 20px;
    }

    .content .column.right-column {
        margin-left: 20px;
    }

/**
* Styles for the OTHER STUFF.
*/
#leftnavwrap {
	margin: 80px 0px 0px 20px;

}

#leftnav {
	height:100%;
	width: 180px;
	background: #fff;
	top:0;
	left:0;
	position:fixed;
	z-index:1;
	float:left;
	border-right: 1px dashed #999;

}

#leftnav h1 {
	font-family: 'Crimson Text', arial, serif;
	font-size:18px;
	padding: 0px;
	margin:0px;
	line-height:normal;
}

#leftnav h4 {
	font-family: 'Crimson Text', arial, serif;
	font-size:12px;
	padding:0px;
	margin:0px;
}

#leftnav ul {
	list-style-type:none;
	margin-left: 0px;
	padding-left: 0px;
	
}



#leftnav ul a:link{
	text-decoration:none;
	color:#666;
}

#leftnav ul a:visited{
	text-decoration:none;
	color:#666;
}

#leftnav ul li a:hover{
	text-decoration:none;
	color:#333;
}


#leftnav ul #selected a:link{
	text-decoration:none;
	color:#333;
}

#leftnav ul #selected a:visited{
	text-decoration:none;
	color:#333;
}
#leftnav ul #selected a:hover{
	text-decoration:none;
	color:#000;
}

#selected ul .projects a:link {
	
	list-style-type:decimal;
	color: #063;
	font-size: 11px;
}


#selected ul .projects a:visited {
	list-style-type:decimal;
	color: #063;
	font-size: 11px;
}


#selected ul .projects a:hover {
	list-style-type:decimal;
	color: #063;
	font-size: 11px;
}


#floatclear {
	clear:both;
}





    .footer {
        color: #999;
        font-size: 11px;
		position: fixed;
		bottom: 10px;
		left: 200px;
    }
	
	.footer a:link {
		text-decoration:none;
		color: #999;
	}

	.footer a:visited {
		text-decoration:none;
		color: #999;
	}
	.footer a:hover {
		text-decoration:none;
		color: #09F;
	}




<!-- CV AREA -->

.content-header-type ul li.cvlist{
	list-style-type:none;
	color:#3C3;
}


<!-- JOINING THE TRIBE BLOG --->

.post {
	height:auto;
	width:300px;
	margin-bottom: 20px;
	border: 1px solid red;
}