/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

color:#ff9022

********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #fff;
   color: #000028;
   margin:0; 
}

#main {
   padding-top: 20px;
}



.home {display:block; height:600px; width:950px; margin-bottom:20px;}

.home h1 {display:block; width:209px; height:28px; background: url(images/deryckWalker.png) no-repeat; float:left; position:relative; z-index:10; top:285px; left:370px;}

.home h1 strong {display:none;}

/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body { 
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
}

.hr {clear:both;float:none;width:100%;height:0;margin:0;border-top:1px dotted #000028 ;}
hr {display:none}

/*.light {font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue', arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif; font-weight: 300; font-size:1.17em;  font-size: 1.2em; line-height: 1.25; }
*/

/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline, .timestamp, .commentnum, .incategory{ font-size: .8em; line-height: 1em;}

.info p, #footer-copyright {padding-top:0.5em;}
#footer-copyright {text-align:right;}

/********************************************************************************
               image gallery jcarousel
********************************************************************************/

.jcarousel-scroll, h2.cgj_title, .carousel-controls-inner span, .caption {display:none;}

.carousel-controls {float:left; width:480px;}

.jcarousel-list {list-style:none;}



/********************************************************************************
               video
********************************************************************************/

div.videoButton a {background:url(images/video.png) top right no-repeat; display:block; height:60px; width:270px; padding-right:80px; text-align:right; margin-bottom:10px}
div.videoButton a:hover {background:url(images/video.png) bottom right no-repeat;}

/********************************************************************************
               menu
********************************************************************************/

li.menu ul { display: none; }
li.menu:hover ul { display: block;}

/********************************************************************************
               rotating homepage
********************************************************************************/


#rotating_items{
	position: relative;

}

#rotating_items div.rotating_item{
		position: absolute;
	}
	
#rotating_items div.rotating_item div {display:block; height:600px; width:950px;}

/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #000028; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
}


a:focus, a:hover {color:#ff9022;}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { list-style: square inside url(images/bullet.gif);}


/********************************************************************************                                            
                                                                          
********************************************************************************/

#header h1 strong, #header #description h2 span {display:none;}

#header h1 {display:block; width:209px; height:28px; background: url(images/deryckWalker.png) no-repeat; margin: 30px 0 0 0;}
#header h2 { margin: 30px 0 0 0; float:right;}
#header #description h2 {display:block; width:58px; height:28px; background: url(images/blog.png) no-repeat;}

.box {background:#fff url(images/fade001.gif) repeat-x} 

.highlight {color:#ff9022; background:none;}

#press, #collection {text-transform: uppercase; padding-top:1px }


/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
/********************************************************************************
                Images press
********************************************************************************/

p a.press img {margin:0 10px 10px 0; display:block;}
.press img.last {margin-right:0;}

.press {display:inline; float:left; text-decoration:none; margin:0; display:inline;}
.press em {font-style:normal;}
.press em.txt, .press b {display:none;}

.press:hover {position:relative;cursor:pointer; text-decoration:none;}
.press:hover b {display:block; position:absolute; top:0; left:0; width:110px; background:#000028; height:163px; opacity:0.7;}
.press:hover em.txt {display:block; position:absolute; width:90px; margin:10px; color:#fff;}





/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}






/********************************************************************************
                Navbar
********************************************************************************/

#navbar {font-size:1em;}
	
#navbar li, .navbar li, #sidebar li, #homenav li{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

ul#homenav {width:100%; padding-bottom:1em;}

ul#homenav li  {float: left; margin-right:40px;}


/*
#navbar li a:before, .navbar li a:before, #sidebar li a:before, div.video a:before, #homenav li a:before{
	content: "\002F \002F \0020";
	color:#ff9022;
	}


#navbar li a:hover:before, .navbar li a:hover:before, #sidebar li a:hover:before, div.video a:hover:before {
	content: " \2013 \0020";
	color:#ff9022;
	}*/
	
#navbar li a, .navbar li a, #sidebar li a, div.video a, #homenav li a{
	background:url(images/link.png) center left no-repeat;
	}


#navbar li a:hover, .navbar li a:hover, #sidebar li a:hover, div.video a:hover, #homenav li a:hover {
	background:url(images/link1.png) center left no-repeat;
	color:#ff9022;
	}	
	
			
#navbar ul, #sidebar ul, #homenav  {
   margin: 0 0 1em 0;
   padding: 0px;
}
	
#navbar ul li a, #sidebar ul li a, #homenav li a, #submenu li a {
   padding: 0 0 0 10px;
   margin: 0;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, a:active {
   text-decoration: none;
}

#current_page_item a {
   text-decoration: none;
}


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2 {font-size:1em; line-height:1em; font-weight:bold; margin:0.5em 0 1em 0;} 



/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
}