@charset "UTF-8";
body {background-color: white; font-family:arial; font-size: 12px;}

div.loginText {width: 320px; background-color: white; height: 50px; border: 1px white solid; margin-bottom: 1px; }
#loginText {font-weight: bold; font-size: 14px; font-family: helvetica; margin: 5px;}

#login {background-repeat: no-repeat;}

#topBanner {width: 986px; margin-left:auto; margin-right:auto;}
#userAreaBanner {width: 320px; margin-left:auto; margin-right:auto;}
#frontPageBanner {width: 655px; margin-left:auto; margin-right:auto;}

div.hr {background-color: rgb(183,171,221); border: none; margin-left: auto; margin-right: auto; width: 95%; height: 1px;}

.height {  min-height:500px; height:auto !important; height:500px; }

#articleGallery {padding-left: 30px;}

#pageContainer {width: 1030px; margin-left: auto; margin-right: auto; overflow: hidden; background:url(../../../media/mainBackground.jpg) repeat-y;}
#pageContainer img.float {float: left;}
#mainContainer {width: 986px; margin-left: auto; margin-right: auto; overflow: hidden; background-color: rgb(221,221,221);}

#banner {width: 986px; height: 186px;}
div.bannerRight {}

a.blackLink {text-decoration: none; color: black;}
a.whiteLink {text-decoration: none; color: white;}
a.greyLink {text-decoration: none; color: #595454;}
a.title {text-decoration: none;}

#menu {height: 28px; width: 986px; background: url(../../../media/menu/menubar.jpg) repeat-x; font-size: 15px;}
#menu #menuContainer {width: 876px; height: 28px; overflow: hidden; margin-left: auto; margin-right: auto;}
#menu #menuContainer a.link {padding-top: 4px; font-size: 12px; padding-right: 8px; padding-left: 8px; float: left; height: 24px; display: block; background: url('../../../media/menu/menubar.jpg') repeat-x; text-decoration: none; color: black; border: none;}
#menu #menuContainer a.activeLink {padding-top: 4px; font-size: 12px; padding-left: 8px; padding-right: 8px; float: left; height: 24px; display: block; border: none;}
#menu #menuContainer img {border: none; float: left;}

#container {background-color: rgb(221,221,221); overflow: hidden; width: 986px;}

#main {float: left; width: 657px; overflow: hidden; margin-right: 3px; margin-left: 2px;}
div.mainAreaContainer {padding-bottom: 20px; margin-bottom: 3px; overflow: hidden; width: 655px; border: 1px white solid; background-color: white; font-size: 12px;}

#right {float: left; width: 320px; overflow: hidden;}

div.mainCategories {min-height: 100px; height:auto !important; height: 100px; overflow: hidden; padding-bottom: 0px; overflow: hidden; width: 655px; border: 1px white solid; background-color: white; font-size: 12px;}
div.mainCategories a {text-decoration: none;}
div.mainCategories div.left {float: left; width: 395px; border: none; right: 0px;}
div.mainCategories div.right {float: right; width: 260px; border: none; font-size: 12px; left: 0px;}

div.latestVideos {background-color: white; width: 654px; height: 164px; border: solid white 1px; margin-bottom:3px;}

.paddingLeftTop {padding-left: 20px; padding-top: 10px;}

#latest {}
div.latestItem {padding-left: 10px; padding-top: 0px; width: 315px; height: 115px; float: left; overflow: hidden;}
div.latestItem img {border: none;}
div.latestItem td.smallText {font-size: 11px;}
div.latestItem td.bigText {font-size: 14px;}

#latestChanges #latestChangeTitle {margin-top: 3px;}
#latestChanges {padding-bottom: 10px; padding-left: 10px; padding-right: 10px; width: 298px; background-color: white; margin-top: 3px; border: white solid 1px;}
p.latestChangeTitle {font-size: 14px; margin: 0px; padding: 0px;}
.latestChangeDate {font-size: 10px; margin: 0px; padding: 0px;}
div.latestChangeHr {background-color: rgb(183,171,221); border: none; margin: 5px auto 5px auto; width: 95%; height: 1px; clear: both;}
p.latestChangeContents {margin: 0px; padding: 0px;}
img.latestChangeImage {float: left; margin-right: 5px; margin-bottom: 5px;}
div.actionFeedItem {width: 307px; float: left;}

#articlesRight {background-color: rgb(221,221,221); width: 320px; margin-left: 1px;}
div.articlesRightItem {overflow:hidden; background-color: white; width: 318px; height: 137px; margin-top: 4px;}
div.articlesRightItem img {float:right; border: none;}
div.articlesRightItem div.contents {float:left; width: 159px; height: 137px;}
div.articlesRightItem td.smallText {font-size: 11px;}
div.articlesRightItem td.bigText {font-size: 14px;}
div.articlesRightItem table {overflow: hidden; height: 137px; width: 159px;}

#userArea {background-color: rgb(221,221,221); overflow: hidden; width: 320px;}

div.register {width: 400px; margin-left: auto; margin-right: auto; }
div.loginArea {width: 290px; height: 160px; margin-left: auto; margin-right: auto;}

.marginBottom {margin-bottom: 40px;}
.paddingBottom {padding-bottom: 40px;}
.noBorder {border: none;}

div.addArticle {margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 600px; }

p.error {color: red;}
p.title {font-size: 20px;}
#loggedInTitle {font-size: 20px; text-align: center;}

input.button {cursor: pointer; float: right; font-size: 12px; height: 23px; width: 140px; padding-bottom: 3px; border: none; color: white; text-align: center;}
input.payButton {margin-left: 20px; margin-top: 10px; margin-bottom: 10px; float: left; font-size: 12px; height: 23px; width: 140px; padding-bottom: 3px; border: none; color: white; text-align: center;}

div.imageContainer {background-color: white; border: solid white 1px; width: 318px; margin-bottom: 2px; overflow: hidden;}
div.imageContainer a {width: 185px; overflow: hidden;}
div.loggedInContainer {margin-left: auto; margin-right: auto; width: 185px; overflow: hidden;}

div.userContainer {text-align: justify; background-color: white; border: solid white 1px; width: 318px; margin-bottom: 2px; overflow: hidden;}
div.userContainer a {margin-left: auto; margin-right: auto; width: auto; overflow: hidden;}

div.buttonContainer {margin-top: 3px; background-color: rgb(221,221,221); overflow: hidden; width: 320px; text-align: center;}
#mostReadButton {display: block; cursor: pointer; color: white; padding-top: 5px; float: left; font-size: 12px; height: 23px; width: 146px; border: solid white 1px; margin-bottom: 1px; margin-right: 1px;}
#mostCommentedButton {display: block; cursor: pointer; color: white; padding-top: 5px; float: left; font-size: 12px; height: 23px; width: 169px; border: solid white 1px; border-right: solid white 1px; margin-bottom: 1px;}
div.registerButtonContainer {margin-bottom: 10px; text-align: center; padding-top: 3px; width: 193px; height: 28px; margin-left: auto; margin-right: auto;}
#registerButton {float: left; text-decoration: none; display: block; cursor: pointer; padding-top: 3px; font-size: 12px; height: 20px; width: 185px; border: none; color: white; text-align: center; }
#loginButton {cursor: pointer; float: right; font-size: 12px; height: 23px; width: 100px; padding-bottom: 4px; border: none; color: white; text-align: center;}

#forgotPassword {text-decoration: none;}
	
div.articleListItem {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; margin-bottom: 3px; overflow: hidden; width: 615px; border: 1px white solid; background-color: white; text-align: center;}
div.articleListItem p.author {margin-top: 5px; float: left; font-size: 11px;}
div.articleListItem p.dateTime {margin-top: 5px; float: right; font-size: 11px;}
div.articleListItem p.title {font-size: 30px;}
div.articleListItem a {border: none; text-decoration: none;}
div.articleText {height: 50px; overflow: hidden;}

div.article {width: 657px; background-color: rgb(221,221,221);}
div.articleContents {margin-bottom: 3px; padding: 10px 20px 10px 20px; width: 615px; border: 1px white solid; text-align: center; background-color: white; font-size: 12px;}
div.articleContents p.author {margin-top: 5px; float: left; font-size: 11px;}
div.articleContents p.dateTime {margin-top: 5px; float: right; font-size: 11px;}
div.articleContents p.title {font-size: 30px;}
div.articleContents p.contents {font-size: 12px; text-align: left;}
div.articleContents a {text-decoration: none;}
div.articleContents img {border: none; margin-left: auto; margin-right: auto;}
div.moreFromAuthor {width: 655px; border: 1px white solid; background-color: white;}
div.moreFromAuthorContainer {width: 615px; margin-left: auto; margin-right: auto; overflow: hidden;}
div.moreFromAuthorItem{margin-bottom: 5px; float: left; width: 298px;}
div.moreFromAuthorItem td.smallText {font-size: 11px;}
div.moreFromAuthorItem td.bigText {font-size: 17px;}
div.moreFromAuthorItem img {border:none;}

div.clear {clear: both;}

#footer {text-align: center; background-image: url('../../../media/footer.jpg'); background-repeat: no-repeat; color: white; }
div.footerContents {padding-left: 20px; padding-top: 20px; min-height: 400px;}

div.rectangle {height: 19px; width: 656px;}

li {line-height: 2em;}

div.commentSubmitForm {padding-bottom: 20px; margin-left: auto; margin-right: auto; width: 478px;}
div.commentContainer {margin-left: auto; margin-right: auto; width: 600px;}
div.commentContainer p.author {float: left;}
div.commentContainer p.dateTime {float: right; font-size: 13px;}
div.commentContainer p.title {text-align: center; font-size: 20px;}

#commentLastName {
	display: none;
}

