/* General Definitions */
/************************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #333333;
	text-align: left;
}

img {
	border: 0;
}

hr {
	border: 0;
	color: #d2d2d2;
	background-color: #d2d2d2;
	height: 1px;
}

ul {
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0;
}
ul li {padding:5px 0px 5px 0px;}




/* Headings */
/************************************************************/

h1, h2, h3, h4, h5 {
	margin: 0;
	padding-bottom: 10px;
}
h1 {
	color: #ce3c0b;
	font-size: 20px;
	font-weight: bold;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}
h1 img  {
	vertical-align: middle;
	margin: 0px 5px 5px 0;
}
h2 img {
	vertical-align: middle;
	margin-right: 5px;
}
h2.cont_index {
	font-size: 20px;
}
h3 {
	font-size: 12px;
	font-weight: bold
}
h4 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}
.portlet h3, h3.red {
	color: #ce3c0b;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 4px;
}

.alert {
	color: #ce3c0b;
}




/* Links */
/************************************************************/
a:link, a:visited, a:hover {
	text-decoration: underline;
	color: #000000;
}
a:hover {
	color: #ce3c0b;
	text-decoration: none;
}

.header_button a:link, .header_button a:visited, .header_button a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.header_button a:hover {
	color: #ce3c0b;
}

#header_main_nav_top a:link, #header_main_nav_top a:visited, #header_main_nav_top a:hover {
	font-weight: normal;
	color: #000000;
}
#header_main_nav_top a:hover {
	color: #ce3c0b;
}

#header_links a:link, #header_links a:visited, #header_links a:hover {
	color: #3c3c3c;
	font-weight: normal;
	display: block;
	float: left;
	padding: 2px 0 0 5px;
}
#header_links span {
	color: #3c3c3c;
	font-weight: normal;
	display: block;
	float: left;
	padding: 2px 0 0 5px;
}
#header_links a:hover {
	color: #ce3c0b;
}

#footer_inner a:link, #footer_inner a:visited, #footer_inner a:hover {
	font-weight: normal;
	color: #333333;
}
#footer_inner a:hover {
	color: #000000;
}

a.more:link, a.more:visited, a.more:hover {
	font-size: 11px;
	color: #999;
}
a.more:hover {
	color: #ce3c0b;
}




/* Containers */
/************************************************************/
/* General */
/*******************************/
#main, .main_split {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main {
	background: #ffffff url('bg_body.gif') repeat-y 650px;
}	
#content_area {
	clear: both;
}

/* Header */
/*******************************/
#header, #header_logo, #header_nav {
	overflow: hidden;
}
#header {
	height: 104px;
	background: url('bg_header.gif') repeat-x top center;
}
#header_logo {
	float: left;
	width: 122px;
}
#header_nav {
	width: 837px;
	float: right;
}
#header_logo_title {
	float: left;
	padding-top: 32px;
}
#header_main_nav {
	float: right;
	width: 500px;
	text-align: right;
}

#header_main_nav #usermeta {
	margin:5px 0 8px 0;
	font-size: 11px;
}

#header_main_nav_buttons {
	padding-top: 5px;
}

#header_main_nav_buttons a {
	text-decoration: none;
}

#header_links {
}
.header_button {
	float: right;
	text-align: center;
	margin-left: 20px;
	font-size: 11px;
}

/* Content */
/*******************************/
.content {
	width: 640px;
	float: left;
	padding: 15px 0 15px 0;
	font-size: 13px;
	line-height: 18px;
}
.content_map {
	width: 600px;
	float: left;
	padding: 15px 0 15px 0;
}
.content_large {
	/* don't think this will ever be used (see pagina_template.html) */
	background: #ffffff;
	padding: 15px 0 15px 0;
}

/* Right Column */
/*******************************/
.column_right {
	width: 300px;
	float: right;
	padding: 15px 0 15px 0;
}

.column_right_map {
	width: 360px;
	float: right;
	padding: 15px 0 15px 0;
}

/* Footer */
/*******************************/
#footer {
	background-color: #f8f8f8;
	padding-left: 5px;
}
#footer #footer_inner {
	height: 56px;
	vertical-align: middle;
	display: table-cell;
}
#footer_outer {
	background: #ffffff; /* cover up hideous bg_body.gif background... */
}
#footer #footer_logo {
	vertical-align: middle;
}
#footer_low {
	margin-top: 5px;
	border: 1px solid #909090;
	border-bottom: 0;
	
}
#footer_low .white_border {
	border: 1px solid #ffffff;
	background-color: #f4f4f4;
}

