/* Common */

.desc {
	margin: 15px 0 15px 0;
	padding: 0;
	width: 100%;
	float: left;
}

*HTML .desc {
	float:none;
}

.desc h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 10px 0;
}

.desc p {
	padding: 0;
	margin: 0;
	width: 70%;
}

.desc img {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

hr {  
	color: #FFFFFF;  
	border: dashed; 
	border-color: #999999; 
	border-width: 1px 0 0 0; 
	clear:right;
}

.pale {
	color: #777;
}

.colored {
    color:#f08232;
}


.description {
	background-color:#efefef;
	padding: 10px;
	margin: 10px;
	border:1px dashed #777;
}

.author {
	text-align: right;
	color: #777;
	font-size: 11px;
}


/* Main page */

.mainlegend {
	clear:both;
	padding:0;
	margin:0;
}

.mainlegend img {
	float:right;
	padding: 10px 10px 10px 30px;
}

.mainlegend b {
	font-weight: normal;
}

.mainlegend a {
	text-decoration:none;
}

.mainleftcol {
	width: 48%;
	padding:0;
	margin:0;
	float:left;
}

.mainrightcol {
	width: 48%;
	padding:0;
	margin:0;
	float:right;
}

.mainleftcol .padding {
	padding: 10px 15px 10px 0;
	margin: 0;
	background-color:red;
}

.mainrightcol .padding {
	padding: 10px 0 10px 15px;
	margin: 0;
}


.mainleftcol h5, .mainrightcol h5 {
	text-align:center;	
	font-size: 16px;
	font-weight: bold;
	color:#777;
	padding:0;
}

.onepic {
	text-align: center;
}

.onepic a {
	text-decoration: none;
	font-weight: bold;
}

.onepic a:hover {
	text-decoration: underline;
}

.onepic {
	padding: 5px 0 15px 0;
}

.newslist {
	float:left;
	width: 700px;
}

/* Album list */

.gallery_content {
	text-align:center;
}


.gallery {
	padding:0;
	margin:auto;
}

.gallery td {
	width:240px;
	border: #ccc 1px solid;
	padding: 10px;
	margin: 10px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	background-color:#efefef;
	background: left top no-repeat url('../images/gal_img_bg.jpg');	
}

.gallery td.blank {
	border: none;
	background-color: #fff;
	background-image:none;
}


.gallery p {
	font-size:12px;
	color:#555;
}

.pagenav {
	padding: 20px;
	text-align:center;
	line-height: 2;
}

.pagenav a,  .pagenav b{
	margin: 10px;
	font-weight: bold;
	padding: 5px;
	text-decoration:none;
	font-size: 18px;
	line-height: 2;
}

.pagenav a {
	color: #777;
}

.pagenav a:hover {
	border: solid #f08232;
	border-width: 0 0 5px 0;
	text-decoration:none;
}

.pagenav b {
	border: solid #f08232;
	border-width: 0 0 5px 0;
}


.album_index {
	padding: 10px 0 15px 0;
}

.album_index h3 a {
	padding: 0 15px 0 0;
}

.album_index img {
	padding: 5px 15px 0 0;
}

/* Album item */

.gal_image {
	text-align:center;
	float:left;
	clear: both;
}


.gal_image h2 {
	margin: -10px 0 15px 0 !important; 
	color:red;
	font-size:16px !important;
	text-align: left;
}

.gal_image .info {
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	color:#777;
	font-size:12px;
	text-align: right;
	/*
	border: solid #ccc;
	border-width: 0 0 1px 0;
	*/
}

.gal_image .info .pic_label {
	float:left;
	text-align: left;
}

.gal_image .info span {
	color: #f08232;
}

.prevnext {
	line-height: 12px;
	text-align:left;
	margin: 0 0 20px 0;
}

.prevnext a {
	text-decoration: none;
	color: #777;
}

.prevnext a:hover {
	text-decoration: underline;
	color: #CC0000;
}

.prevnext .arrows {
	float:right;
	margin: 3px 0;
	font-weight: bold;
	font-size: 16px;
	color: #999;
}

.prevnext .arrows a {
	color: #CC0000;
	padding: 0 10px;
}

.prevnext .arrows a img {
	vertical-align: middle;
}

#picContainer {
	width: 800;
	background: #f5f5f5;
	padding: 3px;
	border: #ccc 1px solid;
}

#picContainer img {
	margin: auto;
}


/* News */
.newsPage {
	width: 600px;
}

.newsPage .commentList {
	width: 600px;
}

/* Comments */

.commentList {
	text-align:left;
	padding-left: -20px;
	width: 800px;
}

.comment {
	margin: 15px 0;
}

.comment .comment {
	margin: 0;
	padding: 7px 0 0 20px;
	border: solid; 
	border-color: #eee;
	border-width: 0 0 0 3px;
}


.comment .who {
	font-size: 12px;
	color: #999;
	margin: -3px 0 5px 0;
}

.comment span {
	font-size: 14px;
	color: #f08232;
	padding: 0 15px 0 0;
}

.comment .text {
	color: #333;	
}

.comment .label {
	color: #ccc;
	font-size: 12px;
	margin: 7px 0 -3px -10px;
}

.comment .label a {
	color: #777;
	padding: 0 10px;
	text-decoration: none;
}

.comment .label a:hover {
	color: #333;
	text-decoration: underline;
}

.commentsContainer .quicklink {
	color: #f08232;
	font-size: 12px;
	font-weight: bold;
}

.addForm {
	width: 400px;
	text-align: left;
	margin: 0 0 0 30px;
}

.addForm h3 {
	font-size: 14px !important;
	margin:  15px 0 8px 15px !important;
}

.addForm form {
	padding: 0;
	margin: 0;
}

.addForm textarea {
	border: 0px;
	width: 100%;
	height: 80px;
	margin: -5px;
	padding: 5px 0;
}

.addForm .buttons {	
	text-align:right;
	padding: 10px 15px;
}

.formButton {
	background: #f08232;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border: 0;
	padding: 3px 15px;
	margin: 0 0 0 10px;
}


/* Round box */

.rbox  {
	background: #eee;
	border: #ccc 1px solid;
	padding: -1px;
}

.rbox .c1 {
	margin: -1px 0 0 -1px;
	background: left top no-repeat url('../images/rbox_c1.gif');
}

.rbox .c2 {
	margin: 0 -1px 0 12px;
	background: right top no-repeat url('../images/rbox_c2.gif');
}

.rbox .c3 {
	background: right bottom no-repeat url('../images/rbox_c3.gif');
}

.rbox .c4 {
	margin: 0 0 -1px 0;
	background: left bottom no-repeat url('../images/rbox_c4.gif');
}

.rbox .inner {
	padding: 6px;
}

.rbox .inner {
	padding: 10px;
}

.rbox.box2  {
	background: #fff;
	border: #777 1px solid;
}

.rbox.box2 .c1 {
	background: left top no-repeat url('../images/rbox2_c1.gif');
}

.rbox.box2 .c2 {
	background: right top no-repeat url('../images/rbox2_c2.gif');
}

.rbox.box2 .c3 {
	background: right bottom no-repeat url('../images/rbox2_c3.gif');
}

.rbox.box2 .c4 {
	background: left bottom no-repeat url('../images/rbox2_c4.gif');
}