/* ----------- */
/* CSS IMPORTS */
/* ----------- */

/* Stylesheet RESET */
/* @import url(/spring2010/core/css/hacks/reset.css); */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td, hr
{
margin: 0; padding: 0; border: 0; outline: none;
}

body
{
line-height: 1;
}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}

ul, ol
{
list-style: none;
}

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

a:hover
{
text-decoration: underline;
}

.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}

.clear{
	clear: both;
}

div.hr hr {
  display: none;
}

/* Stylesheet SIFR */
/* @import url(sifr.css); */

/* Stylesheet JCAROUSEL */
/* @import url(/spring2010/core/css/jcarousel/jquery.jcarousel.css); */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* @import url(/spring2010/core/css/jcarousel/skins/atlantica/skin.css); */

/* -------------------------------------------- */
/* ------------ LARGE (INDEX PAGE) ------------ */
/* -------------------------------------------- */

.jcarousel-skin-atlantica .jcarousel-container {
    background: transparent;
   	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-skin-atlantica .jcarousel-container-horizontal {
    width: 920px;
    padding-left: 31px;
    padding-right: 49px;
    padding-top: 15px;
	margin:0 auto;
}

.jcarousel-skin-atlantica .jcarousel-clip-horizontal {
    width:  935px;
    height: 289px;
	margin:0 auto;
}

.jcarousel-skin-atlantica .jcarousel-item {
    width: 308px;
    height: 289px;
}

.jcarousel-skin-atlantica .jcarousel-item-horizontal {
    margin-right: 5px;
}


.jcarousel-skin-atlantica .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-atlantica .jcarousel-next-horizontal {
    position: absolute;
    top: 120px;
    right: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_right.gif) no-repeat 0 0;
}

.jcarousel-skin-atlantica .jcarousel-prev-horizontal {
    position: absolute;
    top: 120px;
    left: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_left.gif) no-repeat 0 0;
}
    
/* -------------------------------------------- */
/* ------------ SMALL (ABOUT THE STUDIO PAGE) ------------ */
/* -------------------------------------------- */

.jcarousel-skin-atlantica-small .jcarousel-container {
    background: transparent;
   	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-skin-atlantica-small .jcarousel-container-horizontal {
    width: 920px;
    padding-left: 31px;
    padding-right: 49px;
    padding-top: 15px;
}

.jcarousel-skin-atlantica-small .jcarousel-clip-horizontal {
    width:  935px;
    height: 140px;
    border-bottom: 1px solid #313131;
    padding-bottom: 15px;
	margin: 0 auto;
}

.jcarousel-skin-atlantica-small .jcarousel-item {
    width: 151px;
    height: 136px;
	list-style:none;
}

.jcarousel-skin-atlantica-small .jcarousel-item-horizontal {
    margin-right: 5px;
}


.jcarousel-skin-atlantica-small .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-atlantica-small .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_right.gif) no-repeat 0 0;
}

.jcarousel-skin-atlantica-small .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_left.gif) no-repeat 0 0;
}



/* -------------------------------------------- */
/* ------------ Gallery (PORTFOLIO PAGE) ------------ */
/* -------------------------------------------- */

.jcarousel-skin-atlantica-gallery .jcarousel-container {
    background: transparent;
   	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}

.jcarousel-skin-atlantica-gallery .jcarousel-container-horizontal {
    width: 920px;
    padding-left: 31px;
    padding-right: 49px;
    padding-top: 15px;
}

.jcarousel-skin-atlantica-gallery .jcarousel-clip-horizontal {
    width:  935px;
    height: 575px;
    padding-bottom: 10px;
}

.jcarousel-skin-atlantica-gallery .jcarousel-item {
    width: 151px;
    height: 575px;
}

.jcarousel-skin-atlantica-gallery .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-atlantica-gallery .jcarousel-item-horizontal img {
    margin-bottom: 10px;
}


.jcarousel-skin-atlantica-gallery .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-atlantica-gallery .jcarousel-next-horizontal {
    position: absolute;
    top: 275px;
    right: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_right.gif) no-repeat 0 0;
}

.jcarousel-skin-atlantica-gallery .jcarousel-prev-horizontal {
    position: absolute;
    top: 275px;
    left: -15px;
    width: 29px;
    height: 54px;
    cursor: pointer;
    background: transparent url(http://static.cnoteartshow.com/cnote/img/arrow_left.gif) no-repeat 0 0;
}

/* Stylesheet for DROPDOWN MENUS */
/* @import url(dropdown.css); */

/* Stylesheet for GALLERY - PRETTYPHOTO */
/* @import url(/spring2010/core/css/prettyPhoto.css); */

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_content a.pp_next:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_content a.pp_previous:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_content a.pp_expand { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_content a.pp_expand:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_content a.pp_contract { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_content a.pp_contract:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_content a.pp_next:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_content a.pp_previous:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_content a.pp_expand { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_content a.pp_expand:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_content a.pp_contract { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_content a.pp_contract:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded  p.pp_description { color: #fff; }

	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square  p.pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_content a.pp_expand { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_content a.pp_expand:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_content a.pp_contract { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_content a.pp_contract:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_content a.pp_next:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_content a.pp_previous:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content a.pp_expand { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_content a.pp_expand:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_content a.pp_contract { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_content a.pp_contract:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_content a.pp_next:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_content a.pp_previous:hover { background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(http://static.cnoteartshow.com/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
		div.pp_pic_holder #pp_full_res object,
		div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff;
			font-size: 17px;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/* ------------ */
/* MAIN STYLING */
/* ------------ */
/* 1780b9 */
.vote-up-down-widget-alt{
  color:#14B8ED!important;
  font-size:20pt!important;
}

body{
	font-size: 12pt;
	/* 'Georgia'; */
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000 url(http://static.cnoteartshow.com/cnote/img/bg/dark.jpg) no-repeat top center;
}

/* Global Wrap */
#wrap{
	width: 1080px;
	margin: 0 auto;
}

/* Page      */

/* Page      */
/* -> Header */
#page .header{
	background: transparent;
	height: 250px;
	text-align: center;
	margin-top: 0px;
	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
	width: 1000px;
}

#page .header img{
	margin-top: 0px;
}

/* Page          */
/* -> Navigation */

#page .navigation{
	width: 1000px;
	background: transparent;
	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}

.zborder-top{
  border-top: 1px dotted #333333;
}

.border-bottom{
	/* border-bottom: 1px dotted #333333; */
}

#page .navigation .border-bottom{
	/* border-bottom: 1px dotted #333333; */
	margin-left: 31px;
	margin-right: 31px;
}

#page .navigation .border{
	/*border-top: 1px dotted #333333;*/
	border-bottom: 1px dotted #333333;
	margin-left: 31px;
	margin-right: 31px;
}

#page .navigation ul{
	padding: 8px;
	padding-left: 0px;
	padding-right: 0px;
	float:left;
	width: 715px;
}

#page .navigation ul li{
	display: inline;
	background: url(http://static.cnoteartshow.com/cnote/img/navigation/navigation_dot.png) 0 30% no-repeat;
	padding-left: 20px;
	padding-right: 12px;
	color: #313131;
}

#page .navigation ul li.first{
	background: none;
	padding-left: 0px;
}

#page .navigation ul li .icon{
	vertical-align: middle;
	margin-right: 8px;
}

#page .navigation ul li a{
	text-decoration: none;
	color: #00FF00;
}

#page .navigation .search{
	float: right;
	padding-top: 6px;	
}

#page .navigation .search .field{
	background: #000;
	border: 1px solid #000;
	font:12px;
	padding: 1px;
	color: #FFFFFF;
}

#page .navigation .search .button{
	background: #151515;
	border: 1px solid #292929;
	color: #FFFFFF;
	font:12px;
}

/* Content */
#page #content{
	background: transparent;
	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
	padding-top: 20px;
	width: 1000px;
}

#page #content.alt{
	padding-top: 0px;
}

/* Content       */
/* -> Info Bar   */
#content .info_bar{
	/*border-top: 1px dotted #333333;*/
	border-bottom: 1px dotted #333333;
	margin-left: 31px;
	margin-right: 31px;
	padding: 8px;
	padding-left: 0px;
	padding-right: 0px;
}

#content .info_bar .twitter{
	background: url(http://static.cnoteartshow.com/cnote/img/info_bar/twitter_bg.png) no-repeat;
	height: 95px;
	width: 615px;
	float: left;
	border-right: 1px dotted #333333;
}

#content .info_bar .twitter p{
	margin-left: 155px;
	margin-top: 15px;
	font-size: 12pt;
	line-height: 1.2em;
	width: 420px;
}

#content .info_bar .email_me img{
	margin-left: 10px;
}

/* Content             */
/* -> From Title Bar   */
#content .from_title{
	text-align: center;
	padding: 13px;
	border-bottom: 1px dotted #333333;
	margin-left: 31px;
	margin-right: 31px;
	margin-bottom: 20px;
}

#content .from_title .page_title{
font-size: 16pt;
text-transform: uppercase;
}

#content .from_title .page_title img{
padding: 0px 7px;
}


#content .from_title ul{
	width: 100%;
}