img.floatingPadding {float: left; padding-left: 20px; padding-right:20px; border: none; height: 110px;}
p.floatingPadding {float: left; padding-left: 20px; padding-right:20px; width: 495px;}
.margins {margin-left: 20px; margin-right: 20px; margin-top: 20px;}

a.button {text-decoration: none; display: block; cursor: pointer; text-align: center; padding-top: 3px; font-size: 12px; height: 20px; width: 185px; border: solid white 1px; float: right; color: white;}

a.bannerArticle {float: left;border: 1px solid rgb(128,130,127); margin-top: 3px; margin-left: 3px; display: block; width: 178px; height: 178px; }
img.bannerArticlePrice {border: none; margin-top:127px; margin-left:122px; position: absolute;}

img.bigIcon {float: left; width: 293px; height: 255px; padding: 7px 9px 8px 8px; border: solid rgb(202,202,202) 1px;}
div.frontPageMostRead {cursor: pointer; position: relative; left: -1px; float:left; height: 48px; width: 298px; margin-bottom: 5px; padding-top: 2px;}
img.tinyIcon {margin-left: 15px; float:left; margin-right: 5px; border:none;}

div.mostReadContainer {margin-left: 30px; margin-top: 53px;}

span.mainCategories {font-weight: bold; font-size: 12px;}

