@import url("reset.css");

/*********************************
	Standard tags
*********************************/
a {
	color: #4e5c3b;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	background-color: #9aa875;
}

body {
	background-color: #fff;
	color: #4e5c3b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

h1 {
	color: #ff3a0d;
	font-size: 18px;
	font-weight: normal;
	margin: 14px 0 14px 0;
}

h2 {
	color: #4e5c3b;
	font-size: 12px;
	font-weight: bold;
}

h2 a {
	text-decoration: none;
}

hr {
	border: none;
	border-top: 1px solid #c8cdc2;
	height: 0;
}

strong {
	font-weight: bold;
}

/*********************************
	Layout elements
*********************************/

#uploadWrap {
	background-color: #ff3a0d;
	color: #fff;
	display: none;
	height: 172px;
}

#uploadWrap a {
	color: #fff;
	text-decoration: none;
}

#uploadWrap a:hover {
	background-color: transparent;
}

#uploadWrap #uploadTitle {
	float: left;
	margin: 6px 0 0 0;
	width: 170px;
}

#uploadWrap #uploadTitle h1 {
	color: #fff;
}

#uploadForm {
	float: left;
	margin: 24px 14px 0 0;
	width: 250px;
}

#uploadForm label {
	display:block;
	padding: 0 5px 0 0;
	text-align: right;
}

#uploadForm input {
	border: 1px solid #fe822a;
	color: #fe822a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 193px;
}

#uploadForm table tr td {
	padding: 0 0 2px 0;
}

#uploadForm #submitBtn {
	margin: 10px 0 0 55px;
}

#uploadForm #submitLdr {
	display: none;
	margin: 10px 0 0 15px;
}

#aboutUploading {
	float: left;
	margin: 24px 0 0 0;
	width: 300px;	
}

#closeUploadWrap {
	float: right;
	margin: 24px 0 0 0;
}

#headerWrap {
	height: 170px;
	position: relative;
}

#headerWrap #logo {
	left: 13px;
	position: absolute;
	top: 16px;
}

#headerWrap #slogan {
	left: 526px;
	position: absolute;
	top: 56px;
}

#headerWrap ul {
	height: 23px;
	left: 0px;
	position: absolute;
	top: 147px;
}

#headerWrap ul li {
	display: inline;
}

#headerWrap ul li a {
	background: #9aa875 url("../images/tab_lg.gif") no-repeat;
	float: left;
}

#headerWrap ul li a.selected,
#headerWrap ul li a:hover {
	background: #9aa875 url("../images/tab_dg.gif") no-repeat;
}

#headerWrap #uploadTab {
	background: #ff3a0d url("../images/tab_o.gif") no-repeat;
	left: 810px;
	position: absolute;
	top: 0px;	
}

#headerWrap a.tab {
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 21px; /* 23 - 2 */
	margin: 0 1px 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 166px;
}

#contentWrap {
	background-color: #edf0e4;
	border: 1px solid #4e5c3b;
	border-left: none;
	border-right: none;
}

div.wWrap {
	background: url("../images/box_w.gif") top no-repeat;
	float: left;
	height: 286px; /* 300 - 14 */
	margin: 0 14px 24px 0;
	padding: 6px 13px 8px 13px;
	position: relative;
	width: 174px; /* 200 - 26 */
}

div.wFloaters {
	border: 1px solid #c8cdc2;
	border-left: none;
	border-right: none;
	height: 40px;
	margin: 3px 0 3px 0;
}

div.wFloaters div {
	float: left;
	text-align: center;
	width: 85px;
}

div.wFloaters img {
	margin: 5px 0 2px 0;
}

div.wTags {
	height: 36px;
	overflow: hidden;
}

#skyscraper {
	float: right;
	margin: 0 0 20px 0;
	/*height: 600px;*/
	width: 120px;
}

#adsenseblock {
	background: #fff url(../images/box_adsense.gif) top left no-repeat;
	float: left;
	height: 21px;
	margin: 0 0 24px 0;
	padding: 5px 0 0 0;
	text-align: center;
	width: 842px;
}

/* #adsenseblockbig wordt nu even niet gebruikt. Hij staat in wallpaper.tpl */
#adsenseblockbig {
	float: left;
	margin: 0 0 24px 0;
	text-align: center;
	width: 842px;
}

#browseWrap {
	height: 48px;
	padding: 20px 0 0 227px;
}

#browseWrap a {
	float: left;
	margin: 0 40px 0 0;
}

#tagCloudWrap {
	background: url("../images/box_t_842.gif") top no-repeat;
	padding: 6px 0 0 0;
	width: 842px;
}

#tagCloudWrap div.cloud {
	background-color: #edf0e4;
	border: 1px solid #9aa875;
	border-top: none;
	border-bottom: none;
	padding: 8px 12px 8px 12px;
	text-align: center;
}

#tagCloudWrap div.bottom {
	background: url("../images/box_b_842.gif") top no-repeat;
	padding: 6px 0 0 0;
}

#footer {
	height: 40px;
	padding: 24px 0 0 0;
	text-align: center;
	width: 842px;
}

/*********************************
	Download page
*********************************/

#wallPreviewBox {
	background: url(../images/box_p.gif) top no-repeat;
	float: left;
	height: 325px; /* 331 */
	margin: 0 14px 20px 0;
	padding: 6px 0 0 13px;
	position: relative;
	width: 401px; /* 414 */
}

#wallPreviewBox img {
	margin: 4px 0 0 0;
}

#downloadBox {
	background: url(../images/box_d.gif) top no-repeat;
	float: left;
	height: 159px; /* 165px;*/
	margin: 0 0 14px 0;
	padding: 6px 0 0 13px;
	width: 401px; /* 414px; */
}

#downloadBox div {
	float: left;
	margin: 0 30px 0 0;	
}

#infoBox {
	background: url(../images/box_i.gif) top no-repeat;
	float: left;
	height: 146px; /* 152px;*/
	padding: 6px 13px 0 13px;
	width: 388px;
}

/*********************************
	Extra classes
*********************************/

a.button {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a.button:hover {
	color: #ff3a0d;
}

a.btnUpload,
a.btnDownload,
a.btnNext,
a.btnPrevious,
.btnNextDis,
.btnPreviousDis {
	display: block;
	height: 22px; /* 25 - 3 */
	margin: 5px 0 0 0;
	width: 122px; /* 174 - 52 */
	padding: 3px 0 0 52px;
}

a.btnUpload {
	background: url("../images/button_upload.gif") no-repeat;
}

a.btnDownload {
	background: url("../images/button_download.gif") no-repeat;
}

a.btnNext {
	background: url("../images/button_next.gif") no-repeat;
}

a.btnPrevious {
	background: url("../images/button_prev.gif") no-repeat;
}

.btnNextDis,
.btnPreviousDis {
	color: #fff;
	float: left;
	font-weight: bold;
	margin: 0 40px 0 0;
}

.btnNextDis {
	background: url("../images/button_next_disabled.gif") no-repeat;
}

.btnPreviousDis {
	background: url("../images/button_prev_disabled.gif") no-repeat;
}

div.centerWrap {
	margin: 0 auto;
	width: 976px;
}

img.border {
	border: 1px solid #c8cdc2;
}

/* Float Buster */
.floatBuster {
	clear: both; 
	height: 0; 
	line-height: 0;
}

/* Bladeren: google cloud weergave van resultaten */
div.cloud {
	text-align: center;
}

div.cloud h1, 
div.cloud h2, 
div.cloud h3, 
div.cloud h4, 
div.cloud h5, 
div.cloud h6 {
	display: inline;
	margin: 0 25px 0 0;
	line-height: 24px;
	color: #4e5c3b;
}

div.cloud a {
	text-decoration: none;
}

div.cloud h1 { font-size: 18px; }
div.cloud h2 { font-size: 16px; }
div.cloud h3 { font-size: 14px; }
div.cloud h4 { font-size: 12px; }
div.cloud h5 { font-size: 11px; }
div.cloud h6 { font-size: 10px; }

/* Edit in place */
.editinplace img {
	cursor: pointer;
}

.wWrap .editinplace,
#wallPreviewBox .editinplace {
	background-color: #FFF;
	border: 1px solid #c8cdc2;
	display: block;
	left: 19px;
	line-height: 0;
	position: absolute;
	top: 31px;	
}