/* ---------------- RESET ---------------------*/
img {
	border: none;
}
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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------- GENERAL ------------------ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#container {
	width: 960px;
	margin: 0 auto;
}
.clear {
	clear: both;
	margin: 0;
}
.searchInfo {
	font-size: 12px;
}






/* ---------------- H ------------------ */
h2 {
	font-size: 22px;
}
#sidebar h2 {
	font-size: 30px;
}
p, span {
	font-size: 13px;
	line-height: 1.7em;
}





/* ---------------- HEADER ------------------ */
#header {
	width: 960px;
}
#logo {
	float: left;
	display: inline;
}
#contact {
	float: right;
	display: inline;
	text-align: right;
	font-size: 15px;
	margin: 0;
	line-height: 1.3;
}
/* search */
#search {
	float: right;
	display: inline;
	margin: 13px 13px 0 0;
}
#search-submit {
	display: none;
}
.defaultText, .defaultTextActive {
	border: none;
	padding: 7px;
	font-size: 15px;
	width: 150px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}





/* ---------------- FOOTER ------------------ */
#footer {
	clear: both;
	margin: 0 0 30px 0;
	width: 960px;
	height: 80px;
}
.leftFooter {
	padding: 15px 0 0 15px;
	font-size: 12px;
	float: left;
	display: inline;
}
.rightFooter {
	padding: 16px 15px 0 0;
	font-size: 12px;
	float: right;
	display: inline;
}
.leftFooter hr {
	width: 220px;
}
.rightFooter hr {
	width: 90px;
}






/* ---------------- HOME ------------------ */
.line {
	width: 960px;
	height: 3px;
	margin: 20px 0;
	background: url(../images/line.png) no-repeat;
}
/* flash */
#cu3er-container {
	width: 960px;
}
#flashShadow {
	width: 960px;
	height: 40px;
	/* background: url(../images/shadow.png) center top no-repeat; turned off by Mali 6-29-10*/
}
/* news */
.newsBox {
	width: 300px;
	float: left;
	display: inline;
	margin-left: 15px;
}
.newsBoxImage {
	width: 300px;
	height: 170px;
}
#content .newsBoxTitle h2 {
	font-size: 32px;
	padding: 0 15px;
	margin: 10px 0 5px 0;
}
.newsBoxText {
	font-size: 12px;
	padding: 0 15px 15px 15px;
}

/* imageList */
ul#imageList li {
	margin-left: 15px;
	width: 110px;
	height: 110px;
	float: left;
	display: inline;
	padding: 5px;
}
.thumbGalleryItem  {
	width: 110px;
	height: 110px;
}








/* ---------------- SUB PAGE ------------------ */
#wrapperFull, #wrapperShort, #wrapperLong {
	overflow: hidden;
	padding: 20px 20px 20px 20px;
}
#pageName {
	padding: 20px;
}
#pageName h2, #pageName.rightLong h2 {
	font-size: 30px;
}
#pageName.containerLong h2 {
	width: 300px;
}
#pageName.rightLong h2 {
	float: right;
}
#pageName.containerLong {
	height: 100px;
}
.blog .longImg, .blogLeft .longImg {
	width: 610px;
	height: 300px;
	position: absolute;
	top: 200px;
}
.longImg {
	width: 610px;
	height: 300px;
	position: absolute;
	top: 160px;
}

.longImg2 {
	width: 610px;
	height: 300px;
	float: left;
	margin: 0 20px 15px 0;
}
/* short content */
#wrapperShort #content, #wrapperLong #content {
	width: 610px;
	float: left;
	display: inline;
}
#wrapperLong #content {
	margin-top: 180px;
}










/* ---------------- GALLERY ------------------ */
.galleryRightS {
	float: left;
}
.gallery_image {
	width: 300px;
	height: 170px;
}
.gallerySidebar {
	width: 610px;
}
/* gallery 1 */
ul.galleryItem1 {
	display: block;
	overflow: hidden;
}
ul.galleryItem1 li {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 10px 20px 0;
}
ul.galleryItem1 li p {
	margin-top: 7px;
	font-size: 12px;
}
ul.galleryItem1 li.ginm {
	margin: 0 0 20px 0;
}
ul.galleryItem1 li a.button {
	margin-top: 5px;
}

