/* 
Theme Name: JDM Portfolio 2
Theme URL: http://jim-martin.net/
Description: A portfolio theme based on the Whiteboard 2.0.1 theme at http://whiteboardframework.com/.
Author: Jim Martin
Author URI: http://www.jim-martin.net
Version: 0.1.0

*/
/*	For the Sticky Footer 
	by Steve Hatcher 
	http://stever.ca
	http://www.cssstickyfooter.com
*/
* {margin: 0;padding: 0}
html, body, #container {height: 100%;}
body > #container {height: auto;min-height: 100%}
#main {overflow:auto; padding-bottom: 210px;}  /* must be same height as the footer */


/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
/*{margin:0;padding:0;}8?

/* Some more reset styling */
acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }a{text-decoration: none;}ol, ul { list-style: none;}

/* Main Styling  */
html{font-size: 16px;}
html, body, #container {height: 100%;}
body {background-image: url('images/jdm_portfolio_01_bg_03.png'); background-repeat: repeat-x; background-color: #fff;text-align: center;font-size: 1em;font-family: Arial,Helvetica,sans-serif;}

#container{margin: 0px auto -142px; width: 960px;position:relative;min-height: 100%;text-align: left;padding:0 10px;}
#header{height: 50px;}
#logo {height: 40px;width: 126px; margin: 4px 0;}

/* Navigation Styling */
#main_nav{float:left;position: relative;text-align: center;width: 834px;height: 40px;font-family: Tahoma,sans-serif; font-size: 1.4em;}
#main_nav ul{display: inline; position: absolute; left:133px; top: 10px; z-index: 100;}
#main_nav li{margin: 0 25px; float: left;}
#main_nav a{color: #fff;}

/* Lava Styling */
#main_nav #box{position: absolute;left: 0px;top:10px;z-index: 50;background: url('images/jdm_portfolio_tail2.png') no-repeat; height: 30px;padding-right: 19px; margin-left: -15px;}
#main_nav #box .head{background:  url('images/jdm_portfolio_head2.png') no-repeat;height: 30px;padding-left: 10px;z-index: 60;}


#page_title{color: #471514;font-family: "Palatino Linotype", Palatino, Serif;border-bottom: 1px dotted #471514;margin-bottom: 10px;}
#page_title a{color: #471514;}
#page_title h1,h2,h3,h4{margin:10px 0;}
#main_content{float: left;width: 700px;padding:0 10px 0 0;}
#main_content a {/*color:#4c1524;*/color:#447b8c;}
#main_content a:hover,#main_content a:active {/*color:#7ab0c2;*/color: #e53f6c;}

/* Project Thumbnail Styling */
#portfolio_list li{display: inline;width: 105px;min-height:140px;float: left;margin: 0px 10px 15px 0px;border: 1px solid #999;background:#fff;padding: 5px; text-align: center;}
#portfolio_list li img{width:95px;height: 75px;}
#portfolio_list li p{margin: 0 0 5px 0; font-size: .8em;}

/* Project Detail Styling */
img.detail{margin: 5px 0 15px; height: 350px; width: 500px;}
#tools{width:210px;float: right;text-align: left;}
#tools h3{margin: 0px 0 0 10px;}
#tools ul{margin: 5px 0 15px 10px}
#tools a{margin: 15px 0 0 10px;color: #4c1524;}
#tools a:hover{color: #7ab0c2}
#more_details{clear: both;}

/* tooltip styling */
.tooltip{position: absolute;z-index: 999;left: -9999px;background-color: #dedede;padding: 5px;border: 1px solid #fff;width: 400px;}	
.tooltip p{margin: 0;padding: 0;color: #fff;background-color: #222;padding: 2px 7px;text-align: left;}

/* sidebar styling */
#port_sidebar, #sidebar{float: left;width:250px;}
#project_nav{font-family: Tahoma,sans-serif; font-size: 1.2em;margin: 10px 0px 25px 10px;}
#project_nav li{margin: 0 0 20px 0;}
/*#project_nav {margin: 10px 0 0 0;}*/
#project_nav a, #sidebar a{/*color:#4c1524;*/color:#447b8c;}
#project_nav a:hover,#project_nav a:active{/*color:#7ab0c2;*/color: #e53f6c;cursor: pointer;}
#sidebar a:hover,#sidebar a:active{/*color:#7ab0c2;*/color: #e53f6c;}

/* Comment styling */
#comment{width: 420px}
#comment_legal_stuff{font-size: .7em;font-style: italic;width: 650px;margin: 5px auto;}

/* footer styling */
#footer{clear:both;background-image: url('images/jdm_portfolio_01_footer_02.png');background-color: #67696b; background-repeat: repeat-x;height: 210px;width:100%;position: relative;bottom: 0px; text-align: left;margin: -200px 0 -5px;}
#footer_content{width: 960px; margin: 0px auto;color: #fff;font-family: Tahoma,sans-serif;}
#contact_info{float: left; width: 215px;}
#footer a {color:#4c1524;}
#footer a:hover {color:#7ab0c2;}
#rss{float: left;width: 180px;}
#rss p, #rss ul{margin: 10px 0 0;}
#rss h4{color:#4c1524;margin: 45px 0;}
.footer-item {float: right;width: 33%;padding-bottom: 10px;}
.footer-item ul {padding-left: 15px;}

/* contact form styling */
#cforms2form{position:relative;float: right;text-align: left;width:500px;margin: 0 0 0 0;}
#contact_form p{margin: 0 0 10px;}
#cforms2form textarea{width: 270px;height: 90px;}
.cf-fs1{float: left;width: 180px;}
.cf-fs2{float: right;width:270px;}
#cforms2form li span{display: none;}
p.cf-sb{clear:both;width: 400px;text-align: right;}
p.cf-sb input{}
.linklove{display: none;}
#cforms2form input[type=text]{height: 20px;width: 175px;padding: 2px 4px;margin: 0 0 7px 0;}
input[type=submit]{ border: none;background: #1f3840;color: white;margin: .75em 0 0 .75em ;padding: .3em;cursor: pointer;text-decoration: none;font-size: .8em;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
input[type=submit]:hover,input[type=submit]:active, form a:hover, #welcome_user a:hover,#welcome_user a:active{background: /*#7ab0c2*/#e53f6c;}
textarea{overflow: auto;}

/* utility classes */
.left{float: left}
.right{float: right}
.clear{clear: both}
.hide{display: none}
.no_vis{visibility: hidden}

/* misc. styling */
#main_content p{margin: 0 0 15px 0;}
.wp-caption-text, #main_content h3{font-size: 1.25em;font-weight: bold;}
.wp-caption{margin: 0 auto;text-align: center;}
#main_content ul{margin: 0 0 15px;}
#main_content li{margin: 0 0 10px 10px;}
object.video_object{width:425px;margin: 0 auto;text-align: center;}

/* contact form styling */

/*
Here is a list of all the <DIV>s in the Whiteboard template.
*/
#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

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


/* Easy Slider */
	#slider_title{
		height:40px;
		line-height:40px;
		width: 670px;
		background:#78a0bd;
		color:#fff;
		font-family: Tahoma,sans-serif;
		padding: 0 0 0 25px;
		}
	#slider_title h3{font-weight: lighter; letter-spacing: .175em;}
	#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:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#78a0bd;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */