@import url(http://fonts.googleapis.com/css?family=Amarante);
@import url(http://fonts.googleapis.com/css?family=Metamorphous);
/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
a {
text-decoration: none;
}

sup {
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
	}

/* RESET ENDS HERE */

* {
	font-family: Lucida Grande, Lucida, arial, sans-serif;
	letter-spacing: 0px;
	*letter-spacing:normal;
	_letter-spacing:normal;
	color: #444;
	font-size: 1.25em;
}


/* Headers */

h1,h2,h3,h4,h5,h6 {
	font-family: 'Amarante', 'Metamorphous', Arial;
}

h1 {
	font-size: 1.5em;
	padding: 10px 0 15px;
}
h2 {
	font-size: 1.25em;
	padding: 10px 0 10px;
	color: #7c247b;
}
h3 {
	font-size: 1.1em;
	padding: 10px 0;
	color: #ddd;
	text-shadow: 1px 1px #999;
}
h4 {
	font-size: 1em;
	padding: 10px 0 6px 0;
}
h5 {
	font-size: 1em;
	padding: 10px 0 6px 0;
	font-weight: normal;
	font-style: italic;
}
.border_bottom {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.h-margin {
	margin-top:20px;
}


/* Ps */

p {
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0 0 10px;
}
p.align_center {
	text-align: center;
	padding-bottom: 5px;
}
body {
	background: #999;
}
img.img_border {
	padding: 2px;
	background: #fff;
	border: 1px solid #aaa;
}
img.align_left {
	float: left;
	margin: 5px 10px 5px 0;
}
img.align_right {
	float: right;
	margin: 5px 0 5px 10px;
}
img.big {
	background: url('img/slider_img_back.png') no-repeat left top;
	_background:none;
	padding: 12px 11px;
	margin-top: -8px;
}
p a {

	color: #7c5686;
}
a:hover {
	color: #FFF;
	text-shadow: none;
}

/* CODE */

code, pre {
	display:block;
	font-size:1em;
	font-weight:normal;
	line-height:3px;
	margin: 0 0 20px;
	overflow:auto;
	padding:5px;
	background: #ccc;
	color: #333;
	letter-spacing: normal;
	border: 1px solid #aaa;
	border-left: 20px solid #aaa;
-moz-box-shadow: inset 0 0 1px 1px #888;
-webkit-box-shadow: inset 0 0 1px 1px#888;
box-shadow: inset 0 0 1px 1px #888;
}

/* etc */

hr {
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
}

.ptop {
	margin-top: 20px;
}

.left {
	float:left;
	margin: 15px 20px 0 0;
}
	


/* BUTTONS */

.read-more, .post_navigation {
	padding: 5px 0 15px;
	overflow: hidden;
	zoom:1;
}
.post_navigation {
	padding-bottom: 30px;
} 
.read-more a, .post_navigation a, #wrapper .read-more a, #wrapper .post_navigation a {
	display:block;
	height:34px;
	text-indent:-9999px;
	width:83px;
	background: url('img/1giantsprite.png') left -148px no-repeat;
	float: right;
	padding: 0;
}
.read-more a:hover, .post_navigation a:hover, #wrapper .read-more a:hover, #wrapper.post_navigation a:hover {
	background: url('img/1giantsprite.png') -83px -148px no-repeat;
}
p.post_navigation a#older_posts {
	float: left;
	background-position: -1px -319px;
	width: 97px;
}
p.post_navigation a#newer_posts {
	background-position: -197px -319px;
	width: 97px;
}
p.post_navigation a#older_posts:hover {
	background-position: -100px -319px;
}
p.post_navigation a#newer_posts:hover {
	background-position: -296px -319px;
}


/* BODY CLASS */

.body {
	width: 950px;
	margin: auto;
}

/* HEADER */

#header {
	background: url("img/header_back_hr.jpg") center top #1e2e3b;
	z-index: 3;
	zoom:1;
}
#header.inner {
	height: 150px;
}
#header .body {
	width: 980px;
	position: relative;
	height: 100%;
	z-index: 3;
}

/* NAVIGATION */

#top_header {
	height: 65px;
	font-size: 0.75em;
	z-index: 3;
}
h1.logo {
	width:400px;
	float: left;
	overflow: hidden;
	padding: 7px 0 0;
}
h1.logo a {
	display: block;
	text-indent: -9999px;
	height: 47px;
	background: url(img/logo.png);
	background-repeat: no-repeat;
}
#header .navigation {
	float: right;
	text-shadow: 0 -1px 0 #000;
	z-index: 3;
}
#header .navigation li {
	float: left;
	padding: 25px 10px;
	text-transform: uppercase;
	position: relative;
	z-index: 3;
}
#header .navigation a {
	color: #90bdbf;
}
#header .navigation a:hover {
	color: #fff;
}
#header .navigation .current {
	border-bottom: 3px solid #fff;
}
#header ul.navigation li.current a {
	color: #fff;
}
#header ul.navigation li.current .subnav a {
	color: #333;
}
#header .subnav {
	position: absolute;
	top: 66px;
	left: 5px;
	background: #efefef;
	width: 200px;
	padding: 2px;
	border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-top: 2px solid #bbb;
	z-index: 10;
	border: none;
	display: none;
}
#header .subnav li {
	padding: 2px;
	float: none;
	border: none;
}
#header .subnav li a {
	text-transform: none;
	color: #1d2e3b;
	display: block;
	background: #fff;
	text-shadow: 0 1px 0 #fff;
	padding:6px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#header .subnav li a:hover, #header li.current .subnav li a:hover {
	background: #1d2e3b;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

/* SUPPORT LINKS */

#support_links {
	float: right;
	padding: 22px 0 0;
	margin: 0 0 0 35px;
	position: relative;
	z-index: 3;
}
#support_links li {
	float: left;
	border: none;
}
#support_links li a {
	display: block;
	text-indent: -9999px;
	width: 17px;
	height: 17px;
	background: url('img/1giantsprite.png') -113px -15px;
	margin: 0 5px;
}
li#rss a { background: url('img/1giantsprite.png') -140px -15px; }
li#login a { background: url('img/1giantsprite.png') -165px -15px; }
#support_links li .subnav {
	position: absolute;
	top: 66px;
	left: -240px;
	width: 300px;
	background: url('img/1giantsprite.png') no-repeat -199px -49px;
	padding:10px 10px;
	border: none;
	height: 30px;
}
li#login .subnav {
	background:url("img/1giantsprite.png") -266px -101px;
	height:102px;
	left:-166px;
	position:absolute;
	top:66px;
	width:232px;
}
.subnav input {
	float: left;
	width: 200px;
	margin: 8px 0 10px 35px;
	border: none;
	background: none;
	font-size: 1em;
	color: #666;
}
#search_submit, #login_submit {
	padding: 0;
	border: none;
	background: green;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 30px;
	text-indent: -9999px;
	background: none;
	float: right;
}
li#login input {
	margin-left: 27px;
}
#login_submit {
	width: 63px;
	margin: 2px 0 0;
}

/* SLIDER */

#slider {
	position: relative;
	height: 480px;
	overflow: hidden;
	margin: 0 auto;

}
.slides {
	height: 480px;
	margin: 20px 0 0;
	text-align:center;
	position: relative;
}
.slides h2 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 10px;
}
.slides p {
	padding: 0 0 15px;
	font-size: 0.9em;
}
.slides .date {
	color: #355a99;
}
.caption {
	position: absolute;
	left: 0;
	background: url('img/caption_back.png');
	padding: 20px 20px 10px;
	bottom: 65px;
	margin: 0 10px;
	width: 892px;
	
}
.caption.right {
	width: 420px;
	left: 460px;
	top: 0;
	background: none;
}
.caption.right p {
	color: #FFF;
}
.caption p.read-more a {
	padding: 0;
	margin: 0;
	height: auto;
	display: inline;
	float: none;
	zoom:1;
	text-indent: 0;
	background: none;
}

/* SLIDER NAVIGATION */

#slider_navigation, #wrapper #slider_navigation {
	position: absolute;
	bottom: 0;
	left: 450px;
	height: 27px;
	padding: 3px 15px;
}
#slider_navigation li, #wrapper #slider_navigation li {
	float: left;
	border: none;
	margin: 0;
	padding: 0;
}
#slider_navigation li a {
	display: block;
	background: url('img/1giantsprite.png') 1px -1013px;
	width: 7px;
	text-indent: -9999px;
	width:20px;
	margin: 0 -2px;
}
#slider_navigation li.current a {
	background:url("img/1giantsprite.png") -13px -1032px;
	height:22px;
	margin-top:-4px;
}
#slider_navigarion li.current.last a {
	
}

/* BREAD CRUMBS */

