@charset "UTF-8";
/* CSS Document */

#middlebox{
	width:1020px;
	height:660px;
	margin:auto;
}

#plainbox{
	width:1000px;
	height:640px;
	margin:auto;
	background-color:#eaeaea;
	padding:10px;
}

h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:0px;
}

h4{
	font-size:13px;
	font-weight:bold;
	margin-bottom:6px;
	margin-top:12px;
}

h6{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;margin-top:-2px;margin-bottom:10px;}

p {margin-top:0px;margin-bottom:5px;font-size:12px;}

#message{
	width:500px;
	height:300px;
	float:left;
}

#recentwork{
	width:500px;
	height:300px;
	float:right;
	margin-left:20px;
}

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

#clear{
	width:1000px;
	height:20px;
	clear:both;
}

#blogtop{
	width:480px;
	height:10px;
	float:left;
	padding:10px;
	background-color:#eaeaea;
}

#blogposts{
	width:500px;
	height:310px;
	float:left;
	background-color:#eaeaea;
}

#twittertop{
	width:480px;
	height:10px;
	float:right;
	margin-left:20px;
	padding:10px;
	background-color:#eaeaea;
}

#twitterfeed{
	width:480px;
	height:300px;
	margin-left:20px;
	background-color:#eaeaea;
	float:right;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

img{border:none;}

/* tumblr */
.tumblr {
    list-style: none;
    width: 470px;
    height:280px;
    overflow:hidden;
	margin:0px;
    padding: 10px;
}
.tumblr li {
    margin-bottom: 1em;
}
.tumblr p {
    margin-bottom: 2px;
}
.tumblr img {
    display: block;
}
.tumblr em {
    display: block;
    margin-top: 0.2em;
}
.tumblr .tumblr-post-date{
    display: block;
    font-size: 0.9em;
    margin-top: 0.5em;
}

.twitters {overflow:auto;}
.twitters ul {list-style: none;padding: 0px;margin-top:0px;}
.twitters li {margin-bottom:12px;}
.twitters span.prefix {font-weight: bold;}
.twitters span.time {font-weight: bold;color: #c5c5c5;}
.twitters span.status {font-style: italic;}

/* portfolio section */
#colleft{width:240px;float:left;margin-top:0px;margin-bottom:5px;border:none;}

#colright{
	width:760px;
	float:right;
	margin-top:0px;
	margin-bottom:5px;
	border:none;
	font-size:12px;
}

.about p {margin-top:0px;margin-bottom:6px;}
.about ul {list-style: none;margin-left:-40px;}
.rec { font-size:12px; margin-bottom:3px;}
.name { font-size:12px; margin-bottom:10px;}
img.floatLeft{float:left;margin-left:20px;}
.descrip{margin-bottom:10px;}

/* DELETE BELOW!!!! */

/* image replacement */
 
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}    

#content{position:relative;}    

/* Easy Slider */

#slider ul, #slider li,#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}

#slider li{width:700px;height:400px;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;}                		

		
/* numeric controls */	

ol#controls{margin:10px 0;padding:0;height:15px;}

ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:15px;line-height:15px;}

ol#controls li a{float:left;height:15px;line-height:15px;border:1px solid #4a6a94;background:#eaeaea;color:#4a6a94;padding:0 10px;text-decoration:none;}

ol#controls li.current a{background:#191e3b;color:#eaeaea;}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* DELETE ABOVE!!!! */



/* resume section */
#res1, #res2, #res3{
	width:230px;
	margin-left:0px;
	float:left;
	padding-right:20px;
}

#res4{
	width:230px;
	margin-left:0px;
	float:right;
	padding-right:0px;
}


/* about section */
#abouttext{
	width:425px;
	height:600px;
	margin-left:20px;
	float:right;
	margin-top:12px;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none; z-index:102;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}

/* Browser Resets */
.flexslider a {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #EAEAEA; position: relative; width:500px; height: 300px;}
.flexslider .slides  li {position: relative;}

/* Caption style */
.flex-caption {
	width: 500px; 
	padding: 10px 0px 10px 20px; 
	position: absolute; 
	top: 262px; 
	background-color: rgba(74, 106, 148, 0.75); 
	color: #fff; 
	font-family:Arial, Helvetica, sans-serif;	
	font-size:16px;
}

/* Direction Nav */
.flex-direction-nav li a {width: 25px; height: 50px; display: block; position: absolute; top: 50%; text-indent: -9999px; z-index:109;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background: url(http://www.nickadorni.com/images/plus.png) no-repeat; left: 460px;}
.flex-direction-nav li a:hover.next {background: url(http://www.nickadorni.com/images/plus_over.png) no-repeat; left: 460px;}
.flex-direction-nav li a.prev {background: url(http://www.nickadorni.com/images/plus.png) no-repeat; left: 15px;}
.flex-direction-nav li a:hover.prev {background: url(http://www.nickadorni.com/images/plus_over.png) no-repeat; left: 15px;}

/* Porfolio Theme
*********************************/

#portslidebox
{
	width:755px;
	height:500px;
}

.portflexslider {background: #EAEAEA; position: relative; width:755px; height: 500px; overflow:hidden;}
.portflexslider .slides  li {position: relative;}

/* Caption style */
.portflex-caption {
	width: 755px; 
	padding: 10px 0px 10px 20px; 
	position: absolute; 
	top: 412px; 
	background-color: rgba(74, 106, 148, 0.75); 
	color: #fff; 
	font-family:Arial, Helvetica, sans-serif;	
	font-size:16px;
}

/* Direction Nav */
.portflex-direction-nav li a {width: 25px; height: 50px; display: block; position: absolute; top: 50%; text-indent: -9999px; z-index:109;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.portflex-direction-nav li a.next {background: url(http://www.nickadorni.com/images/plus.png) no-repeat; left: 720px;}
.portflex-direction-nav li a:hover.next {background: url(http://www.nickadorni.com/images/plus_over.png) no-repeat; left: 720px;}
.portflex-direction-nav li a.prev {background: url(http://www.nickadorni.com/images/plus.png) no-repeat; left: 15px;}
.portflex-direction-nav li a:hover.prev {background: url(http://www.nickadorni.com/images/plus_over.png) no-repeat; left: 15px;}

/* end homepage */