/*-------------------------------------------
| SKIN = Sketchbook
| The following provides override and/or
| skin-specific CSS values.
---------------------------------------------*/

	body {
		background:url(/images/sketchbook/bg.jpg) top center no-repeat;
	}

/*-------------------------------------------
| Fonts
---------------------------------------------*/
	body, p, td, th {
		font-family:"Trebuchet MS", Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size:14px;
		color:#333;
	}
	a {
		color:#333;
	}
	a:hover {
		color:#2F42BC;
	}
	h1, h2, h3, h4, h5 {
		/*font-family:"BrushScript BT", script, "Trebuchet MS";*/
	}
	h1 {
		font-size:32px;
		font-weight:normal;
	}
	h2 {
		font-size:24px;
		font-weight:normal;
	}
	h3, h4, h5, .note {
		font-family:"Trebuchet MS", Verdana, Geneva, Arial, helvetica, sans-serif;
	}

/*-------------------------------------------
| Logo
---------------------------------------------*/
	#logo span {
		background:url(/images/sketchbook/logo-multi.png) top left no-repeat;
		_background-image:none!important;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/logo-multi.png', sizingMethod='crop');
	}
	
/*-------------------------------------------
| Navigation
---------------------------------------------*/
	.navItem {
		text-decoration:none;
		font-weight:bold;
	}
	.navItemOver,
	.navItemActive {
		color:#2235af;
	}
	/*** top nav ***/
		#topNav .navItem {
			margin:0 0 0 10px;
			padding:2px 0 4px 34px;
			height:26px;
			font-weight:bold;
			font-size:18px;
		}
		#topNav .navItem span {
			background:url(/images/sketchbook/circleArrow-multi.png) 0px 0px no-repeat;
			_background-image:none!important;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/circleArrow-multi.png', sizingMethod='crop');
		}
		/*** topNav states ***/
			/* apply a depress effect to label */
			#topNav .navItemActive {
				padding:3px 1px 3px 33px;
			}
		
	/*** sub nav ***/
		.subNav .navItem {
			margin:0;
			padding:1px 0 5px 25px;
			height:18px;
		}
		.subNav_top .subNav .navItem {
			margin-left:10px;
		}
		.subNav .navItem span {
			background:url(/images/sketchbook/arrow-multi.png) 0px 0px no-repeat;
			_background-image:none!important;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/arrow-multi.png', sizingMethod='crop');
		}
		/*** subNav states ***/
			/* apply a depress effect to label */
			.subNav .navItemActive {
				padding:2px 1px 4px 24px;
			}
		/*** portfolio navigation ***/
			#exampleSelectors .navItem span {
				background:url(/images/sketchbook/portfolioExample-multi.png) 0px 0px no-repeat;
				_background-image:none!important;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/portfolioExample-multi.png', sizingMethod='crop');
			}
			.examplesPrevNextButtonsShell .navItem.prevButton span {
				background:url(/images/sketchbook/prevArrow-multi.png) 0px 0px no-repeat;
				_background-image:none!important;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/prevArrow-multi.png', sizingMethod='crop');
			}
			.examplesPrevNextButtonsShell .navItem.nextButton span {
				background:url(/images/sketchbook/nextArrow-multi.png) 0px 0px no-repeat;
				_background-image:none!important;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sketchbook/nextArrow-multi.png', sizingMethod='crop');
			}

/*-------------------------------------------
| Skin Picker
---------------------------------------------*/
	.skinDot span {
		background:url(/images/sketchbook/skinDot.gif) top left no-repeat;
	}
/*-------------------------------------------
| Content
---------------------------------------------*/
	/*** content containers ***/
		.contentBox {
		}
		.contentBox .top {
			background:url(/images/sketchbook/contentBox/corners.gif) no-repeat left top;
			height:12px;
			padding:0px;
			margin:0px;
			position:relative;
		}
		.contentBox .top div.d1 {
			background:url(/images/sketchbook/contentBox/corners.gif) no-repeat right top;
			height:12px;
			width:50%;
			position:absolute;
			top:0px;
			right:0px;
		}
		.contentBox .contentOuter {
			background:url(/images/sketchbook/contentBox/sides.gif) left top repeat-y;
			height:100%;
			padding-left:12px;
		}
		.contentBox .contentInner {
			background:url(/images/sketchbook/contentBox/sides.gif) right top repeat-y;
			height:100%;
			padding-right:12px;
		}
		.contentBox .content {
			background:#fff;
			height:100%;
			position:relative;
		}
		.contentBox .content div.d1,
		.contentBox .content div.d2 {
			display:none;
		}
		.contentBox .bottom {
			background:url(/images/sketchbook/contentBox/corners.gif) no-repeat left bottom;
			height:12px;
			padding:0px;
			margin:0px;
			position:relative;
		}
		.contentBox .bottom div.d1 {
			background:url(/images/sketchbook/contentBox/corners.gif) no-repeat right bottom;
			height:12px;
			width:50%;
			position:absolute;
			bottom:0px;
			right:0px;
		}
		.contentBox .top div.d2, .contentBox .bottom div.d2 {
			display:none;
		}
		/*** form inputs ***/
		.formTable .inputCell input[type=text],
		.formTable .inputCell textarea {
			background:url(/images/sketchbook/inputBg.gif) top left no-repeat #f7f7f7;
			border:1px solid #BFBFBF;
		}
		
/*-------------------------------------------
| Misc
---------------------------------------------*/
	.hr {
		background-color:#ccc;
	}
	#footer {
		color:#999;
	}