/* Reset everything */
@import url(./reset.css);


/* HTML base tags */
body {
	background: #fff url(/images/bg_body.jpg) no-repeat center top;
}

body, table {
	font: 12px/1.2 helvetica neue, helvetica, arial, sans-serif;
	text-align: center;
}

h1 {
	font-size: 24px;

}

h1, h2, h3 {
	margin: 10px 0;
}

h2 {
	margin-top: 15px;
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-weight: bold;
}

p {
	margin: 10px 0;
}

li {
	margin-bottom: 5px;
}

strong {
	font-weight: bold;
}

#pageboundary {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

a, a:hover {
	color: #1b65ff;
}

a:visited {
	background-color: #D8E0FF;
}

/* Look 'n feel */
body#photoviewer {
	background: #fff;
}


#header {
	text-align: left;
	padding: 10px 0;
	overflow: hidden;
}

#header h1 {
	margin: 0;
	float: left;
}

#header a:visited {
	background-color: transparent;
}

#partners {
	float: right;
}

#partners li {
	float: left;
	margin-bottom: 0;
}

#partners li a {
	display: block;
	width: 143px;
	height: 95px;
	text-indent: -50000px;
}

#partners #hdrbuy {
	background: url(/images/hdr_clothing.png) no-repeat;
}

#partners #hdrmodel {
	background: url(/images/hdr_model.png) no-repeat;
}

#partners #hdrshop {
	background-color: #28D15F;
	border-color: #1C9343;
}

#hdrsearch {
	width: 210px;
}

#primarynav {
	clear: left;
	background: #F9C240 url(/images/bg_menu.gif) repeat-x;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #bc8e30;
}

#primarynav li {
	font-size: 14px;
	float: left;
	border-right: 1px solid #bc8e30;
	margin: 0;
}

#primarynav li#search {
	border: none;
}

#primarynav a, #primarynav a:visited, #primarynav #search form {
	color: #000;
	padding: 7px 10px 8px 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: transparent;
}

#primarynav a {
	width: 70px;
}

#primarynav .selected a {
	background: #f1b337 url(/images/header/bg_nav_selected.png) repeat-x;
}

#primarynav a:hover {
	background: #f1b337 url(/images/header/bg_nav_selected.png) repeat-x;
}

#primarynav #search form {
	margin: 0;
	padding: 6px 10px 4px 10px;
}

#header form {
	padding-top: 85px;
}

#header a {
	text-decoration: none;
}


#footer {
	background: url(/images/header/bg_footer.png) repeat-x;
	padding: 15px 15px;
	clear: both;
}

#footerinner {
	text-align: left;
	margin: 0 auto;
	width: 950px;
}

.footernav {
	height: 20px;
	list-style-type: none;
	padding: 0;
}

#footer p {
	margin-top: 5px;
}

.footernav li {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 5px;
	float: left;
}

.footernav li+li {
	padding-left: 5px;
	border-left: 1px solid #666;
}

#ftrlogo {
	float: left;
	margin-right: 15px;
}

#footer p.gentime {
	text-align: center;
	color: #999;
}


/* Layout elements */

#column1, #column2 {
	width: 48%;
	float: left;
}

#column2 {
	float: right;
}

#content {
	background: #fff;
	overflow: hidden;
	padding: 0 10px 10px 10px;
}

#content-withsidebar {
	width: 77%;
	float: left;
	padding-bottom: 25px;
}

#sidebar {
	width: 23%;
	float: right;
}

.headline {
	margin-bottom: 5px;
}

.headline img {
	float: left;
	border: 1px solid #666;
	height: 32px;
	width: 32px;
}

.headline h3 {
	margin-bottom: 0;
}

.headline p {
	margin: 0 0 8px 0;
}

.headline cite, .headline cite a {
	color: #666;
	font-size: 11px;
}

.headline cite a:hover {
	color: #1B65FF;
}

/* Form elements */

.textrow, .checkboxrow, .annotation {
	margin-bottom: 5px;
	clear: left;
}

.textrow label {
	float: left;
	width: 60px;
	padding-top: 3px;
}

.textrow .textfield {
	width: 180px;
}

.checkboxrow, .annotation {
	padding-left: 60px;
}

.radiorow {
	margin-bottom: 5px;
}

/* Log in box  */

#signupinfo, #membersinfo {
	background: #FCDB53 url(/images/homepage/bg_members.png) repeat-x;
	padding: 9px;
	margin: 25px 0;
	width: 382px;
}

#signupinfo, #membersinfo, #membersinfo .avatar {
	border: 1px solid #DA8821;
}

#signupinfo h2, #membersinfo h2 {
	margin-top: 0;
}

/* Thumbnails */
.thumbnails {

}

.thumbnails:after, #recentgalleries .gallery:after, #latestgalleries .gallery:after, #galleriesincategory .gallery:after,
#memberphotos:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.thumbnails, #recentgalleries .gallery, #latestgalleries .gallery, #galleriesincategory .gallery, #memberphotos {display: inline-block;}
.thumbnails, #recentgalleries .gallery, #latestgalleries .gallery, #galleriesincategory .gallery, #memberphotos {display: block;}

.thumbnails .image, .thumbnails .thumbnail {
	float: left;
	width: 130px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.thumbnails img, #recentgalleries .gallery .thumbnail img, #latestgalleries .thumbnail img, #galleriesincategory .thumbnail img {
	border: 1px solid #bebebe;
	width: 128px;
	height: 128px;
}

#latestgalleries .thumbnail img, #galleriesincategory .thumbnail img, #membersinfo .avatar, #recentgalleries .gallery .thumbnail img {
	width: 64px;
	height: 64px;
}

.thumbnails .user {
	font-size: 11px;
	margin: 5px 0;
}

#recentgalleries .gallery .thumbnail, #latestgalleries .thumbnail, #galleriesincategory .thumbnail {
	float: left;
	margin-right: 10px;
}

#recentgalleries .gallery h3, #latestgalleries .gallery h3, #galleriesincategory h3 {
	margin-bottom: 5px;
}

#recentgalleries .gallery p, #latestgalleries .gallery p, #galleriesincategory p {
	margin-top: 5px;
}

#latestgalleries .gallery p, #galleriesincategory p {
	margin-left: 75px;
}

#memberphotos .photo {
	float: left;
	margin: 0 10px 15px 0;
}

#memberphotos .photo img {
	border: 1px solid #bebebe;
	height: 128px;
	width: 128px;
}

#memberphotos .photo form {
	margin-top: 5px;
}

/* Bits and bobs */
.systemmessage {
	background: #168BEF;
	padding: 8px;
	color: #fff;
	font-size: 14px;
}

.error {
	background: #CA3939;
}

.errorfield {
	margin: 0 0 0 60px;
	color: #c00;
}

#membersinfo .avatar {
	float: left;
}

.rightimage {
	float: right;
}

/* Photos landing page */

#latestgalleries {
	float: left;
	width: 60%;
}

#gallerycategories {
	float: right;
	width: 35%;
}

#imagesearchbox {
	text-align: center;
}

#imagesearchbox .textfield {
	width: 100%;
	margin-bottom: 5px;
}
/* Gallery */
#galleryinfo {
	float: left;
	width: 35%;
}

#gallery .thumbnails {
	width: 60%;
	float: right;
	padding-top: 15px; 
}

#paging {
	float: right;
	width: 60%;
}

.signup-note {
	background: #f9ce53;
	padding: 8px;
}

a.page-next, a.page-prev, a.page-next:visited, a.page-prev:visited, a.more, a.more:visited {
	float: right;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 25px;
	background: #f1b337 url(/images/header/bg_nav_selected.png) repeat-x;
	border: 1px solid #bc8e30;
	font-weight: bold;
}

a.page-prev, a.page-prev:visited {
	float: left;
}

a.more, a.more:visited {
	float: none;
}
/* Photo viewer */

#imageinfobox {
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1;
	width: 163px;
	background: url(/images/bg_image_sidebar.png) no-repeat left top;
	text-align: left;
	padding-top: 75px;
}

#nextimage, #previmage {
	float: left;
	width: 70px;
	text-align: left;
	background: #f1b337 url(/images/header/bg_nav_selected.png) repeat-x;
	border: 1px solid #bc8e30;
	text-align: center;
	padding: 3px 0;
}

#nextimage a, #previmage a {
	font-weight: bold;
	font-size: 13px;
	color: #000;
	text-decoration: none;
	background: transparent;
}

#nextimage img, #previmage img {
	width: 64px;
	height: 64px;
	border: 1px solid #bebebe;
}

#nextimage {
	/*text-align: right;*/
	float: right;
}

#imagenav {
	padding: 5px;
	overflow: hidden;
}

#imageinfo {
	height: 315px;
	overflow: auto;
	width: 150px;
	padding: 5px;
}

#imageinfo, #imagenav {
	clear: left;
}

#imageinfo dd, #imageinfo dt {
	padding-top: 5px;
}

#imageinfo dt {
	float: left;
	width: 80px;
	font-weight: bold;
}

#imageinfo dd {
	margin-left: 85px;
}

#showimageinfo {
	position: fixed;
	top: 0;
	left: 0;
	width: 120px;
	background: #000;
	display: none;
	padding: 5px;
	text-align: center;
}

#showimageinfo, #showimageinfo a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#showimageinfo a:visited {
	background: transparent;
}

#hideinfo {
	padding: 0 5px;
}

/* Messaging */

table.messagetable {
	width: 100%;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #bebebe;
	margin: 15px 0;
}

.messagetable th {
	background: #F9C240;
	font-weight: bold;
}

.messagetable th, .messagetable td {
	text-align: left;
	border-bottom: 1px solid #bebebe;
	padding: 3px;
}

.messagetable .avatar {
	width: 70px;
}

.messagetable .screenname {
	
}

.messagetable .subject {
	width: 40%;
}

.messagetable .date {
	width: 15%;
}

.messagetable .status {
	width: 10%;
}




