/* OVERALL */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
dt, dd {
	display: block;
	float: left;
}
dt {
	clear: both;
	width: 70px;
	font-weight: bold;
}
img {
	border: 0px;
}
a {
	color:#4C86B8;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 8px;
}
/* FORMS */
labeasdl {
	width:200px;
	display:block;
	float:left;
}
label {
	display:block;
	font-weight:bold;
	margin: 12px 0 3px 0;
}
label.error:after {
	color: #red;
	content: " *";
}
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input, select, textarea {
	margin: 0px;
}
input[type="submit"] {
	margin: 0;
}

#content li {
	margin: 10px 0;
}

/* Threads */

.thread {
	margin: 15px auto 15px auto;
	width: 600px;
}

.thread .child {
	padding: 5px; 
	border-bottom: 4px solid #FFF;
	background-color: #DCE7F0;
}

.thread .child .image {
	text-align: center;
	float: left;
	width: 50px;
}

.thread .child .content {
	padding-left: 6px;
	border-left: 2px solid #FFF;
	margin-left: 6px;
	width: 526px;
	float: left;
	min-height: 50px;
}

.thread .child .content a {
	color: #20557F;
	font-weight: bold;
}

.thread .child .content .date {
	maring-top: 5px;
	height: 10px;
	color: grey;
}

.thread .child .content .text p {
	margin-left: 0;
}

.thread .child:last-child {
	border-bottom: 0;
}

.commentCreateUser {
	margin: 15px auto 15px auto;
	width: 600px;
}

.commentCreateUser .image {
	float: left;
	padding-right: 20px;
}

.commentCreateUser .text {
	float: left;
	width: 450px;
}

.commentCreateUser .text h1 {
	font-size: 16px;
}

/* EDITS */

.article .edit {
	float: right;
	display: none;
	z-index: 1;
	position: absolute;
	margin-left: 645px; 
	width: 32px;
	height: 18px; 
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

/* Log in box */

label[for="Login_rememberMe"] {
	display: inline;
}

/* TinyMCE */
textarea.tinymce {
	display: none;
}

/* Forum */

.forumSubCat {
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #D1D1D1;
}

.forumSubCat img {
	float: left;
	padding: 10px 20px 10px 20px;
}

.forumSubCat .subDescription {
	width: 420px;
	float: left;
	color: #787878;
	margin-right: 15px;
}

.forumSubCat .subDescription a {
	font-size: 14px;
	font-weight: bold;
	color: #20557F;
}

.forumSubCat .subStats {
	width: 175px;
	height: 30px;
	float: left;
} 

.forumCatTop {
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 10px;
}

.forumCatTopic {
	padding-top: 7px;
	float: left;
	width: 450px;
}

.forumCatShow {
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #D1D1D1;
}

.forumCatShow img {
	float: left;
	padding: 3px 20px;
}

.forumCatShow .topicDescription {
	width: 420px;
	height: 35px;
	float: left;
	color: #787878;
	margin-right: 15px;
}

.forumCatShow .topicDescription .topicLink {
	font-size: 14px;
	font-weight: bold;
	color: #20557F;
	padding-bottom: 7px;
	display: block;
}

.forumCatShow .topicStats {
	width: 175px;
	height: 30px;
	float: left;
} 
.topicShow {
	padding: 4px 0 4px 0;
	border-bottom: 1px solid #D1D1D1;
}

.topicShow img {
	float: left;
	padding: 3px 10px;
}

.topicShow .topicLeft {
	width: 420px;
	height: 30px;
	float: left;
	color: #787878;
	margin-right: 15px;
}

.topicShow .topicLeft .topicLink {
	font-size: 14px;
	font-weight: bold;
	color: #20557F;
	display: block;
}

.topicShow .topicRight {
	width: 175px;
	height: 15px;
	float: left;
	padding-top: 8px;
	text-align: right;
}

.forumCatTopic {
	float: left;
	width: 450px;
}

.forumThread {
	margin: 0 auto;
	margin-top: 10px;
	width: 670px;
}

.forumThread .child {
	width: 100%;
	margin-bottom: 20px;
}

.forumThread .child .image {
	float: left;
	width: 50px;
	margin-right: 10px;
	font-size: 9px;
	color: #808080;
}

.forumThread .child .content {
	float: left;
	width: 610px;
	min-height: 60px;
}

.forumThread .child .content p {
	margin-left: 0;
}

.forumThread .child .content div.text {
	margin: 0 5px 0 5px;
}

.forumThread .child .content .edit {
	float: right;
	display: none;
	z-index: 1;
	position: absolute;
	margin-left: 556px; 
	width: 52px;
	height: 27px; 
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.forumThread .child .content .edit img {
	padding: 5px;
} 

.forumThread .child .head {
	padding: 2px 5px;
	background-color: #F0F0EE;
	border-top: 1px solid #28628A;
	border-bottom: 1px solid #CCCCCC;
}

.forumThread .child .by {
	float: left;
}

.forumThread .child .created {
	float: right;
	color: #808080;
}

.forumCatTopicCTA {
	float: right;
	background: url('/images/buttons/cta-green-fade.png') top center repeat;
	width: 100px;
	height: 0px;
	color: #FFFFFF;
	padding: 15px 5px 30px 25px;
	margin: 10px 10px 0 0;
} 

.forumCatTopicCTA:hover {
	text-decoration: none;
}

.forumCatTopicLight {
	background-color: #F8F8F8;
}

.forumCatTopicDark {
	background-color: ##F1F1F1;
}

.sortPager {
	background-color: #5D9AB9;
	padding: 10px;
}

.sortPager ul {
	margin: 0;
	padding: 0;
}

.sortPager ul li {
	display: inline;
}

/* CONTAINER */

#container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

/* TOP */

#top {
	height: 90px;
	width: 1000px;
	background: url('../images/top-no-line.jpg') top center no-repeat;
	color: #FFFFFF;
}

#top a {
	color: #FFFFFF;
}