/* gallery 2 */
ul.galleryItem2 li {
	width: 900px;
	float: left;
	display: inline;
	margin: 0 0 20px 0;
}
ul.galleryItem2 li .gallery_image {
	float: left;
	margin-right: 20px;
}
ul.galleryItem2 li .desc {
	width: 580px;
	float: left;
}
ul.galleryItem2 li p {
	margin-top: 7px;
	font-size: 12px;
}

/* gallery 3 */
ul.galleryItem3 {
	display: block;
	overflow: hidden;
}
	
ul.galleryItem3 li {
	list-style:none;
	float:left;
	width: 300px;
	height: 170px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul.galleryItem3 li a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 280px;
	height: 150px;
	font-size: 30px;
	padding: 10px;
}
ul.galleryItem3 li img {
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	padding: 0;
	z-index: 100;
}

ul.galleryItem3 li.ginm {
	margin-right: 0;
}









/* ---------------- BLOG ------------------ */
/* subnav right */
.blog #wrapperLong #content, .blogLeft #wrapperLong #content {
	margin-top: 205px;
}
#wrapperLong #content {
	margin-top: 180px;
}
.blogLeft #postInfoBg, .blog #postInfoBg {
	padding: 10px;
	margin-top: 10px;
}
#wrapperLong #postInfoBg {
	margin-top: 0;
	position: absolute;
	top: 160px;
	width: 590px;
}
.blog .containerLong #postInfoBg {
	float: right;
}
.containerLong #postInfoBg {
	padding: 5px 10px 10px 10px;
	width: 275px;
}
.blog .postInfo {
	font-size: 12px;
	float: left;
	display: inline;
	padding-right: 7px;
	margin: 0 7px 0 0;
}
.blog .postInfo img {
	padding-right: 5px;
}
.blog .postImage {
	float: left;
	margin-right: 20px;
}
.blog a.button {
	float: left;
	margin: 10px 0 0 0;
}
.blog ul#pagination {
	float: left;
}
/* subnav left */
.blogLeft h3 {
	text-align: right;
}
.blogLeft .postInfo {
	font-size: 12px;
	float: right;
	display: inline;
	border-right: none;
	padding-left: 7px;
	padding-right: 0;
	margin: 0 0 0 7px;
}
.blogLeft .postInfo img {
	padding-right: 5px;
}
.blogLeft .postImage {
	float: right;
	margin-right: 0;
}
.blogLeft a.button {
	float: right;
	margin: 10px 0 0 0;
}
.blog a.buttonPad, .blogLeft a.buttonPad {
	margin: 10px 0 0 0;
}
/* subnav long */
.containerLong .postInfo {
	font-size: 12px;
	float: left;
	display: inline;
	border-left: none;
	padding: 0 7px 0 0;
	margin: 5px 7px 0 0;
}
.containerLong .postInfo img {
	padding: 0 5px 0 0;
}
.containerLong .postImage {
	float: left;
	margin: 0 20px 0 0;
}
.containerLong a.button {
	float: left;
	margin: 10px 0 0 0;
}
.containerLong ul#pagination {
	float: left;
}



#colorChanger2 input {
	border: none;
	background: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	padding: 0;
}
#colorChanger2 p {
	font-size: 10px;
}
#colorChanger2 input:hover {
	background-color: #999999;
}

#logoBg {
	width: 960px;
	height: 70px;
}

/* ---------------- NAVIGATION ------------------ */
/* navigation */
#navigation {
	clear: both;
	width: 950px;
	height: 60px;
	padding-left: 10px;
	display: block;
}
/* root */
ul#dropmenu { position: absolute; z-index: 300; }
ul#dropmenu li { position: relative; float: left; display: inline; }
ul#dropmenu a { display: block; padding: 22px 10px 25px 10px;  }


