/*  
Theme Name: Viator
Theme URI: http://www.hassan-ahmad.com
Description: This is a custom light-weight, gray and green theme coded by Hassan Ahmad for Mr. Gudiksen. Enjoy!.
Version: 1.0
Author: Hassan Ahmad
Author URI: http://www.hassan-ahmad.com
*/


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
      color: #444444;
	font-family: Arial, Verdana, sans-serif;
	background: #ECECEC url(images/body-back.jpg) repeat-x;
}

a {
	color: #3D3D3D;
}


a:hover {
	color: #949494;
}


h1 {
	font-size: 20px;
	color: #6D6D6D;
}


h2 {
	color: #6D6D6D;
	font-size: 15px;
	margin-bottom: 10px;
}

h3 {
	color: #6D6D6D;
	font-size: 15px;
	margin-bottom: 10px;
}


p {
	margin-bottom: 12px;
}


#pagewrap {
	width: 949px;
	position: absolute;
	left: 50%;
	margin-left: -474px;
	
}

#header {
	background: url(images/header.jpg) no-repeat;
	width: 949px;
	height: 190px;
}


#contentcontainer {
	width: 810px;
	background-color: #FFFFFF;
	margin-left: 74px;
	margin-top: -20px;
}	

#content {
	width: 480px;
	margin-left: 40px;
	float: left;
}


/* ------ Post -------------------------------- */

.Post {
	MARGIN-BOTTOM: 50px;
	FONT-SIZE: 12px;
	PADDING: 0px;
}

.PostHead {
	HEIGHT: 45px;
	BORDER-BOTTOM: 1px dotted #C9C9C9;
	MARGIN-BOTTOM: 10px;
}

.PostHead h1 {
	DISPLAY: block;
	MARGIN-BOTTOM: 5px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
}


.PostHead h1 a {
	text-decoration: none;
}

.PostAuthor {
	FONT-SIZE: 10px; 
	FONT-FAMILY: verdana;
}

.PostContent {
	MARGIN-BOTTOM: 20px;
}

.PostComments { 
	BACKGROUND: url(images/PostCom.png) no-repeat left center; 
	PADDING-LEFT: 22px;
	MARGIN-RIGHT: 15px;
}

.PostCategory { 
	BACKGROUND: url(images/PostCateg.png) no-repeat left center;
	PADDING-LEFT: 20px; 
}

.PostDet {
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
}

.PostError {
	MARGIN-TOP: 10px;
}



/* ------ Recent Posts -------------------------------- */


#sidebar .tddrecentposts a {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}

#sidebar .tddrecentposts li {
	text-align: left;
	margin-top: 20px;
	text-transform: none;
	list-style-type: none;
}

#sidebar .tddrecentposts .sidebardate {
	color: #2E8DCF;
	font-size: 10px;
}



/* ------ NOTE -------------------------------- */

.Note {
	HEIGHT: 50px;
	BORDER-BOTTOM: 1px dotted #C9C9C9;
	MARGIN-TOP: -50px;
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana, arial;
}

.Note li {
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 20px;
}

.NoteRss { 
	BACKGROUND: url(images/NoteRss.png) no-repeat left top;
}

.NoteTrackBack { 
	BACKGROUND: url(images/NoteTrackBack.png) no-repeat left top;
}



/* ------ Comments -------------------------------- */


.CommentsList {
	MARGIN-TOP: 20px;
	BORDER-BOTTOM: 1px solid #CCCCCC;
}

.CommentsList a {
	text-decoration: none;
}

.CommentsList li {
	LIST-STYLE-TYPE: none;
}

.CommentAuthor {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #474747;
}

.CommentInfo {
	FONT-SIZE: 10px;
	FONT-FAMILY: verdana;
	BORDER-BOTTOM: 1px dotted #C9C9C9;
	HEIGHT: 20px;
}

.CommentContent {
	MARGIN-BOTTOM: 20px;
	BACKGROUND: #F6F6F6;
	FONT-SIZE: 12px;
	PADDING: 10px;
}

#CommentRespond {
	MARGIN-TOP: 20px;
}



/* ------ Side bar -------------------------------- */

#sidebar {
	width: 212px;
	margin-right: 40px;
	margin-bottom: 100px;
	float: right;
}

#sidebar #navigation {
	margin-bottom: 30px;
}


#sidebar #navigation li {
	list-style-type: none;
	text-align: right;
	padding-right: 12px;
	text-transform: uppercase;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
}

#sidebar #navigation li a {
	color: #3D3D3D;
	text-decoration: none;

	display: block;
	height: 20px;
	line-height: 20px;
}

#sidebar #navigation li a:hover {
	color: #949494;
}

#sidebar #navigation .sel {
	background: url(images/nav-back.png) no-repeat;
}

#sidebar #navigation .current_page_parent {
	background: url(images/nav-back.png) no-repeat;
}



#sidebar #navigation .current_page_parent a {
	color: #FFFFFF;
}

#sidebar #navigation .current_page_parent a:hover {
	color: #000000;
}

#sidebar #navigation .sel a {
	color: #FFFFFF;
}

#sidebar #navigation .sel a:hover {
	color: #000000;
}


/* ------ Sidebar - Sub menu  --------------------- */

#sidebar #navigation li li {
	background: url(images/nav-sub-back.png) no-repeat right center;
	margin-right: -12px;
	padding-right: 20px;
	display: none;
}

/* Some margin at the bottom when the submenu's are shown */
#sidebar #navigation .sel ul {
	margin-bottom: 30px;
}

#sidebar #navigation .current_page_parent ul {
	margin-bottom: 30px;
}


/* Show the submenu's when the parent is selected, and also when the child is selected */
#sidebar #navigation .sel li {
	display: block;
}

#sidebar #navigation .current_page_parent li {
	display: block;
}

#sidebar #navigation .current_page_parent .sel {
	background: url(images/nav-sub-back-current.png) no-repeat right center;
}


#sidebar #navigation .sel li a {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	color: #000000;
}


#sidebar #navigation .current_page_parent .sel a {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	color: #949494;
}

#sidebar #navigation .current_page_parent li a {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana;
	color: #000000;
}



#sidebar #navigation .sel li a:hover {
	color: #949494;
}

#sidebar #navigation .current_page_parent .sel a:hover {
	color: #000000;
}

#sidebar #navigation .current_page_parent li a:hover {
	color: #949494;
}



#sidebar h2 {
	color: #6D6D6D;
	font-size: 15px;
	margin-bottom: 10px;
}



/* ------ Footer -------------------------------- */

#footer {
	width: 811px;
	height: 160px;
	background: url(images/footer.jpg) no-repeat;
	margin-left: 73px;
	margin-top: -80px;

	text-align: center;
	font-size: 10px;

}

#footer div {
	padding-top: 125px;

}