#kkk {width: 630px;}

img.galleryImage {float: left; padding: 5px; border: none;}

#buduaar {width: 141px; min-height: 530px; height:auto !important; height: 530px; border: 1px solid rgb(146,101,204); text-align: center; background: white url('../../../media/other/buduaarBackground.jpg') bottom no-repeat;}
div.buduaarText {margin: 5px;}
#buduaarLogo {width: 141px; height: 30px; border-bottom: 1px solid white;}
img.buduaarImage {width: 96px; height: 96px; border: 4px rgb(200,174,234) solid; margin-bottom: 10px; margin-top: 10px;}
.buduaarColor {color: rgb(91,61,133); font-weight: bold;}
div.buduaarHr {height:1px; width: 140px; background-color: rgb(146,101,204); margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; }

img.imageBank {cursor: pointer;}
img.imageBank:hover {border: 2px purple solid; }

#bannerBigText {margin-left: 6px; font-size: 16px; position: relative; top: 140px;}
#bannerSmallText {margin-left: 6px; position: relative; top: 143px;}

span.imageSource {font-size: 11px;}

div.removeImageContainer {float: left; width: 143px; margin: 2px; border: 1px solid rgb(144,102,202); background-color: rgb(172,139,216);}
div.removeImageContainer img {border: none; margin: 2px; margin-bottom: 15px;}
div.removeImageContainer a {width: 137px; margin: 2px;float: none; margin-left: auto; margin-right: auto;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../media/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../../media/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#moreFromAuthorTitle {margin:20px; margin-left: 33px; font-size: 16px;}

a.categoryPage{width: 30px; height: 40px; text-align: center;  background: white; text-decoration: none; font-size: 20px; font-family: "Courier New";}

a.categoryBack {width: 110px; font-size: 15px; color: rgb(169,169,169); margin-right: 10px;}
a.categoryForward{width: 100px; font-size: 15px; color: rgb(169,169,169); margin-left: 10px;}