/* 1+ levels */
ul#dropmenu ul { width: 195px; font-size: 16px; }
ul#dropmenu ul a { padding: 10px; width: 175px; }

/* 1st level */
ul#dropmenu ul { position: absolute; top: 59px; z-index: -4; }

/* 2+ level */
ul#dropmenu ul ul { position: absolute; top: 0; left: 175px; margin: 0 0 0 20px; z-index: -5; }

/* general */
ul.menuhover li:hover ul ul, ul.menuhover li:hover ul ul ul, ul.menuhover li:hover ul ul ul ul, ul.menuhover ul { display: none; }
ul.menuhover li:hover ul, ul.menuhover li li:hover ul, ul.menuhover li li li:hover ul, ul.menuhover li li li li:hover ul { display: block; }



/* ---------------- SUB NAVIGATION ------------------ */

/* sidebar */
#sidebar {
	width: 290px;
	float: left;
	display: inline;
}
.sidebarLeft {
	margin-right: 20px;
}
.sidebarRight {
	margin-left: 20px;
}

/* sub Nav */
.subNav {
	margin-bottom: 20px;
}
ul#sidebar li {
	margin-bottom: 20px;
}
ul#sidebar li li {
	margin-bottom: 0;
	text-align: left;
}
.textwidget {
	text-align: left;
	font-size: 13px;
	line-height: 1.7em;
}

/* sub Nav */
#sidebar ul li {
	text-align: left;
	font-size: 16px;
	padding: 10px 0 10px 10px;
}
#sidebar ul {
	margin-bottom: 20px;
}
#sidebar ul ul {
	margin-top: 10px;
	margin-bottom: 0;
}
#sidebar ul li li {
	border-bottom: none;
	text-align: left;
	font-size: 12px;
	margin-top: 7px;
	padding: 7px 0 0 7px;
	margin-left: 10px;
	background: url(../images/list.png) no-repeat left top;
	background-position: 0 11px;
}






/* ---------------- COLUMNS ------------------ */
/* 1/2 */
.oneHalf, .oneHalfLast {
	width: 450px;
	float: left;
	display: inline;
}
.oneHalf {
	margin-right: 20px;
}

/* 1/3 */
.oneThird, .oneThirdLast {
	width: 293px;
	float: left;
	display: inline;
}
.twoThird, twoThirdLast {
	width: 606px;
	float: left;
	display: inline;
}
.oneThird, .twoThird {
	margin-right: 20px;
}

/* 1/4 */
.oneFourth, .oneFourthLast {
	width: 215px;
	float: left;
	display: inline;
}

.threeFourth, .threeFourthLast {
	width: 685px;
	float: left;
	display: inline;
}
.oneFourth, .threeFourth {
	margin-right: 20px;
}




/* ---------------- HEADERS ------------------ */
#content h1 {
	font-size: 36px;
	margin: 15px 0;
}
#content h2 {
	font-size: 32px;
	margin: 12px 0;
}
#content h3 {
	font-size: 26px;
	margin: 10px 0;
}
#content h4 {
	font-size: 18px;
	margin: 7px 0;
}
#content h5 {
	font-size: 16px;
	margin: 5px 0;
}
#content h6 {
	font-size: 14px;
	margin: 3px 0;
}


/* ---------------- TABLES ------------------ */
tr {
	padding: 5px;
}
th {
	text-align: left;
	font-size: 17px;
	padding: 10px;
}
td {
	font-size: 12px;
	padding: 10px;
}


/* ---------------- LIST ------------------ */
.listText {
	font-size: 14px;
	line-height: 1.5;
}
.bulletList li {
	list-style: disc;
	margin-left: 20px;
}
.numberList li {
	list-style: decimal;
	margin-left: 20px;
}
.letterList li {
	list-style: lower-latin;
	margin-left: 20px;
}
.checkList li {
	list-style-image: url(../images/tick.gif);
	margin-left: 20px;
}
.arrowList li {
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
}
.boxList li {
	list-style: square;
	margin-left: 20px;
}