#top #logo {
	padding: 15px 0 0 15px;
	float: left;
	color: #FFFFFF;
	width: 200px;
}

#top #quicknav {
	margin-left: 293px;
	margin-top: 4px;
}

#top #links {
	float: right;
	text-align: left;
	width: 355px;
	height: 21.5px;
	padding-top: 5px;
}
#top #banner {
	float: right;
	text-align: left;
	width: 495px;
	height: 60px;
	padding: 20px 5px 0 0;
}

#top #banner form {
	width: 215px; 
	display: block;
	float: left;
}

#top #banner span {
	line-height: 20px;
}

#top #banner #login {
	float: left;
}

#top #banner #login input {
	width: 145px;
}

#top #banner #submit input[type="submit"] {
	float: left;
	background: url('../images/top-submit.gif') top center repeat;
	border: 0;
	height: 44px;
	margin: 0;
	color: #FFFFFF;
}

#top #banner #submit input[type="checkbox"] {
	height: 125x;
	margin: 3px 3px 0 4px;
}

#top #banner #newUser {
	float: left;
	background: url('/images/buttons/cta-light-green.png') top center repeat;
	padding:  14px 71px 30px 66px;
	height: 0;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	font-size: 16px;
}

#top #banner #newTopic {
	float: left;
	background: url('/images/buttons/cta-light-green.png') top center repeat;
	padding:  20px 89px 36px 94px;
	height: 0;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	font-size: 12px;
}

#top #banner .left {
	width: 200px;
}

/* CONTENT */

#content {
	padding: 3px;
	border: 1px solid rgb(168, 171, 172);
	border-top: 0;
	margin-bottom: 15px;
	float: left;
	width: 680px;
	height: 100%;
}

#contentWide {
	border-top: 0;
	margin-bottom: 15px;
	width: 1000px;
	height: 100%;
}

div.news a.image.left {
	float: left;
	margin-right: 12px;
}
div.news a.image.right {
	float: right;
	margin-left: 12px;
}

div.news > p {
	margin: 3px;
}
div.news > H3 {
	margin: 12px 3px;
}
div.news div.content {
	margin-left: 5px;
}

div.actionbar {
	 background-color:#EEF1F2;
	 padding:3px;
	 margin-top: 10px;
}

/* HEADERS */

.header {
	height: 23px;
	padding: 8px 8px 0 8px;
	width: 664px;
	background: url('../images/contentbar_darkblue.jpg') top center no-repeat;
	color: #FFFFFF;
}

.header h1 {
	font-size: 11px;
	margin: 0;
	display: inline;
}

.header a {
	color: #FFFFFF;
}

.header .comment {
	font-size: 11px;
	margin: 0; 
}

.wideHeader {
	width: 984px;
	background: url('../images/contentbarWide_darkblue.jpg') top center no-repeat;
	color: #FFFFFF;
	height: 23px;
	padding: 8px 8px 0 8px;
}

.wideHeader h1 {
	font-size: 11px;
	margin: 0;
	display: inline;
}

.marginBottom {
	margin-bottom: 15px;
}

.header .author {
	float: right;
	color: #FFFFFF;
}

#leftTreeView .header {
	background: url('../images/treeViewContentbar_darkblue.jpg') top center no-repeat;
	width: 184px;
}

#dynamicContent .header {
	background: url('../images/dynamicContentbar_darkblue.jpg') top center no-repeat;
	width: 764px;
}
/* WIDGETS */
.left {
	float: left;
}
.right {
	float: right;
}
.widget {
	margin-top: 5px;
	width: 332px;
	height: 100%;
	border: 1px solid rgb(168, 171, 172);
}
.widget .header {
	height: 30px;
	width: 332px;
	background: url('../images/widget_lightblue.jpg') top center no-repeat;
}
.widget .header h2 {
	color: #FFFFFF;
	font-size: 11px;
	padding: 8px;
	margin: 0;
}
/* BAR */