#content .from_title ul li{
	display: inline;
	background: url(http://static.cnoteartshow.com/cnote/img/navigation/navigation_dot.png) no-repeat 5px 0;
	padding-left: 20px;
	vertical-align: middle;
}

#content .from_title ul li a{
	color: #6a6a6a;
}

#content .from_title li.page_title{
	font-size: 14pt;
	background: none;
}

/* Content           */
/* -> Content Wrap   */
#content .content_wrap{
	margin-left: 31px;
	margin-right: 31px;	
}

/* Content      */
/* -> Entries   */
#content .content_wrap .entries,
#content .content_wrap .full-entry{
	/* width: 590px; */
	width:940px;
	/* border-right: 1px dotted #333333;*/
	/* padding-right: 25px;*/
	/* float: left; */
}

#content .content_wrap .entries ul li,
#content .content_wrap .full-entry{
	margin-bottom: 20px;
}

#content .content_wrap .entries ul li .date,
#content .content_wrap .full-entry .date{
	background: url(/spring2010/core/img/blog/date_bg.png) no-repeat;
	width: 60px;
	height: 60px;
	float:left;
	margin-right: 15px;
}

#content .content_wrap .entries ul li .date p,
#content .content_wrap .full-entry .date p{
	padding-top: 15px;
	font-size: 11pt;
	text-align: center;
	line-height: 14px;
}

#content .content_wrap .entries ul li .date p span,
#content .content_wrap .full-entry .date p span{
	display: block;
	font-size: 16pt;
}

#content .content_wrap .entries ul li .title,
#content .content_wrap .full-entry .title{
	/* float:left; */
	/* width: 400px; */
}

#content .content_wrap .entries ul li .title h2,
#content .content_wrap .full-entry .title h2{
	font-size: 30pt;
	font-weight:bold; 
	color: #339966;
	/*font-family: "Times New Roman", Times, century,palatino,georgia,serif;*/
	font-family:Arial, Helvetica, sans-serif;
}

#content .content_wrap.entries .entry h2, #content .content_wrap .full-entry .post h2 {
margin: 20px 0 8px 0
}

#content .content_wrap .entries ul li .title h3,
#content .content_wrap .full-entry .title h3{
	font-size: 14px;
}

#content .content_wrap .entries ul li .title h3 span,
#content .content_wrap .full-entry .title h3 span{
	color: #aaaaaa;
}

#content .content_wrap .entries ul li .comments,
#content .content_wrap .full-entry .comments{
	background: url(/spring2010/core/img/blog/comments_bg.png) no-repeat;
	width: 111px;
	height: 30px;
	float: right;
	color: #FFF;
	text-align: center;
	margin-top: 5px;
}

#content .content_wrap .entries ul li .comments p,
#content .content_wrap .full-entry .comments p{
	padding-top: 1px;
}

#content .content_wrap .entries ul li .comments p span,
#content .content_wrap .full-entry .comments p span{
	font-size: 14px;
}

#content .content_wrap .entries ul li .entry,
#content .content_wrap .full-entry .post{
	clear: both;
	padding-top: 10px;
	border-bottom: 1px dotted #333333;
	padding-bottom: 20px;
	font-size: 12pt;
}

#content .content_wrap .entries ul li .entry p,
#content .content_wrap .full-entry .post p{
	line-height: 1.2em;
	font-size:12pt;
	margin-bottom: 15px;
}

#content .content_wrap .entries ul li .entry .quote,
#content .content_wrap .full-entry .post .quote{
	color: #666666;
	padding-left: 10px;
	border-left: 3px dotted #333333;
	line-height: 24px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#content .content_wrap .entries ul li .entry ul li,
#content .content_wrap .full-entry .post ul li{
	background: url(/spring2010/core/img/blog/bullet.png) no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content .content_wrap.entries .entry h2, 
#content .content_wrap .full-entry .post h2{
	font-size:14pt; 
}

#content .content_wrap .entries ul li .img_left,
#content .content_wrap .full-entry ul li .img_left{
	float: left;
	padding-top: 8px;
	padding-right: 15px;
}

#content .content_wrap .full-entry .post img{
padding: 0 10px 0 0;
}

#content .content_wrap .comment_list{
	padding-top: 10px;
}
#content .content_wrap .comment_list h2{
	width: 250px;
	float: left;
	font-size:24px; 
	color: #333333;
}

#content .content_wrap .comment_list h3{
	float: right;
	width: 160px;
	margin-top: 5px;
	font-size: 12pt; 
	color: #333333;
}

#content .content_wrap .comment_list ul{
	margin-top: 10px;
}