/* ---------------- IMAGES ------------------ */
p img {
	padding: 5px;
}



/* ---------------- PULL QUOTE ------------------ */
.pullQuoteLeft, .pullQuoteRight {
	float: left;
	width: 200px;
	display: inline;
	padding: 5px 10px;
	margin: 3px 0;
	font-size: 14px;
	font-style: italic;
}
.pullQuoteRight {
	float: right;
	border-left: none;
	text-align: right;
}




/* ---------------- HORIZONTAL LINE ------------------ */
hr {
	border: none;
}




/* ---------------- DROP CAP ------------------ */
p span.dropCap1 {
	float: left;
	display: inline;
	font-size: 40px;
	line-height: 30px;
	margin: 8px 8px 0 0;
}
p span.dropCap2 {
	float: left;
	display: inline;
	padding: 10px;
	font-size: 40px;
	line-height: 30px;
	margin: 8px 8px 0 0;
}




/* ---------------- HIDDEN CONTENT ------------------ */
.hiddenContent a, .visibleContent a {
	display: block;
	padding: 5px 10px;
}
.hiddenContent div, .visibleContent div {
	padding: 10px;
}

.hiddenContent span, .visibleContent span {
	font-size: 18px;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive;
}



/* ---------------- PAGINATION ------------------ */
ul#pagination {
	margin-top: 20px;
	float: right;
}
ul#pagination li {
	font-size: 12px;
	float: left;
	display: inline;
	padding: 3px;
}
ul#pagination li.current {
	font-weight: bold;
}




/* ---------------- FORM ------------------ */
#content form {
	margin-right: 20px;
}
#content input[type=text] {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	border: none;
	margin-bottom: 5px
}
#content textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 160px;
	padding: 10px;
	font-size: 16px;
	border: none;
	margin-top: 2px
}
#content input[type=submit], #content button[type=button] {
	padding: 5px;
	font-size: 16px;
	border: none;
	margin-top: 7px;
	cursor: pointer;
}





/* ---------------- BUTTON ------------------ */
a.button {
	padding: 7px;
	font-size: 16px;
	border: none;
	display: inline-block;
}

/* ---------------- CODE TAG ------------------ */
code {
	padding: 3px;
	font-size: 12px;
	line-height: 2.1em;
}



/* ---------------- SHARE ------------------ */
#share {
	margin: 10px 0;
	padding: 10px;
}
#share h4 {
	font-size: 24px;
	float: left;
	margin: 0;
}
#share .sMedia {
	float: right;
	margin-left: 6px;
	padding-top: 6px;
}






/* ---------------- ABOUT AUTHOR ------------------ */
#about {
	padding: 10px;
}
#about img {
	float: left;
	margin-right: 20px;
}
#about h4 {
	font-size: 24px;
}




/* ---------------- COMMENTS ------------------ */
#commentlist h4 {
	font-size: 24px;
	padding: 10px 0 5px 0;
}

/* comment */
ol.commentlist li {
	display: block;
	margin: 20px 0;
}
ol.commentlist li .userPic {
	float: left;
	margin-right: 20px;
	display: inline;
}
ol.commentlist li .userPic p {
	font-size: 10px;
	line-height: 1.2;
	text-align: right;
}
ol.commentlist li .userPic img {
	width: 48px;
	height: 48px;
	padding: 5px;
}
.userComment h5 {
	font-size: 18px;
}
.userComment .reply {
	float: right;
}

/* reply */
ol.commentlist ul li {
	margin: 0;
	padding-bottom: 10px;
}
ol.commentlist ul {
	padding: 20px;
}
ol.commentlist ul ul {
	padding: 20px 20px 10px 20px;
}








/* ---------------- LEAVE A COMMENT ------------------ */
#leaveComment h4 {
	font-size: 24px;
	padding: 10px 0 5px 0;
}







/* ---------------- SLIDE DOWN ------------------ */
.hiddenSlide div {
	display: none;
}