/* Photo Gallery */
/*******************************/
.thumbs_gallery {
	margin-top: 10px;
}
.thumbs_galery a, .article_thumbs_gallery a, .small_thumbs_gallery a {
	float: left;
}
.thumbs_gallery img, .article_thumbs_gallery img, .small_thumbs_gallery img {
	float: left;
}
.article_thumbs_image {
	margin-right: 5px;
	margin-bottom: 5px;
}
.article_thumbs_gallery {
	
}
.article_thumbs_tile {
	width: 100px;
	float: left;
	margin-right: 5px;
	height: 145px;	
}
.article_thumbs_tile_portlet {
	width: 95px;
	float: left;
	margin-right: 5px;
	height: 140px;
}
.article_thumbs_tile a, .article_thumbs_tile_portlet a {
	font-weight: normal;
}
.small_thumbs_gallery {
	padding: 5px 0 5px 0;
}
.small_thumbs_gallery img {
	margin: 0 2px 2px 0;
}


/* Tab Loader */
/*******************************/
.tabbed_content {
	
}
.control_bar {
	height: 30px;
	overflow: hidden;
}
.tabs_bar {
	float: left;
}
.search_area {
	margin-top: 2px;
	float: right;
}
.search_area .input_small {
	padding-left: 2px;
}
img.tab_button {
	float: left;
	cursor: pointer;
}
#ajaxcontent {
	clear: both;
}
#frmajaxcontent {
	width: 640px;
	height: 480px;
}

/* Extended map */
/*******************************/
.extended_map_outer {
	width: 100%;
	clear: both;
	border-top: 1px solid #cdc3b7;
	border-bottom: 1px solid #cdc3b7;
}
.extended_map_inner {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.extended_extra {
	padding-top: 20px;
}
.extended_extra ul li {
	float: left;
	padding: 5px 0 5px 0;
	width: 310px;
	margin-right: 10px;
}
.third_left {
	float: left;
	margin-right: 30px;
}
.third_center {
	float: left;
}
.third_right {
	float: right;
}
.breadcrumb {
	float: left;
	padding-left: 10px;
	padding-top: 7px;
}

.breadcrumb_extra {
	font-weight: bold!important;
	color: red!important;
	background-color: green!important;
}

/* Tag Cloud */
/*******************************/
.tag_cloud {
	padding-top: 20px;
}
.tag_cloud a:link, .tag_cloud a:visited, .tag_cloud a:hover {
	color: #333333;
	text-decoration: none;
}
.tag_cloud a:hover {
	color: #ce3c0b;;
}
/* ...and other tag font sizes */

/* Mini-Places Map */
.pin_buttons {
	height: 55px;
}
.pin_buttons a, .pin_buttons img {
	float: left;
}


/* Article */
/*******************************/
.article_image_left {
	float: left;
	margin: 5px 10px 5px 0;
}
.article_image_right {
	float: right;
	margin: 5px 0 5px 10px;
}

/* Portlets */
/*******************************/
.portlet, .portlet_large {
	padding-bottom: 20px;
	width: 300px;
	clear: both;
}
.portlet_large {
	
}

/* Home Page */
/*******************************/
.home_blue_left, .home_blue_right {
	background: #e7f0f9;
	padding: 9px;
	height: 220px;
}
.home_blue_left {
	float: left;
	height: 220px;
}
.home_blue_right {
	float: right;
	height: 220px;
}


/* Listers */
/*******************************/
.lister_small_article, .lister_small_article_noimg {
	clear: both;
	padding-bottom: 10px;
	/*font-size: 11px;*/
}
.lister_small_article img {
	margin-right: 10px;
	margin-bottom: 5px;
}
.lister_small_article_noimg {
	font-size: 12px;
}
.lister_complex_article { /* just on the home page for now */
	
}
.lister_complex_article h3 {
	color: #333333;
	padding-bottom: 0;
}
.lister_complex_article .lister_small_article {
	clear: both;
	padding-top: 10px;
	font-size: 13px;
}
.lister_complex_title h3 a {
	font-weight: normal;
}

/* Rating system */
/*******************************/
.ratings_main {
	padding-top: 30px;
	clear: both;
}
.rating_stars {
	float: left;
}
.rating_submit {
	float: right;
	text-align: right;
	background: url("rating_compass.gif") no-repeat top right;
	padding-right: 50px;
	font-size: 11px;
}

/* Sliders */
/*******************************/
div.slider {
	width: 300px;
	margin: 10px 0;
	background: #ffffff url('img/bg_slider.gif') no-repeat center center;
	height: 38px;
	position: relative;
}
div.slider div.handle {
	width: 35px;
	height: 17px;
	background: transparent url('img/bg_slider_handle.gif') no-repeat center center;
	cursor: move;
	position: absolute;
	margin-top: 17px;
}
.slider_bottom {
	clear: both;
	height: 34px;
	width: 300px;
}
.slider_bad {
	float: left;
	font-weight: bold;
	text-align: left;
	width: 25%;
}
.slider_button {
	float: left;
	width: 50%;
	text-align: center;
}
.slider_good {
	float: right;
	font-weight: bold;
	text-align: right;
	width: 25%;
}

/* Maps */
/*******************************/
#mapsindex {
	width: 640px;
	height: 280px;
	background: #ffffff url('http://media.fourhooks.ro/metropotravel/images/maps/bg.gif') no-repeat top left;
}
#mapsindex_selected {
	width: 640px;
	height: 280px;
	background: url('http://media.fourhooks.ro/metropotravel/images/maps/none.gif') no-repeat top left;
}