#content .content_wrap .comment_list ul li{
	display: block;
	background: #111111;
	color: #333333;
	padding: 8px;
}

#content .content_wrap .comment_list ul li.alt{
	background: transparent;
}

#content .content_wrap .comment_list p{
	margin-top: 5px;
}

#content .content_wrap .comment_list .details{
	font-weight: bold;
	color: #727272;
}

#content .content_wrap .comment_list .details span{
	color: #333333;
}


/* Sidebar      */
#sidebar{
	float: left;
}

#sidebar .sidebar_wrap{
	width: 262px;
	margin-left: 37px;
}

#sidebar h3{
	/* font-family: Georgia, "Times New Roman", Times, serif; font-size:14pt; */
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF; 		
	margin-bottom: 10px;
}

/* Sidebar       */
/* -> Affiliates */

#sidebar ul.affiliates li{
	display: inline;
}

#sidebar hr{
	background: transparent;
	height: 1px;
	border: 0px;
	border-bottom: 1px dotted #333333;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Sidebar       */
/* -> Contact */
#sidebar .contact_us{
	line-height: 24px;
}

/* Sidebar       */
/* -> The Author */

#sidebar .the_author{
	line-height: 24px;
}

#sidebar .the_author img{
	border: 1px solid #000;
	float:left;
	margin-top: 10px;
	margin-right: 10px;
}

/* Sidebar       */
/* -> Categories */
#sidebar ul.categories li{
	margin-bottom: 10px;
}

#sidebar ul.categories li a, a{
  color: #339966;
}

label{
  color: #339966;
  font-size:18pt;
  display:block;
  clear:both;
  margin-top:1em;
}

fieldset{
	margin:1em;
	padding:1em;
}

legend{
	font-size:20pt;
	color:#00ff00;
	margin-bottom:0.5em;
	display:none;
}

table input[type=text]{
	font-size:16pt;
	border:3px #666 solid!important;
	color:#666;
	padding:2px;
	width:10em!important;
	margin:3px;
}

div input[type=text],input[type=password]{
	font-size:16pt;
	border:3px #666 solid!important;
	color:#666;
	padding:2px;
	width:20em;
	margin:3px;
}

input[type=file]{
	font-size:16pt;
	border:3px #666 solid!important;
	color:#666;
	padding:2px;
	width:10em;
	margin:3px;
}

textarea{
 font-size:16pt;
	border:3px #666 solid!important;
	color:#666;
	padding:2px;
	width:20em;
	margin:3px;
}

input[type=button], input[type=submit]{
	font-size:16pt;
	color:#333;
	background-color:#339966;
	padding:0.3em 0.7em;
	margin:1em 3px 3px 3px;
}

.description{
	margin:3px 3em;
	color:#ccc;
	font-size:11pt;
	display:none;
}

/* FOOTER NAV       */
.footer_nav{
	text-align: center;
	margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
	margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
	height:57px;
	width: 1000px;	
	padding-top: 12px;
}

.footer_nav .list{
	border-top: 1px dotted #333333;
	margin-left: 31px;
	margin-right: 31px;
	padding: 15px 0 15px 0;
}

.footer_nav .prev{
	float: left;
	width: 200px;
	font-size:16pt; 
	color: #999999;
}

.footer_nav .cur{
	float: left;
	width: 500px;
	font-size:14pt; 
	color: #333333;
	text-align:center;
}

.footer_nav .cen{
	font-size:14pt; 
	color: #555555;
	text-align:center;
	text-transform:uppercase;
}

.footer_nav .cur i, .footer_nav .cen i{
	font-size:14pt; 
	color: #999999;
	text-transform:lowercase;
}

.footer_nav .next{
	float: right;
	width: 200px;
	font-size:20px; 
	color: #FFFFFF;
}

/* FOOTER   */
#footer{
	width: 100%;
	height: 201px;
	/* font-family: Georgia; */
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

#footer h2{
	padding: 0;
	margin: 0;
	color: #FFF;
	height:20px;
	font-size: 16pt;
}

#footer .footerList{
	margin-top: 25px;
	margin-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
	width: 130px;
}

#footer .footerWrap{
	width: 1000px;
	margin: 0 auto;
}

#footer .footerList li{
	color: #8c8c8c;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer .copyright{
	clear: both;
	color: #8c8c8c;
	margin-left: 51px;
	padding-top: 25px;
	font-size: 12pt;
	font-style: italic;
	text-align: center;
}

#footer .copyright span{
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
}

.messages{
	font-size:18pt;
	text-align:center;
	font-weight:bold;
	color:#00FF00;
	text-decoration:underline;
	font-variant:small-caps;
}