#breadcrumbs {
	position: absolute;
	bottom: 0;
	text-align: right;
	width: 100%;
	color: #90bdbf;
	font-size: 0.7em;
	z-index: 0;
}
#wrapper {
	background: url('img/main_back_hr.jpg') no-repeat center top #b2b2b2;
	zoom:1;
	overflow: hidden;
}
#wrapper p strong {
	color: #444;
}
#wrapper .body {
	padding: 20px 0 0;
	position: relative;
	zoom:1;
}

/* INTRO */

#intro {
	padding: 0 0 20px;
	background: url('img/intro_back.png') no-repeat center bottom;
	position: relative;
	margin: 0 0 20px;
	zoom:1;
	z-index: 2;
}
#intro .body {
	padding: 0;
}
#intro p {
	font-size: 1em;
	line-height: 1.4em;
}
#intro h2 {
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
}
#intro h2 span {
	font-weight: 700;
}

/* CLICK ME BUTTON + CATEGORIES DROPDOWN */

#intro .clickme, #intro .cat_navigation {
	float: right;
	padding: 20px 50px 0;
}
#intro .clickme a, #intro .cat_navigation a {
	display: block;
	background: url('img/1giantsprite.png') no-repeat left -50px;
	text-indent: -9999px;
	width: 200px;
	height: 47px;
	padding: 0;
}
.cat_navigation {
	z-index: 11;
	position: relative;
}
#intro .cat_navigation a {
	background-position: -343px -609px;
	width:248px;
	height: 47px;
	_height: 45px;
}
#wrapper #cat_subnav {
	position: absolute;
	z-index: 10;
	top: 112px;
	left: 652px;
	background: url('img/cat_subnav_back.png') repeat-y left top;
	width: 245px;
	padding: 10px 2px 8px;
	border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-bottom: 1px solid #b2b2b2;
	display: none;
	zoom:1;
	padding: 0;
}
#wrapper #cat_subnav li {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #fff;
	margin: 0 2px;
	padding: ;
}
#cat_subnav li:last-child {
	border-bottom: none;
}
#cat_subnav li:first-child {
	border-top: none;
}
#cat_subnav a {
	color: #333;
	text-transform: uppercase;
	padding: 6px 18px;
	display: block;
}

/* HOME */

.home-block {
	display:block;
	font-size:1em;
	font-weight:normal;
	line-height:3px;
	margin: 0 0 20px;
	overflow:auto;
	padding:5px;
	background: #ccc;
	color: #333;
	letter-spacing: normal;
	border: 1px solid #aaa;
	border-left: 20px solid #aaa;
-moz-box-shadow: inset 0 0 1px 1px #888;
-webkit-box-shadow: inset 0 0 1px 1px#888;
box-shadow: inset 0 0 1px 1px #888;
}


/* GALLERY */

.gal-item {
	margin: 25px 10px 10px 10px;
}
.gal-bg {
	background-color: #ccc;
	border: 1px solid #999;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.gal-pad {
	
margin: 40px 0 0 40px;	
}

.imageshadow {
	border: solid 2px #EFEFEF;
}
a:hover img.imageshadow {
	background-color: #ccc;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

/* CONTACT */

.con-bg {
	background: #ccc;
	color: #333;
	padding-left: 10px;
	border: 1px solid #aaa;
	-moz-box-shadow: inset 0 0 1px 1px #888;
	-webkit-box-shadow: inset 0 0 1px 1px#888;
	box-shadow: inset 0 0 1px 1px #888;

}

.con-pad {
	margin: 10px 0 0 10px;
}



/* MAIN */

#main {
	overflow: hidden;
	padding: 0 0 50px;
	zoom:1;
	z-index: 0;
}
.main_column {
	padding: 20px 0;
	position: relative;
}

/* COLUMNS */

.container {
	overflow: hidden;
}
.main_column, .column_one_fourth, .column_one_third, .column_one_half, .column_two_thirds {
	float:left;
	margin:0 20px 10px 0;
	position:relative;
}
.column_one_fourth.last, .column_one_third.last, .column_one_half.last, .column_two_thirds.last {
	margin-right: 0;
}
.column_one_fourth {
	width: 220px;
}
.column_one_third {
	width: 300px;
}
.column_two_thirds {
	width: 630px;
}
.column_one_half {
	width: 465px;
}

/* MAIN COLUMN */

.main_column {
	width: 620px;
}

.full_column {
	width: 980px;
}

.contact_column {
}

/* SIDEBAR */

.sidebar {
	margin-left: 650px;
	font-size: 0.9em;
	padding: 20px 0;
}

#sidebar {
	margin-left: 650px;
	font-size: 0.9em;
	padding: 20px 0;
}
#sidebar p.review_author {
	font-size: 1.2em;
	line-height: 0.9em;
	text-align: right;
}
#sidebar p {
	font-size: 1em;
}
#sidebar p.review_author span {
	font-size: 0.7em;
}

/* PAGINATOR */

#wrapper .paginator {
	clear: both;
}
#wrapper .paginator ul {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: none;
}
#wrapper .paginator ul li {
	float: left;
	border: none;
	margin: 0 3px 0 0;
	padding: 0;
}
#wrapper .paginator ul li a {
	font-size: 0.8em;
	display: block;
	background: url('img/1giantsprite.png') -70px -285px;
	color: #333;
	height:24px;
	padding:9px 0 0 13px;
	width:20px;
}
#wrapper .paginator ul li.prev a, #wrapper .paginator ul li.prev a:hover {
	background: url('img/1giantsprite.png') left -285px;
	text-indent: -9999px;
}
#wrapper .paginator ul li.next a, #wrapper .paginator ul li.next a:hover {
	background: url('img/1giantsprite.png') -105px -285px;
	text-indent: -9999px;
}
#wrapper .paginator ul li.current a, #wrapper .paginator ul li a:hover {
	height: 25px;
	background: url('img/1giantsprite.png') -35px -285px;
	color: #fff;
}

/* ULs */

#wrapper ul {
	padding: 0 0 20px;
}

#wrapper ul li {
	padding: 3px 4px 5px;
	margin: 3px 0;
	border-bottom: 1px solid #bbb;
}
ul.disc li {
	list-style: disc inside;
}
ul.circles li {
	list-style: circle inside;
}
ul.arrows li {
	list-style: url('img/arrow_bullet.gif') inside;
}
ul.link_list, ul.latest_list {
	padding: 0 0 20px;
	margin: 0;
}
ul.latest_list {
}
#wrapper ul.link_list li, #footer ul.link_list li, #wrapper ul.latest_list li {
	background: url('img/link_list_back.gif') repeat-x left bottom;
	padding: 2px 0 6px;
	zoom:1;
	border: none;
}
#wrapper  ul.link_list li a:hover {
	color: #fff;
}
#wrapper ul ul {
	padding: 0;
}
#wrapper  ul.link_list ul li {
	padding: 6px 0 2px 15px;
	background-position: left 2px;
}
ul.link_list a {
	color: #f2f2f2;
}
#wrapper ul.link_list li, #wrapper ul.latest_list li  {
	background-image: url('img/link_list_main_back.gif');
}
#wrapper ul.link_list li a {
	color: #eee;
}
#wrapper ul.link_list ul li a{ 
	color: #f2f2f2;
	font-weight: normal;
}
#wrapper ul.link_list li a:hover {
	color: #fff;
}
ul.link_list h3 {
	padding: 2px 0;
}
ul.latest_list li {
	padding: 10px 0;
}
ul.latest_list p {
	padding-bottom: 6px
}
ul.latest_list p.date {
	font-size: 0.8em;
	color: #eee;
}
ul.latest_list p.date a {
	font-weight: 700;
	font-size: 1.1em;
}

/* TABLE */

table {
	width: 100%;
}
table th, table td {
	text-align: left;
	padding: 5px 10px;
}
table th {
	background: #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-right: 3px solid #b2b2b2;
	text-shadow: none;
	height: 1.3em;
	vertical-align: middle;
}
table td {
	border-bottom: 1px dotted #999;
	border-right: 3px solid #b2b2b2;
}

/* BLOG */

.entry {
	padding: 0 0 20px;
}
.post_data {
	font-size: 0.8em;
	color: #efefef;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #e0e0e0;
	padding: 4px 0;
	margin: 0 0 10px;
}
.post_data a {
	font-weight: 700;
}

/* COMMENTS */

#comments {
	padding-bottom: 30px;
}
.comment, .author_comment {
	overflow: hidden;
	padding: 10px 0;
}
.comment p, .author_comment p {
	margin-left: 70px;
	padding: 15px 15px 20px;
	background: #fff;
	color: #666;
	text-shadow: none;
	font-size: 0.8em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	before:
}
.author_comment p {
	margin-left: 0;
	margin-right: 70px;
	background: #fffadf;
}
.comment .userpic, .author_comment .userpic {
	float: left;
	width: 70px;
	padding-top: 5px;
	background: url('img/1giantsprite.png') no-repeat -533px -1011px;
}
.author_comment .userpic {
	float: right;
	background: url('img/1giantsprite.png') no-repeat -431px -1011px;
}
.comment .userpic p, .author_comment .userpic p {
	color: #efefef;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	background: none;
	height: auto;
}