/* Comments */
/*******************************/
.comments_area {
	padding-top: 20px;
}
.comments_list {
	
}
.comments_form {
	
}
.comment_item {
	clear: both;
	padding-bottom: 20px;
}
.comment_body {
	padding-top: 5px;
}

/* Quote block */
/*******************************/
.quote {
	background: #E7F0F9 url('img/bg_quote_top.gif') no-repeat top left;
	width: 300px;
}
blockquote {
	margin: 0;
	padding: 10px 55px 10px 45px;
	background: url('img/bg_quote_bottom.gif') no-repeat bottom right;
}




/* Font definitions */
/************************************************************/
.font-11 {
	font-size: 11px;
}




/* Forms */
/************************************************************/
.formitem {
	padding: 8px 0 8px 0;
}
.formlabel {
	font-weight: bold;
}
.forminput {
	
}
input.input_normal, input.input_small, textarea.textarea_normal {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #333333;
}
input.input_small {
	width: 118px;
	height: 17px;
	background: #ffffff url("form_bg_input_small.gif") no-repeat top left;
}
input.input_normal {
	width: 222px;
	height: 17px;
	background: #ffffff url("form_bg_input.gif") no-repeat top left;
}
textarea.textarea_normal {
	width: 342px;
	height: 115px;
	background: #ffffff url("form_bg_textarea.gif") no-repeat top left;
}
.mandatory {
	color: #ce3c0b;
}
.input_image {
	border: 0;
	vertical-align: top;
}

/* Buttons */
.button_green_small, .button_blue_normal, .button_decorative_blue {
	margin: 0;
	padding: 0;
	border: 0;
	height: 26px;
	cursor: pointer;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}
.button_green_small {
	background: transparent url("button_green_small.gif") no-repeat center center;
	width: 101px;
}
.button_blue_normal {
	background: transparent url("button_blue_normal.gif") no-repeat center center;
	width: 130px;
}
.button_decorative_blue {
	background: transparent url("button_decorative_blue.gif") no-repeat center center;
	width: 300px;
	height: 54px;
}





/* General Purpose */
/************************************************************/
.display-inline		{ display: inline; }
.display-block		{ display: block; }
.align-left			{ text-align: left; }
.align-right		{ text-align: right; }
.float-left			{ float: left; }
.float-right		{ float: right; }
.clear-both			{ clear: both; }

#footer_stats {
	clear: both;
	padding: 0px 0 8px 0;
	text-align: center;
}


.metadata {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #999;
}

.metadata a  {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #999;
}

ul.sitemap {
	list-style:none;
	list-style-image:none;
}
ul.sitemap li {padding:0px 0px 5px 0px;}
ul.sitemap li.level0 a {margin-left:0px;font-weight:bold;}
ul.sitemap li.level1 a {margin-left:20px;}
ul.sitemap li.level2 a {margin-left:40px;}
ul.sitemap li.level3 a {margin-left:60px;}
ul.sitemap li.level4 a {margin-left:80px;}
ul.sitemap li.level5 a {margin-left:100px;}
ul.sitemap li.level6 a {margin-left:120px;}

div#map {
	width: 640px;
	height: 300px;
}

div#glmap {
	width: 100%;
	height: 430px;
}

div#map_attribution, div#weather_attribution {
	text-align: right;
	margin-top: 4px;
}

div#map_attribution a, div#weather_attribution a {
	font-size: 0.8em;
}

ul.map_points {
	
}

ul.map_points li {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding:0;
	width: 200px;
}


div.marker {
	display: none;
}

div.marker-body {
	width: 290px;
}

div.graph div.graphbar {
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	float: left;
	margin: 0 5px 0 0;
	background-color: #f0f4d9;
}

div.graph div.info {
	float: left;
	line-height: 20px;
	height: 20px;
}

#pages {
	margin: 0;
	padding: 5px 20px 5px 20px;
	background: #e7f0f9;
}

#pages ul, #pages strong{
	float: left;
	padding:5px 0px 5px 0px;
}

#pages ul li {
	display: block;
	float: left;
	margin: 0 0 0 15px;
	padding:0;
}

#pages ul li a {
	display: block;
	font-weight: bold;
}	

#pages ul li a.currentPage {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.getdidyouknowthat {
	margin-top:10px;
	line-height: 20px;
}

/*	country filter	*/
#rapidnav {
	padding: 9px 9px 0 9px;
	margin-bottom: 4px;
}

#rapidnav .portlet {
	width: 282px;
}

#country, #cityarea {
	width: 180px;
}

/*	weather	*/
div.weather {
	font-size: 14px;
	float: right;
	margin:0 0 5px 5px;
	vertical-align: middle;
}
div.weather img {
	vertical-align: middle;
}