.message_from, .messaging_folders {
	float: left;
	width: 140px;
}

.message, .messagingcontent {
	margin-left: 155px;
}

.message_from h2, .message h2 {
	margin-top: 0;
}


/* rate my */

.rate-top-10 .rate-position, .rate-top-10 div, .rate-top-10 img {
	float: left;
	margin-right: 10px;
}

.rate-top-10 {
	overflow: hidden;
	margin-bottom: 15px;
}

.rate-top-10 .rate-position {
	font-size: 35px;
	width: 45px;
	text-align: right;
}

#ratings {
	float: left;
	width: 20%;
}

#ratemyimage {
	float: right;
	width: 75%;
}
/* Products */

.clothingproduct {
	float: left;
	width: 137px;
	height: 210px;
	margin: 5px;
}

.clothingproduct p {
	margin: 5px 0;
}

.clothingproduct img {
	border: 1px solid #bebebe;
	width: 135px;
	height: 135px;
}

.productname {
	font-weight: bold;
	font-size: 13px;
}

#productdetails, .mainproductimage {
	float: left;
}

#productdetails {
	width: 300px;
	margin-left: 10px;
}

.mainproductimage {
	width: 300px;
	height: 300px;
}

#productdetails .productprice {
	font-size: 18px;
	
}

/* Contact us */
#contactform {
	width: 465px;
	float: left;
	overflow: hidden;
	margin-bottom: 25px;
}

.formrow {
	margin-bottom: 5px;
}

.formrow label {
	float: left;
	padding-top: 3px;
	width: 60px;
	font-weight: bold;
}

.formrow input, .formrow textarea {
	width: 400px;
}

.formrow textarea {
	height: 250px;
}

.buttoncontainer {
	text-align: right;
}

#contactform .systemmessage {
	margin-top: 0;
}

#helpbox{
	float: left;
	width: 200px;
	margin-left: 25px;
}

#helpbox, #frmdiscountcode {
	padding: 8px;
	border: 1px solid #fc0;
	background: #FEF6D6;
}

#helpbox h3, #frmdiscountcode h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

#helpbox p, #frmdiscountcode p {
	margin-top: 0;
}

/* log in */
#logincontent #signupinfo {
	float: left;
	margin-top: 0;
}

#whyjoin {
	float: right;
	width: 450px;
}

#whyjoin h2 {
	margin-top: 0;
}


/* News page */

.articlephoto {
	float: right;
	border: 1px solid #666;
	margin: 0 0 15px 15px;
}

#newsarticle {
	float: left;
	width: 60%;
}

#newsarticle h1 {
	margin-bottom: 0;
}

.articledate {
	margin-top: 3px;
	color: #999;
	white-space: nowrap;
}

.articleleader {
	font-weight: bold;
}

#otherarticles {
	float: right;
	width: 35%;
}

#otherarticles .headline h3 {
	font-size: 16px;
}

ul.monthlyarchive {
	margin-top: 5px;
	overflow: hidden;
}

ul.monthlyarchive li {
	width: 45%;
	float: left;
}

.topstory {
	border: 1px solid #bbb;
}

.topstory, .highlightstory, #newsresults, #imagesresults, #morevideos {
	overflow: hidden;
	margin: 15px 0;
	padding: 8px;
	background: url(/images/header/bg_footer.png) repeat-x;
}

.topstory img, .highlightstory img {
	float: left;
	margin-right: 10px;
	border: 1px solid #bbb;
}

.topstory h2, .highlightstory h2, #morevideos h2 {
	margin: 0;
}

.topstory p.articledate, .highlightstory p.articledate {
	margin: 0 0 5px 0;
}

.highlightstory,#newsresults, #imagesresults, #morevideos {
	border-top: 1px solid #bbb;
}

.articlelist h3 { 
	display: inline;
}

.articlelist li {
	margin-bottom: 10px;
}

.tags {
	font-size: 9px;
	text-align: justify;
}

/* Search */

.imageresult {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #ebebeb;
	margin: 10px;
	background: #fff;
}

.imageresult:hover {
	background: #D8E0FF;
}

.imageresult img {
	border: 1px solid #bebebe;
}

.imageresult p {
	margin: 5px 0 0 0;
	height: 30px;
	overflow: hidden;
}

#newsresults, #imagesresults {
	margin-top: 25px;
}

#newsresults p {
	margin: 0;
}

#newsresults .headline {
	margin-bottom: 25px;
}

#newsresults h2, #imagesresults h2 {
	margin-top: 0;
}

#searchform {
	margin-bottom: 25px;
	width: 350px;
}

#searchbox {
	width: 200px;
}

/* Videos */
#video {
	overflow: hidden;
}

#videoinfo {
	float: left;
	width: 50%;
}

#videoviewer {
	float: right;
	width: 40%;
}

#morevideos {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin-top: 15px;
}

#morevideos h2 {
	margin-bottom: 10px;
}

#morevideos a {
	text-align: center;
	float: left;
	width: 20%;
	text-decoration: none;
	background: #fff;
	
}