body
{background-color:#1c1c1c;
margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6
{color:#CCCCCC;
font-family:Georgia, Arial, Helvetica, sans-serif;}

p
{color:white;
font-family:Georgia, Arial, Helvetica, sans-serif;}

h2 a
{text-decoration:none;
color:#bf6d02;
}

h2 a:hover
{
text-decoration:none;
color:white;
}

hr
{width:960px;
border:medium;
height:5px;
color:#666666;
background-color:#666666;
}

.hrshort
{width:480px;
border:medium;
height:5px;
color:#666666;
background-color:#666666;
margin:0;
padding:0;
}

a img
{border: none;
}

/* ----- Footer ----- */

#footer {
	clear: both;
	width: 99%;
	text-align: left;
	bottom:0px;
	left:10px;
	height:50px;
	z-index:5;
	line-height:5px;
	position:relative;
}
#footer a {
	color: #9fe900;
	font-weight: normal;
	text-decoration:none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration:none;
}

#footer p
{bottom:4px;
position:relative;
}
/* ----- End of Footer ----- */


#outside_container

{background: url(images/background_small.png) repeat-x #1c1c1c;
}

#container

{
background: url(images/background.png) no-repeat;
height:1290px;
}

#logo
{top:10px;
left:10px;
position:absolute;
z-index:1;
}

#caption
{top:130px;
left:10px;
width:960px;
position:absolute;
z-index:100;
}

#frame
{top:550px;
left:0px;
position:absolute;
width: 960px;
}

#frame2
{top:375px;
left:600px;
position:absolute;
}

#dev

{top:216px;
left:10px;
height:241px;
width:696px;
position:absolute;
border: solid #bf6d02;
}

#dev2

{top:800px;
left:83px;
position:absolute;
}



ul#nav {   
    margin:0px; padding:0px;  
    position:absolute; top:10px; left:10px; 
	display:inline;	
	font-family:Georgia, Arial, Helvetica, sans-serif;
	z-index:7;}
 
ul#nav li{  
    margin:0px; padding:0px;  
    list-style:none;  
    margin-right:10px;  
    font-size:20px;    
    display:inline; 
		
}  
ul#nav li a{  
    text-decoration:none;  
    color:#bf6d02; 
    background:black;
}  
ul#nav li a:hover {  
    text-decoration:none;  
    color:#ffffff;  
}

.column1 { float:left; width:500px; margin-left:10px; top:530px; position:absolute;}
.column2 { float:left; width:250px; margin-left:10px; top:785px; position:absolute;}
.social	{ float:left; width:250px; margin-left:0px; top:-20px; position:relative;}

.column3 {  width:440px; margin-left:520px; top:573px; position:absolute; }

.column1 a {text-decoration: none; color:#bf6d02;}
.column2 a {text-decoration: none; color:#bf6d02;}

.column1 a:hover {text-decoration: none; color:#ffffff;}
.column2 a:hover {text-decoration: none; color:#ffffff;}

.valid {position:absolute; left:360px; top:10px; width: 200px;}

#reading
{
top:995px;
left:520px;
position:absolute;
height:200px;
width:250px;
}

#reading li
{list-style:none;
border:solid; 
height:200px;
width:200px;
margin-left:-45px;
}

#reading2
{
top:995px;
left:740px;
position:absolute;
height:200px;
width:250px;
}

#reading2 li
{list-style:none;
border:solid; 
height:200px;
width:200px;
margin-left:-45px;
}

.read
{
margin-left:-5px;
}
.read2
{
margin-left:0px;
}

/*about me*/

#about
{left:20px;
top:130px;
position:absolute;}

#about a
{text-decoration: none;
color: #bf6d02;
}

#about a:hover
{text-decoration: none;
color: #ffffff;
}

#about2

{left:20px;
top:280px;
position:absolute;
font-size:24px;}

#about3

{left:20px;
top:730px;
position:absolute;
}


#support
{left:100px;
top:375px;
position:absolute;}

#portbg
{top:1320px;
left:5px;
position:absolute;
z-index:1;}

.late
{top:-300px;
left:10px;
position:absolute;
}

#hpdiv p
{top:-246px;
left:12px;
position:relative;
width:250px;
color:white;
font-size:20px;
}

#hpdiv a
{
text-decoration:none;
color:white;
background:#FF9900;
}

#bridgediv p
{top:-450px;
left:300px;
position:relative;
width:250px;
color:white;
font-size:20px;
}

#bridgediv a
{
text-decoration:none;
color:white;
background:#FF9900;
}

#twitter
{left:650px;
top:400px;
position:absolute;
z-index:1;
}

#twitterapi
{background-image:url(images/twitterbg.png);
left:10px;
top:1000px;
position:absolute;
z-index:1;
height:295px;}

#twitterapi li
{
color:white;
list-style-type: none;
text-decoration:none;
width:400px;
padding:5px;
top:45px;
left:-15px;
position:relative;
text-align:right;
overflow:hidden;
font-family:georgia;
}

#twitterapi li a
{
color:#9fe900;
text-decoration:none;
}

#twitterapi li a:hover
{
color:#ffffff;
text-decoration:none;
}

/*Portfolio*/

#port1
{top:100px;
left:-8px;
position:absolute;
}

#port2
{top:100px;
left:500px;
position:absolute;
}

#port3
{top:350px;
left:-8px;
position:absolute;
}

#port4
{top:350px;
left:500px;
position:absolute;
}

#work
{top:870px;
left:270px;
width:450px;
position:absolute;
float:right;
}

#work a
{text-decoration: none;
color: #bf6d02;
}

#work a:hover
{text-decoration: none;
color: #ffffff;
}

#flicker
{
top:600px;
left:230px;
position:absolute;
float:right;
}


/*contact me*/

#contact
{top:175px;
left:230px;
position:absolute;
line-height:1px;
color:black;
}

#contact a
{text-decoration: none;
color: #bf6d02;
}

#contact a:hover
{text-decoration: none;
color: #fffffff;
}

/*blog*/

#blog
{top:130px;
left:20px;
position:absolute;
}

#blog a
{text-decoration: none;
color: #bf6d02;
}

#blog a:hover
{text-decoration: none;
color: #fffffff;
}

#read
{top:700px;
left:83px;
position:absolute;
}

#frame3
{top:375px;
left:100px;
position:absolute;
}

#frame4
{top:375px;
left:600px;
position:absolute;
}

#background
{top:132px;
left:83px;
position:absolute;
}

/*slide*/

.boxgrid{  
    width: 500px;  
    height: 250px;  
    margin:10px;  
    float:left;  
    background:#161613;  
    border: solid 2px #8399AF;  
    overflow: hidden;  
    position: relative;  
}  
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}  

.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    } 
	
.captionfull .boxcaption {  
    top: 260;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 220;  
    left: 0;  
}  

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}
			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#bf6d02;
		color:#white;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#F1840F;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */