/* Clearing Class ////////*/

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

.clearleft:after {
	clear: left;
}

.spacer {clear:both;}

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

/* Base Selector Attributes ////////////////*/

* { 
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*GLOBAL STYLES*/

body {
	margin-top: 10px;
	padding:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a { color: #e36f1e; text-decoration: none; }

p { margin-bottom: 10px; }

ul {
	padding: 0 15px;
	margin: 10px 0;
}

li {
	margin-bottom: 10px;
}


.textfield {
	border: 1px solid #8d4f28;
	background: #666666;
	padding: 2px;
	width: 200px;
}

.textfield:focus {
	background: #666666;
}

.submit {
	background: #c63;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	border: 1px solid #998;
	border-color: #998 #663 #663 #998;
	padding: 0 5px;
	cursor: pointer;
	margin-left: 8px;
}

div#global {
	background: #CCCCCC;
	height: 30px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#global-dark {
	background: #666666;
	height: 30px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#global *,
div#global-dark * { 
	font-family: times, palantino, serif;
	font-size: 14px;
	margin: 0;
}

ul#global-nav,
ul#global-nav-dark {
	list-style: none;
	text-align: center;
	margin-top: 3px;
	line-height: 22px;
}

ul#global-nav li,
ul#global-nav-dark li {
	display: inline;
	text-transform: uppercase;
	color: #fff;
}

ul#global-nav > li:after,
ul#global-nav-dark > li:after {
	padding: 0 4px;
	color: #000;
	content: "|";
}

/* 	Remove separator on last list element 
	Prefer li:last-child:after but some browsers choke */

ul#global-nav > li.last:after,
ul#global-nav-dark > li.last:after {
	content: "";
	padding: 0;
}

ul#global-nav a,
ul#global-nav-dark a {
	color: #000;
	border:0;
	font-weight: bold;
}

ul#global-nav a:hover,
ul#global-nav-dark a:hover,
ul#global-nav a:focus,
ul#global-nav-dark a:focus { color: #e36f1e; border: 0 }



/*FLICKR BAR STYLES*/

#flickr-bar {
width: 585px;
height: 78px;
overflow: hidden;
float: left;
}

#flickr-bar img {
	border: 1px solid #666;

}

.article-footer {
height: 22px;
background: #CCC;
text-align: left;
padding-left: 5px;
padding-top: 5px;
margin: 10px 0;
}


.comment {
	width: 585px;
	font-size: 13px;
	line-height: 15px;
	overflow: hidden;
	margin-top: 10px;
	text-align: left;
}

.row1 {
	background: #faf7eb;
	padding: 0 5px 5px 5px;
}

.row2 {
	background: #faf8f1;
	padding: 0 5px 5px 5px;
}

#comment_form {
	margin-bottom: 20px;
	text-align: left;
}

#comment_form textarea {
	width: 580px;
	border: 1px solid #000000;
	font-size: 13px;
	text-align: left;
	margin: 5px 0;
}

#comment_form p {
	font-size: 13px;
	margin-bottom: 10px;
}

#comment_form .submit {
	border: 1px solid #7f655d;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
	background: #f7eab6;
	color: #7f655d;
	cursor: pointer;
	align: left;
}

.content-advert {
	border: 1px dotted #999;
	border-width: 1px 0;
	padding: 5px 0;
	margin-bottom: 10px;
	text-align: center;
}

/*VARIOUS HEADER STYLES*/

.header { padding:0; margin:0; text-align:center; height:50px; background:#B45038; background-image: url('http://www.newwest.net/images/gallery/thatch.jpg'); background-repeat: repeat-x; }

.header img { padding:0; margin:0; }

.goldbar { background:#EBC639; margin:0; height:20px; }

.goldbar_buttons { width:680px; }

.buttons_left { float:left; }

.buttons_right { float:right; }



/*SINGLE PHOTO PAGE*/

.outerline { border:1px solid #333333; margin:10px 0 15px 0; width:680px; }

.innerline { border:1px solid #666666; margin:9px; }

.photo img { border:1px solid #CCCCCC; margin:4px; }

.copyright { text-align:right; float:right; color:#CCCCCC; padding-right:4px; }

.copyright a { color:#CCCCCC; text-decoration:underline; }

.title { text-align:left; color:#CCCCCC; padding-left:4px; }

.caption { background:#CCCCCC; color:#333333; border:#CCCCCC; padding:5px; margin:4px; text-align:left; font-size:8pt; line-height:120%; overflow:auto; height: 46pt; }

.caption p { padding:0; margin:0; }

/*GALLERY MENU PAGE*/

.gallery { margin:10px; }

.outerframe { border:1px solid #333333; margin:15px; width:210px; float:left; }

.innerframe { border:1px solid #666666; margin:9px; }

.galleryphoto img{ border:1px solid #CCCCCC; margin:4px; width:180px; height:120px; overflow:hidden; }

.galleryname { text-align:center; color:#EBC639; margin:4px 8px 8px 8px; }

.galleryname a { color:#EBC639; text-decoration:none; }

.galleryname a:hover { color:#EBC639; text-decoration:underline; }

.galleryname em { color: #666666; font-size: 80%; font-style: normal; }

/*THUMBNAIL PAGE*/

.thumbrow { border-top:1px solid #333333; padding:10px 0 10px 0; margin:30px 0 5px 0; }

.thumb { border:1px solid #CCCCCC; margin:10px 10px 20px 10px; float:left; }

.categoryname { border-left:10px solid #B45038; background:#F9EEC3; color:#000000; font-family:"Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:130%; letter-spacing:1px; padding:2px 10px 2px 10px; margin:20px 0 20px 0; float:left; }

.pagination { font-family:"Arial Narrow", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0; font-size:90%; text-align:right; letter-spacing:1px; color:#754B18; }

.pagination a { color:#754B18; text-decoration:none; }