#bar {
	padding: 0 3px 0 3px;
	float: right; 
	width: 300px;
	text-align: left;
	margin-bottom: 15px;
	border: 1px solid rgb(168, 171, 172);
	border-top: 0;
}
#bar .header {
	margin-top: 3px;
	height: 22px;
	width: 284px;
	background: url('../images/leftbar_darkblue.jpg') top center no-repeat;
}
#bar .header h4 {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
#bar ul {
	background-color: #EEF1F2;
	padding:0;
	margin:0;
	list-style-type: none;
}
#bar ul li {
	color: #000;
}
#bar ul li a {
	color: #000;
	padding:6px 0 6px 20px;
	width:280px;
	display:block;
}
#bar ul li:hover {
	background-color: #77ADC5;
}
#bar ul li a:hover {
	text-decoration:none;
	color: #fff;
}

/* DYNAMIC CONTENT SHOW */

#dynamicContent {
	float: left;
	width: 780px;
}

.item {
	width: 165px;
	height: 190px;
	text-align: center;
	float: left;
	padding: 5px 2px 5px 2px;
}

.item .about {
	font-style: italic;
}


#dynamicContent #dynamicBar {
	float: right;
	padding-left: 5px;
	width: 300px;
}

/* TREE VIEWS */

#leftTreeView {
	width: 200px;
	background-color: #EEF1F2;
	float: left;
	min-height: 400px;
	margin-right: 20px;
}

#leftTreeView ul {
	margin: 0;
	padding: 0;
	width: 200px;
}

#leftTreeView ul li {
	list-style-type: none;
}


#leftTreeView ul li a {
	color: #000000;
	width: 180px;
	padding: 6px 0 6px 20px;
	display: block;
	/*background:url(http://pcmgeeks.dk/images/menupil_right.gif) no-repeat left center;*/
}

#leftTreeView ul li a:hover {
	background-color: #77ADC5;
	color: #FFFFFF;
	text-decoration: none;
}

#leftTreeView ul li a:before {
	content:url(http://pcmgeeks.dk/images/menupil_right.gif);
}

/* FOOTER */

#footer {
	clear: both;
	padding-top: 5px;
	border-top: 1px dashed #D1D1D1;
	background-color: #F9F9F9;
	padding: 5px 0 10px 10px;
}

.row {
	width: 195px;
	float: left;
}

.row span {
	font-weight: bold;
	font-size: 13px;
	display: block;
}

.row a {
	display: block;
}

#copyright {
	text-align: center;
	padding: 3px;
}
/* RANDOM */

.clearBoth {
	clear: both;
}

.center {
	margin: 0 auto;
	width: 1000px;
}

.userForm {
	
}

.userForm input {
	width: 200px;
}

.userForm input[type="checkbox"] {
	width: 20px;
}

/* SUBMIT */

.userForm input[type="submit"] {
	width: 206px;
	height: 40px;
	background: url('/images/buttons/cta-light-green.png') top center repeat;
	border: 0;
	color: #FFFFFF;
}

.bigSubmit {
	background: url('/images/buttons/cta-light-green.png') top center repeat;
	border: 0;
	color: #FFFFFF;
	width: 680px;
	height: 40px;
}

/* MENU */

#menu {
	font: bold 12px Arial;
	background: url(../images/menubg.jpg) top center repeat-x;
	width: 100%;
	height: 33px;
	border-bottom: 1px solid #b2b2b2;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	display: inline;
	position: relative;
	float: left;
}

#menu ul li a {
	background: url(../images/menubg.jpg) top center repeat-x; /*background of tabs (default state)*/
	color: #1c242c;
	padding: 9px 50px 10px 48px;
	text-decoration: none;
	display: block;
	border-right: 1px solid #D5D8D9;
}
#menu ul li a:link, #menu ul li a:visited{
	color: #1c242c;
}

#menu ul li a:hover{
	background: url(../images/menubg_hover.jpg) top center repeat-x; /*tab link background during hover state*/
	color: white;
}
/* FRONT PAGE */

#indexText {
	background-color: #EEF1F2;
	color: #000000;
	padding: 5px;
	margin-top: -1px;
	height: 80px;
}

#indexText #inner {
	float: left;
	width: 470px;
}

#indexText #inner a {
	color: #000000;
	font-weight: bold;
}

#indexText #CTA {
	float: left;
	background: url('/images/buttons/cta-light-green.png') top center repeat;
	padding:  30px 41px 46px 46px;
	height: 0;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
	font-size: 12px;
}

.emoticon {
	background: url('http://cm.youthportals.dk/images/emoticons/smileys.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-bottom: -2px;
}

/* CHAT */
div#chatWindow {
}
div#chatWindow span.timestamp {
	color:#B1B1B1;
	font-size:9px;
}