/*************************************************************
This document is the property of the registered website owner.
Copyright 2008 www.designblocks.co.uk. All rights reserved.
It is illegal to copy any part of this document without
explicit written consent from the registered website owner. 
*************************************************************/

/*******************
Filename: screen.css
*******************/

* { margin: 0; padding: 0; }

body {
	background: url(http://www.designblocks.co.uk/images/bodyBg.jpg) no-repeat #e7ddc8 top;
	font-family: 'Century Gothic', Arial;
	font-size: 12px;
	text-align: center;
}

p { margin: 30px 0; color: #564a4a; }
ul li { list-style: none; } ol li { list-style: lower-alpha; margin-left: 45px; margin-right: 20px; }
a { text-decoration: none; color: #ca6400; } a:hover { color: #6e1414; }
h1 { margin: 20px 0; padding: 0 20px; color: #706341; font-size: 35px }
h2 { margin: 20px 0; padding: 0 20px; color: #6e1414; font-size: 18px }
h3 { margin: 20px 0; padding: 0 20px; color: #473d3d; font-size: 18px }
form { padding: 0 20px; }
code { color: #8a8220; }


/* ID CODE */
#wrapper { text-align: left; width: 980px; margin: 0 auto; overflow: hidden; } /* USED TO WRAP AROUND ALL CONTENT AND ALIGN IT CENTER */

/* STYLING FOR TOP LOGIN PANEL */
#login { background: url(../images/loginBg.gif) no-repeat; height: 92px; width: 327px; float: right; padding: 5px 0; }
#login p { margin: 0; color: #ebebeb; font-size: 11px; padding-left: 15px; }
#loginPanel { margin: 5px 0 5px -5px; }
#loginPanel p { padding-left: 0; }
#loginPanel .password { margin: -36px 0 0 130px; } #loginPanel .button { margin: -21px 0 0 245px; }
#login a { text-decoration: none; color: #e8d3a5; } #login a:hover { text-decoration: line-through; color: #ffffff; }
#login .forgotPassword { margin-left: 14px; }
/**********/

#brand { margin-top: 8px; }
#brand a { background: url(../images/ic/clickMe2.gif) no-repeat right hidden; }
#brand a:hover { background: url(../images/ic/clickMe2.gif) no-repeat right; }

#menu {	padding: 0; margin: 26px 0 0 0; }
#menu ul li { display: inline; text-transform: uppercase; background: none; padding: 0; margin: 0; font-weight: normal; }
#menu a { text-decoration: none; color: #e4d4b2; padding: 9px 16px 9px 16px; }
#menu a:hover { background-color: #FFFFFF; padding: 9px 16px 9px 16px;	text-decoration: none;	color: #212121; }

#rSide { background: url(../images/rSideBg.gif) repeat-y; margin: 47px -3px 0 0; float: right; width: 293px; height: auto; overflow: auto; }
#rSide p { padding-right: 20px; padding-left: 20px; }
#rSide li { padding-right: 20px; padding-left: 20px; padding-bottom: 10px; } /* padding-bottom: 10px; is new, add this to your copy of screen.css */
#rSide form { margin-bottom: 40px; }
#rSide a img { margin: 0 -5px 20px 20px; }

#lSide { background: url(../images/lSideBg.gif) repeat-y; margin: 47px 0 0 -3px; width: 659px; height: auto; overflow: auto; }
#lSide p { padding-right: 20px; padding-left: 20px; }
#lSide .lowerRoman ol li { list-style: lower-roman; margin-right: 20px; }
#lSide ul li { list-style: disc; margin-left: 45px; margin-right: 20px; }
#lSide img { margin-top: 25px; }
#promotionResources h3 { margin-bottom: 10px; }
#promotionResources img { margin: 20px; }

#pageBanner { background: url(../images/bannerBg.jpg) no-repeat; height: 120px; margin: 20px 0 0 20px; padding-top: 13px; }
#pageBanner p { color: #888772; margin-left: -10px; width: 358px; margin-bottom: -14px; }
#pageBanner a { color: #d5cf4b; text-decoration: underline; } #pageBanner a:hover { color: #ffffff; text-decoration: none; }

#pageBannerRight { position: absolute; margin: -150px 0 0 410px; width: 240px; }
#pageBannerRight p { color: #ffffff; margin-bottom: 5px; }
#pageBannerRight ul li { color: #a1d871; list-style: none; margin-left: 20px; } #pageBannerRight ul { margin-bottom: -18px; }

#latestMembers {} #latestMembers ul li, #randomProfiles ul li { list-style: none; margin-left: 20px; }
#randomProfiles { float: right; margin-top: -20px; }

#blogFooter { background-color: #f5f0e5; border: thin solid #ece2cc; margin: 20px; padding: 4px; }
#blogFooter ul li { display: inline; padding: 0; margin: 0; }

#membComments { margin: 50px 0; } /* blog_entry.html (BLOG page) */

.commentText { /* blog_entry.html (BLOG page) */
	background: url(../images/commentBg.png) no-repeat;
	border-bottom: thin solid #e5df78;
	width: 488px;
	margin: 10px 0 10px 20px;
}
.commentText p { padding: 5px 20px 15px 20px; margin: 0; } /* blog_entry.html (BLOG page) */

#commentForm { margin: -10px 0 0 -20px; } /* blog_entry.html (BLOG page) */
#commentForm p { margin-top: -20px; }  /* blog_entry.html (BLOG page) */

#back2top { margin: -4px 0 0 3px; }

#foot { background-color: #1d1d1d; padding: 4px 20px; color: #f6f6f6; text-align: left; }
#foot p { width: 685px; color: #837171; }
#foot a { text-decoration: none; color: #e4d4b2; }
#foot a:hover { text-decoration: line-through; color: #ffffff; }

/* USER PROFILE PAGE DIV AND CLASS */
#userDetailsTop { margin: -170px 0 0 145px; } #userDetailsTop p { margin-top: 10px; margin-bottom: 10px; }
#avator { margin: 0 0 0 20px; }
#uploadAvatarLink { margin-top: 10px; }
#userDetails { margin-top: 80px; }

.profUsername { font-size: 30px; font-weight: bold; color: #282828; }
.profEditLink { font-size: 12px; font-weight: normal; text-transform: uppercase; }

.uploadImg { background: url(http://www.designblocks.co.uk/images/ic/image_add.png) no-repeat left; padding-left: 20px; }
.location { background: url(http://www.designblocks.co.uk/images/ic/map.png) no-repeat left; padding-left: 20px; margin-left: 20px; }
.group { background: url(http://www.designblocks.co.uk/images/ic/group.png) no-repeat left; padding-left: 20px; margin-left: 20px; }
.gender { background: url(http://www.designblocks.co.uk/images/ic/gender.png) no-repeat left; padding-left: 20px; margin-left: 20px; }
/* END USER PROFILE PAGE DIV AND CLASS */


/* PROJECT PROGRESS BAR */
dt, dd{margin:0px ;padding:0;}
dl { margin-left: 20px; }

dd{
	width:216px;
	height:41px;
	background:url(http://www.designblocks.co.uk/images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
dd span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(http://www.designblocks.co.uk/images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
dd em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(http://www.designblocks.co.uk/images/bg_cover.gif) repeat-x;
	top:0;
}
/* END PROJECT PROGRESS BAR */

/* FONT CODE */
.codeExample {
width: 80%;
margin: 0 0 25px 20px;
padding: 6px;
font-family: "Courier New";
font-size: 11px;
border: solid 1px #c5d56f;
background-color: #e7ebd1;
}
/* END FONT CODE */

/* USER COUNT CODE */
#userCountDiv { float: right; }
.userCount {
background: url(http://www.designblocks.co.uk/images/ic/user.png) no-repeat left;
padding-left: 18px; text-align: right; margin: -18px 0 0 0;
}
/* END USER COUNT CODE */


/* CLASS CODE */
#menu .active { background-color: #FFFFFF; padding: 9px 16px 9px 16px; text-decoration: none; color: #212121; }
a .imgBorder { border: medium solid #dddddd; }
a:hover .imgBorder { border: medium solid #c8c8c8; }
.domain_name { color: #e4d4b2; font-weight: bold; }
.copyBg { background: url(../images/copyBg.png) no-repeat left; padding-left: 38px; }
.validate { padding-left: 38px; }
.reqStar { font-size: medium; color: #ab1f1f; }
.regSmallTxt { font-size: smaller; color: #717171; font-style: italic; } /* signup.html (REGISTER/LOGIN page) */
.accounts { color: #b7b16a; } /* signup.html (REGISTER/LOGIN page) */
.category { float: right; margin-top: 10px; } /* blog_entry.html + blog_list.html (BLOG page) */
.blogInfo { background-color: #e5df78; padding: 4px; } /* blog_entry.html + blog_list.html (BLOG page) */
.comments { float: right; margin: 0; text-align: right; } /* blog_entry.html + blog_list.html (BLOG page) */
.smallTxt { font-size: smaller; } .bigTxt { font-size: 15px; }
.rate { margin: 0; }
.js-kit-rating { margin-left: 20px; }
.pageBannerBox { background-color: #69694a; border: thin solid #7a7a55; color: #bdbd85; padding: 3px; }
.pageBannerBox:hover { background-color: #69694a; border: thin solid #929265; color: #e1e19f; padding: 3px; }
.userIcon { background: url(http://www.designblocks.co.uk/images/ic/user_green.png) no-repeat left; padding-left: 20px; font-size: 16px; }
.profIcon { background: url(http://www.designblocks.co.uk/images/ic/profile.png) no-repeat left; padding-left: 20px; font-size: 16px; }
.evo { background: url(http://www.designblocks.co.uk/images/ic/evo.png) no-repeat left; padding-left: 20px; margin-left: 3px; }
.favelets { background: url(http://www.favelets.co.uk/img/favelets-socialicon.png) no-repeat left; padding-left: 20px; }
.top25 { background: url(http://www.designblocks.co.uk/images/ic/top25.png) no-repeat left; padding-left: 20px; }
.archive { background: url(http://www.designblocks.co.uk/images/ic/calendar_view_month.png) no-repeat left; padding: 9px 0 0 20px; margin-left: 20px; }