/* COMMENT FORM & CONTACT FORM */

#comment_form, #contact_form {
	background: url('img/1giantsprite.png') no-repeat left -772px;
}
#comment_form input, #contact_form input {
	width: 580px;
	padding: 0 0 0 38px;
	margin: 8px 0 ;
	color: #333;
	background: none;
	border: none;
	font-size: 0.8em;
}
#comment_form textarea, #contact_form textarea {
	width: 570px;
	margin: 10px 0 7px;
	padding: 0 10px 0 38px;
	color: #333;
	background: none;
	border: none;
	font-size: 0.8em;
	height: 120px;
	overflow: hidden;
}
#comment_submit, #contact_form #message_submit {
	display:block;
	float:right;
	height:35px;
	text-indent:-9999px;
	width:124px;
	background: url('img/1giantsprite.png') no-repeat left -354px;
	border: none;
	cursor: pointer;
	margin: 5px 0 0;
}
#contact_form #message_submit {
	background: url('img/1giantsprite.png') no-repeat left -220px;
	width: 112px;
}
#comment_submit:hover {
	background-position: -122px -354px;
}
#contact_form #message_submit:hover {
	background: url('img/1giantsprite.png') no-repeat -112px -220px;
}

/* FOOTER */

#footer {
	background: url('img/footer_back.gif') repeat-x left top #999;
}
#footer .body {
	padding: 30px 0 10px;
	overflow: hidden;
}
#footer p, #footer a {

	font-size: 0.9em;
}
#footer a:hover {
	color: #fff;
}
#footer_updates {
	float:left;
	margin:0 20px 0 0;
	width:378px;
}
#balloon, #balloon p {
	background:url("img/1giantsprite.png") left -391px;
	height:53px;
	padding: 10px;
	position: relative;
	color: #444;
}

#footer, #balloon a {
	color: #7c247b;
}


/* FOOTER CONTACT FORM */

#footer_contact_form h3 {
	padding-bottom:0 ;
}
#footer_contact_form img {
	float: left;
	margin: -5px 10px -5px 0;
}
#footer_contact_form p {
	padding: 0 0 15px;
}
#footer_contact_form form {
	background: url('img/1giantsprite.png') no-repeat left -564px;
	margin: 10px 0 0;
}
#footer_contact_form input, #footer_contact_form textarea {
	border: none;
	background: none;
	padding: 0 0 0 38px;
	margin: 8px 0;
	width: 256px;
	font-size: 0.8em;
	color: #333;
}
#footer_contact_form textarea {
	height: 85px;
	overflow: hidden;
	margin: 10px 0 5px;
	_margin: 4px 0;
}
#message_submit {
	display:block;
	float:right;
	height:35px;
	text-indent:-9999px;
	width:108px;
	background: url('img/1giantsprite.png') no-repeat left -185px;
	border: none;
	cursor: pointer;
}
#message_submit:hover {
	background-position: -110px -185px;
}
#alert {
	float: left;
	width: 175px;
	color: #FFFADF;
	height: 25px;
	margin: 8px 0 0 10px;
	font-size: 0.8em;
	display: none;
}
#success_message {
	display: none;
	text-align: center;
	height: 211px;
}
p#copyright {
	padding: 20px 0 20px 0;
	font-size: .9em;
	color: #666;
	text-align: center;
}

/* PURPLESURPLUS SKIN CUSTOMIZATION */

#header {
	background: url("img/header_back_ps.jpg") center top #432a4a;
}
#header .navigation a, #breadcrumbs {
	color: #71757e;
}
#header .subnav li a {
	color: #1d2e3b;
}
#header .subnav li a:hover {
	background: #56365f;
	color: #fff;
}
.caption.right p {
	color: #9b8ba7;
}
.caption.right p.read-more a {
	color: #fff;
}
#slider_navigation li a {
	background: url('img/1giantsprite.png') 1px -1063px;
}
#slider_navigation li.current a {
	background: url('img/1giantsprite.png') -13px -1079px;
}
#wrapper {
	background: url('img/main_back_ps.jpg') no-repeat center top #b2b2b2;
}


/*/////////// FLICKR PLUGIN//////////*/

#cbox { margin: 0 auto; padding: 0; overflow: hidden; }
#cbox li { list-style: none; float: left; margin: 2px; }
#cbox li a { }
#cbox li img {
	padding: 2px;
	background: #fff;
	border: 1px solid #aaa;
}
#cbox li a img { border: none;}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}