/* CSS Document */
/* Written By: Jeff Rendek */
/* Date: November 11 2006 */
/* Last Modified: Aug 26 2006 */

html {height:100%; min-height:100%; margin:0; padding:0;/* for Firefox & Safari */ }
body {font-family:"Century Gothic", Verdana, sans-serif; background-color:#363636; margin:0; padding:0; height:100%; min-height:100%; color:#fff; /* for Firefox & Safari */ }

a {color:#fff;}

.info {font-size:14px; color:#666;  }
.index {border:2px dashed #333; margin:0 30px;}

.centerimg {text-align:center; margin-top:0px; margin-bottom:0px; padding:0; }

hr {margin-top:2px; padding:0; border:0; background-color:#252525; height:1px; clear:both;}
hr#btm {padding:0; margin-bottom:-10px; border:0; background-color:#252525; height:1px; }

h2#title {color:#fff; text-indent:1em;  margin-bottom:-13px; padding-bottom:5px;}
.transform a {color:#444; float:right;  margin-bottom:60px; padding-right:50px; text-transform:uppercase;  text-decoration:none; }
.transform a:hover {color:#ccc; }

p { color:#fff; padding:0 40px 0 40px; }

.fixer {clear:both;}

/* WELCOME WHEN USER IS LOGGED IN HELLO, USERNAME (LOGOUT) */
p.wlcUser {
	margin-top:0;
	padding-left:25px;
	font-size:13px;
	}
p.wlcUser span {
	font-size:11px;
	color:#666;
	 }
p.wlcUser span a {
	color:#666;
	 }
p.wlcUser span a:hover {
	color:#fff;
	 }


/* INDEX PAGE STYLING */
div#leftCol {margin-top:15px; width:450px; float:left; margin-left:28px; }
div#rightCol {margin-top:15px; width:255px; float:right; margin-right:28px; }

div#leftCol p {padding:5px; margin:0 0 0 0; font-size:14px; color:#ccc; }
div#leftCol ul {margin:0 0 5px 70px; padding:0; font-size:14px; color:#ccc;}

.indexpg {margin:0 0 20px 0; padding:5px 0 5px 0; border:none; background:#424242; }
.newstitle {font-family:verdana; font-size:16px; font-weight:bold; color:#ccc; padding-left:5px; margin-bottom:0; margin-top:0;  }
div#leftCol .author {margin:0; padding:0 0 0 5px; color:#666; font-size:11px; border-bottom:1px solid #333;}

.latestgallery {margin:0; font-size:12px; color:#999;   }
.userstat {font-size:12px; color:#999; padding:0 10px;}
.lastgalleryHR {margin:15px 10px 5px 10px; border-bottom:1px solid #333; }





/* TOP COMPANY LOGO BAR HEADER */
div#headcontain { height:50px; margin:0; padding:0; background-color:#252525;}
div#headcontain div#headimg h3 {margin:0; padding:5px; }
div#headcontain div#headimg h3 a {color:#fff; font-family:"Century Gothic", Verdana, sans-serif; font-size:28px;}
div#headcontain img {border:0;}
div#headcontain div#headimg {width:780px; margin:0 auto 0 auto;}

/* TOP NAVIGATION */
div#headnav {width:780px; margin:0 auto 0 auto;}

div#headnav ol {margin:0 25px 15px 0; font-family:Verdana, "Century Gothic", sans-serif; font-size:14px; white-space:nowrap; float:right; text-align:center;}
div#headnav ol li {display:inline; padding:0 20px 2px 20px; font-weight:600; border-right:1px dashed #252525; }
div#headnav .last {border:0;}
div#headnav ol li a {text-decoration:none; color:#999; border-bottom:5px solid #252525; padding:0 5px 3px 5px;}
div#headnav ol li a:hover {border-bottom:15px solid #222; color:#fff;}

/* BREADCRUMB NAVIGATION */
ol#breadcrumb {margin-top:-10px;}
ol#breadcrumb li {display:inline; color:#999; font-family:Verdana; font-size:12px;}
ol#breadcrumb a {color:#999; text-decoration:none;}
ol#breadcrumb a:hover {border-bottom:1px dashed #fff; color:#fff;}

/* CONTENT STYLING */
div#content {width:780px; margin:0 auto 0 auto; }
div#wrapper {min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -101px auto; /* the bottom margin is the negative value of the footer's height */ }


/* PRODUCT INDEX STYLING */
div.products {padding:0 0 0 50px;}
div.products .thumb {float:left; width:100px; height:100px; padding:0 10px 25px 0;}
div.products h4 {font-family:Verdana; margin-bottom:5px; }
div.products p {margin:0; font-style:italic; font-family:Verdana; font-size:14px; color:#ccc;}
.price {margin-top:5px; color:#f33; }
div.products img {border:0; padding:5px; padding-left:20px;}

/* FOOTER STYLING */
div#footercontain {margin:0; padding:0; background-color:#252525; }

div#footercontain, .push {height:95px; }

div#footercontain div#footer {width:780px; margin:0 auto 0 auto; background-color:#252525; text-align:center;}
div#footercontain div#footer ul{padding-top:5px; font-family:Verdana, "Century Gothic", sans-serif; font-weight:bold; font-size:13px; white-space:nowrap; }
div#footercontain div#footer ul li {display:inline; margin:0 10px 0 10px; padding:0 5px 2px 5px;}
div#footercontain div#footer ul li a {color:#999; text-decoration:none;}
div#footercontain div#footer ul li a:hover {color:#fff; border-bottom:1px dashed #fff;}
div#footercontain div#footer p {color:#444; font-size:12px; padding-bottom:5px;}
div#footercontain div#footer a {color:#444; text-decoration:none;}
div#footercontain div#footer a:hover {border-bottom:1px dashed #333;}

/* IMAGE GALLERY STYLING */
div#galleryboxcontainer {width:700px; margin:0 auto 0 auto; }
div.gallerybox {border:1px solid #252525; height:240px; width:202px; font-family:Verdana; float:left; margin:0 0 20px 20px; }
div.gallerybox img {width:192px; height:118px; margin:5px; border:none;}
div.gallerybox h5 {margin:-5px 0 0 5px; }
div.gallerybox h5.point {font-weight:100; padding-top:7px; color:#ccc;}
div.gallerybox p.view { font-variant:small-caps; padding-right:5px; margin:0 0 5px 0; text-align:right;}
div.gallerybox p.view a {color:#6d90b6; text-decoration:none; }
div.gallerybox p.view a:hover {border-bottom:1px dashed #6d90b6;}

/* PRODUCT DETAIL PAGE */
div#content .productimage {margin:0 0 0 50px; padding-right:10px; width:300px; height:300px; float:left; }
div#content div#productdetails h4 {font-family:Verdana; margin:0; }
.prodp {font-size:15px; color:#ccc; padding-left:0;}
div#content div#productdetails img {border:none; margin-top:10px; margin-bottom:10px;}
div#content div#productdetails { margin-left:365px;}
div#content h4#review {font-family:Verdana; padding:3px 0 0 0; border-top:1px solid #252525; clear:both;}

/* FAQ PAGE */
div#content ol#faqlist {margin-left:40px; font-family:Verdana; line-height:1.25;}
div#content ol#faqlist a {color:#fff; text-decoration:none;}
div#content ol#faqlist a:hover {border-bottom:1px dashed #ccc;}
div#content .question {margin-left:60px; clear:both; font-weight:bold; font-family:Verdana;}
div#content .answer {margin-left:85px; color:#ccc; font-family:Verdana; font-style:italic;}
div#content .top a {margin-right:100px; float:right; color:#555; text-decoration:none; margin-bottom:10px;}

/* SIGN-UP FORM */
label { display: block; width:10em;	clear:left; text-align: right;	font-family:Verdana; font-size: 14px; color:#999; background-color:#353535; }
label, input, textarea, select { float:left; margin:2px 0 2px 5px; }
input, textarea, select {border:1px solid #252525; background-color:#ccc;}
fieldset {margin:15px 100px 20px 100px; border:1px solid #252525; }
input[type="submit"] {background-color:#999; color:#333; font-family:Verdana; font-weight:bold;	clear: left; margin:15px 0 0 200px;  }
.formex {margin:0; padding:0; }
form p {color:#ccc; font-size:13px; font-style:italic; }
p.category {
	clear:both;
	padding-top:15px; 
	}


/* LOGIN PAGE - STILL NOT A MEMBER, SIGN UP TEXT STYLING  */
#frmLogin { margin-bottom:0; }
#frmLogin #btnLogin {margin-top:5px; margin-bottom:20px;} 
#content .notRegistered {font-size:12px; text-align:right; margin-right:152px; margin-bottom:0;}
#content .notRegistered a {text-decoration:none;}
#content .notRegistered a:hover {color:black; } 

/* FORGOT PASSWORD PAGE */
#frmPass #btnPass {margin-top:5px; margin-bottom:20px; margin-left:205px;}
.nomatch { color:#f00; }
#passchange { text-align:center; font-size:24px; margin-bottom:0; margin-top:25px; }
#passchange2 { text-align:center; font-size:14px; margin-top:5px; margin-bottom:285px;  }
.changepassField { margin-bottom:240px;}

/* REVIEW SCRIPT */
h4.revttl {font-family:Verdana, Arial, sans-serif; padding:0; margin:0 0 0 15px; font-size:12px; color:#999;}
.revcomm {font-size:13px; color:#777; margin-top:5px;}

/* SITEMAP */
ul#sitemap {margin-left:55px; list-style:none;}
ul#sitemap ul {list-style:none;}
ul#sitemap a {color:#ccc; text-decoration:none;}
ul#sitemap a:hover {border-bottom:1px dashed #ccc;}

/* FORM HANDLERS */
.errorbox {background-color:#f33;}
.formecho {margin:0; padding-left:80px; color:#777; font-style:italic;}

/* USER GALLERY PAGE */
.usertitle {margin:0 50px 0 50px; font-size:19pt; letter-spacing:2pt; font-family:Verdana; font-weight:600; text-align:center; border:1px solid #252525;}
.mods {border:1px solid #252525; width:230px; height:auto; margin:10px 0 5px 50px;  }
.mods h4 {margin:0 0 0 10px; color:#ccc; font-family:Verdana; font-size:14px;}
.mods ul {display:block; list-style-type:square; margin-top:0; font-size:14px; color:#888;}
div#imagebox {border:1px solid #252525; float:right; width:435px; height:auto; margin:10px 50px 10px 0;}
div#imagebox img {padding:6px; padding-bottom:4px; }
.images {text-align:center; padding:0; margin:0;}
.thumbgallery {font-size:11px; color:#666; padding:0; margin-bottom:0; margin-top:0; text-align:center;}
.pprev {width:225px; text-align:center; float:left;  }
.pprev .pagenumberprev {}
.pprev .pagenumberprev a {text-decoration:none; color:#ccc; font-family:verdana; font-size:12px;}
.pnext {width:225px; text-align:center; float:right;  }
.pnext .pagenumbernext {}
.pnext .pagenumbernext a {text-decoration:none; color:#ccc; font-family:verdana; font-size:12px;}
.pgof {color:#ccc; text-align:center; padding:0; margin:0; font-family:verdana; font-size:12px; font-weight:bold;}

div#signupmempage {
background-color:#252525;
float:right; 
clear: both;
width:435px; 
margin:5px 50px 20px 0;
}
div#signupmempage p {
text-align:center;
font-variant:small-caps;
font-size:14px;
margin:0;
padding:2px;
}
div#signupmempage p a {
text-decoration:none;
}

div#signupmempage p a:hover {
color:#FF0000;
}

/* USER GBOOK ON MEMBER PAGE */
div#imagebox div.usrgbook {

}

div#imagebox div.usrgbook h4 {
margin:0 0 0 10px; 
color:#ccc; 
font-family:Verdana;
font-size:18px;

}


/* USER CONTROL PANEL */
.memberinfo {border:1px solid #252525; width:230px; height:auto; margin:10px 0 5px 50px;}
div .memberinfo div#changepass { clear:both; margin:20px; border:1px solid #252525;  }
.memberinfo h4 {margin:0 0 0 10px; color:#ccc; font-family:Verdana; font-size:14px;}
.memberinfo ul {display:block; list-style-type:square; margin-top:0; margin-bottom:0; font-size:14px; color:#888;}
.edit {padding:3px 10px 5px 0; margin:0; text-align:right; font-variant:small-caps; font-family:Verdana; font-weight:bold; font-style:italic; color:#f90;}
.edit a {color:#f90; text-decoration:none; cursor:pointer;}
.edit a:hover {color:#f00;}

.usr_edit {margin:0 0 0 15px; padding:0; color:#999;}
.formedit{margin-left:20px;}
.formedit input {background-color:#ffc; border:1px solid red; }
.formedit input[type="submit"], .uploadform input[type="submit"] {background-color:#f90; border:1px solid red; color:#333; font-family:Verdana; font-weight:bold;	clear: both; margin:5px 0 20px 40px; float:none; } 
.formedit textarea {margin:0; padding:0; float:none; background-color:#ffc; border:1px solid red; }

.memberinfo ul ul {margin-left:-30px; }
.memberinfo ul ul li {list-style-type:none; font-style:italic; font-size:13px; }

.imguploaded {float:left; width:75px; height:75px; margin-left:60px; margin-bottom:15px;}
.inputform {}
.uploadinfo {text-align:center; font-size:12px; font-family:verdana;}
.uploadinfo2 { color:black; text-align:center; font-size:12px; font-family:verdana; border:1px solid red; background-color:#ffc; margin:15px 40px; padding:3px; }

.desc {margin:0 10px 10px 10px; padding:5px; color:black; text-align:center; font-size:12px; font-family:verdana; border:1px solid red; background-color:#ffc; font-weight:bold; }

div#feedback {
margin:0 50px 10px 50px;
background-color:#252525;
padding-bottom:2px;
padding-top:2px;
border:1px solid #f90;
}

div#feedback p {
font-size:15px;
color:#ccc;

}



/* MEMBER IMAGE PAGE STYLING */
div#image {width:640px; padding-bottom:130px; margin:10px auto 30px auto; }
.backimg {text-align:center; font-size:12px; font-family:verdana; color:#999;  }
.url {
font-size:12px;
color:#fff;
font-family:verdana;
float:left;
border:none;
margin-bottom:3px;
padding-left:5px;
}

.urlbox, .bburl {border:2px solid #363636; }
div.imgLinks input {

}

div.imgLinks {
border:1px solid #252525;
margin-left:75px;
margin-right:75px;
margin-top:20px;
padding-bottom:10px;
}

div.imgLinks p {
margin-left:0; padding-left:0;
}


div.imgLinks h4 {
margin:0 0 5px 0;
padding:5px;
color:#ccc;
font-family:Verdana;
font-size:14px;
background-color:#252525;
}

/* ARTICLES PAGES */
h1.article {
margin-left:50px;
margin-right:25px;
font-size:20px;
border-bottom:1px solid #fff;
}

h1.articleLink {
margin-left:50px;
margin-bottom:20px;
font-size:16px;
letter-spacing:1px;
}

h1.articleLink a {
color:#fff;
padding:5px 5px 10px 5px;
}

h1.articleLink a:hover {
background-color:#272727;
}

ul.articleBullets {
margin-left:25px;
font-size:14px;
}

ul.articleBullets li {
margin-bottom:10px;
}

p.articlesp {
font-size:14px;
line-height:20px;
}