/* 
    Document   : style
    Created on : Nov 20, 2009, 5:07:18 PM
    Author     : nkolea
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div {
	/*border: 1px solid red;*/
}
body {
	background: url(../images/root_bg.png);
	color: white;
}
#root {
    display: block;
	width: 974px;
	margin: 0px auto;
}

#header {
	width: 100%;
	height: 136px;
	background: url(../images/logo.png) left center no-repeat;
	position: relative;
}

#header_img {
	/* background: url(../images/header_img.jpg) no-repeat; */
	width: 100%;
	height: 270px;
	border: 1px solid #1C1C1C;
	z-index: 10;
}
#header_bt {
	width: 100%;
	height: 48px;
	position: relative;
}
#header_bt ul {
	position: absolute;
	right: 0px;
	top: -4px;
}
#header_bt li span {
	position: absolute;
	top: 8px;
	left: -40px;
}
#header_bt li {
	display: inline-block;
	font-size: 14px;
	margin: 0px;
}
#header_bt a.twitter {
	background: url(../images/twitter.png);
	width: 111px;
	height: 34px;
	display: block;
}
.tfooter {
	color: #4e4e4e;
}
#header_bt a.facebook {
	background: url(../images/facebook.png);
	width: 111px;
	height: 34px;
	display: block;
}
#header_bt h2 {
	font-size: 24px;
	margin: 24px 0px 0px;
	color: #656565;
	font-weight: normal;
}
.inner_box {
	background: url(../images/content_bg.png);
	border: 1px solid #1C1C1C;
	width: 936px;
	height: 164px;
	padding: 32px 0px 24px 38px;
	position: relative;
	margin-bottom: 32px;
}
.inner_box .box {
	float: left;
}
.inner_box .box1 {
	width: 392px;
}
.inner_box .box2 {
	width: 225px;
	height: 165px;
	background: url(../images/img1.png);
	margin-left: 16px;
	margin-right: 32px;
}
.inner_box .box3 ul li {
	text-indent: 0px;
	padding-bottom: 16px;
}
.inner_box .box3 {
	width: 238px;
	padding-right: 32px;
}

#s input[type=submit] {
	border: 0px;
	background: url(../images/search_button.png);
	position: absolute;
	right: -13px;
	bottom: 26px;
	width: 46px;
	height: 46px;
}
#s input[type=text] {
	position: absolute;
	bottom: 32px;
	right: 28px;
	width: 240px;
	padding: 9px;
	border: 0px;
	background: url(../images/input_bg.png);
	color: white;
}
.twitt {
	width: 46px;
	height: 46px;
	background: url(../images/twitt.png);
	display: block;
	position: absolute;
	right: -13px;
	top: 18px;
}

h3 {
	font-size: 25px;
	color: #C9C9C9;
	margin: 0px;
	position: relative;
	margin-bottom: 32px;
	font-weight: normal;
}
h3:before {
	content: url(../images/logo_symbol.png);
	position: absolute;
	left: -32px;
	top: -16px;
}

.box {
	float: left;
}

a {
	color: #FA0001;
}

.grey {
	color: #9A9A9A;
}
.red {
	color: #FA0001;
}

.traveling_dates {
	width: 904px;
	height: auto;
	padding-right: 32px;
}

/* POST CONTENT */
#accordion > div {
	border: 1px solid #1C1C1C;
	background: url(../images/content_bg.png);
	margin-bottom: 24px;
}
#accordion .header {
	height: 350px;
}
#accordion .header .preview .comments ul {
	height: 60px;
}
#accordion .header .preview .comments {
	margin: 32px 0px 32px -24px;
	padding: 8px 0px 8px 8px;
	border: 1px solid #292929;
	position: relative;
}

#accordion .header .preview .info span {
	display: inline-block;
	float: left;
	width: 156px;
	height: 44px;
	padding: 12px 0px 0px;
	text-align: center;
	color: #707070;
	background: url(../images/comment_date_bg.png) no-repeat;
}
#accordion .header .preview .info .announcement {
	display: inline-block;
	float: left;
	width: 125px;
	height: 44px;
	margin-right: 5px;
	background-position: -4px 0px;
	text-transform: uppercase;
	color: white;
}
#accordion .header .preview .info .view_post_button {
	display: inline-block;
	float: left;
	width: 164px;
	height: 44px;
	margin-left: -4px;
	margin-top: -1px;
	background: url(../images/view_post_button.png);
}
#accordion .header .preview .info {
	position: absolute;
	right: -36px;
	bottom: -40px;
	width: 450px;
}
#accordion .header .preview .comments .scroll_down {
	display: block;
	width: 21px;
	height: 22px;
	background: url(../images/scroll_down.png);
	position: absolute;
	right: 0px;
	top: 22px;
}
#accordion .header .preview .comments .scroll_up {
	display: block;
	width: 21px;
	height: 22px;
	background: url(../images/scroll_up.png);
	position: absolute;
	right: 0px;
	top: 0px;
}
#accordion .header .preview {
	float: left;
	position: relative;
	width: 382px;
	margin: 30px 20px 0px 50px;
}
#accordion .header .preview h3 a {
	text-decoration: none;
	color: #c9c9c9;
}
#accordion .header .preview h3 {
	line-height: 100%;
}
#accordion .header .preview h3:before {
	content: url(../images/logo_symbol.png);
	position: absolute;
	left: -32px;
	top: -8px;
}
#accordion .header .img img {
	width: 520px;
	height: 373px;
}
#accordion .header .img {
	width: 520px;
	height: 373px;
	float: left;
}
#accordion .content {
	padding-top: 16px;
	width: 970px;
	position: relative;
}
#accordion .content p {
	margin: 24px 40px;
}

.social_links {
	height: 44px;
	margin-left: 34px;
}
.social_links span ,
.social_links a {
	display: inline-block;
	float: left;
	height: 44px;
}
.social_links span {
	width: 156px;
	height: 32px;
	background: url(../images/comment_date_bg.png);
	text-align: center;
	padding: 12px 0px 0px;
	color: #707070;
}
a.post_a_comment {
	width: 158px;
	background: url(../images/post_a_comment_button.png);
}

div.send_to_a_friend h2,
div.post_a_comment h2 {
	margin: 0px;
	padding: 0px;
}
div.send_to_a_friend a.send_to_a_friend_button,
div.post_a_comment a.send_a_comment_button {
	display: block;
	width: 141px;
	height: 46px;
	background: url(../images/send_button.png);
	position: absolute;
	right: -36px;
	bottom: 18px;
}
div.send_to_a_friend a.send_to_a_friend_button {
	bottom: 22px;
}
div.send_to_a_friend,
div.post_a_comment {
	width: 900px;
	height: 160px;
	margin: 0px 40px;
	padding: 4px;
	position: relative;
}
div.send_to_a_friend .left input,
div.post_a_comment .left input {
	border: 0px;
	background: url(../images/textarea_bg.png);
	margin-bottom: 8px;
	padding: 6px;
	width: 280px;
	color: white;
}
div.send_to_a_friend .left,
div.post_a_comment .left {
	float: left;
	width: 300px;
}
div.send_to_a_friend .right textarea,
div.post_a_comment .right textarea {
	border: 0px;
	background: url(../images/textarea_bg.png);
	width: 478px;
	height: 84px;
	color: white;

	padding: 6px;
}
div.send_to_a_friend .right,
div.post_a_comment .right {
	float: left;
	width: 580px;
}
.trackback {
	width: 119px;
	background: url(../images/trackback_button.png);
}
.send_to_friend {
	width: 164px;
	background: url(../images/send_to_friend_button.png);
}
.sn1 {
	width: 36px;
	background: url(../images/faceboo_button.png);
}
.sn2 {
	width: 37px;
	background: url(../images/digg_button.png);
}
.sn3 {
	width: 36px;
	background: url(../images/sn1_button.png);
}
.sn4 {
	width: 36px;
	background: url(../images/sn2_button.png);
}
.sn5 {
	width: 36px;
	background: url(../images/twitter_button.png);
}
.sn6 {
	width: 38px;
	background: url(../images/rss_button.png);
}

.content .comments {
	padding: 16px 32px 16px 12px;
	border: 1px solid #292929;
	width: 860px;
	position: relative;
	margin-left: 39px;
	margin-bottom: 16px;
}
.content .comments ul li p {
}
.content .comments ul {
	height: 100px;
}

.content .comments .scroll_down {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../images/scroll_down_button.png);
	position: absolute;
	right: -5px;
	top: 23px;
}
.content .comments .scroll_up {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../images/scroll_up_button.png);
	position: absolute;
	right: -5px;
	top: -5px;
}


.content .info span {
	display: inline-block;
	float: left;
	width: 156px;
	height: 44px;
	padding: 12px 0px 0px;
	text-align: center;
	color: #707070;
	background: url(../images/comment_date_bg.png) no-repeat;
}
.content .info .announcement {
	display: inline-block;
	float: left;
	width: 130px;
	height: 44px;
	margin-right: 5px;
	background-position: -4px 0px;
	color: white;
	text-transform: uppercase;
}
.content .info .view_post_button {
	display: inline-block;
	float: left;
	width: 164px;
	height: 44px;
	margin-left: -4px;
	margin-top: -1px;
	background: url(../images/close_post.png) -5px 0px;
}
.content .info {
	height: 46px;
	width: 460px;
	margin-left: 534px;
}
/* END POST CONTENT */

/* FOOTER */
#footer {
	width: 100%;
	height: auto;
	border: 1px solid #1C1C1C;
	background: url(../images/content_bg.png);
}
div.footer_page {
	height: auto !important;
	padding-bottom: 32px;
}

#copyright {
	color: #525252;
	margin-top: 8px;
	margin-bottom: 64px;
}
#copyright .by {
	float: right;
}
#paginator {
	background: url(../images/paginator_bg.png) center center no-repeat;
	width: 100%;
	height: 56px;
	position: relative;
	margin-top: 16px;
}
#paginator .previous {
	position: absolute;
	left: -23px;
	top: 5px;
	background: url(../images/previous_page.png);
	display: block;
	width: 169px;
	height: 46px;
}
#paginator .next {
	position: absolute;
	right: -13px;
	top: 5px;
	background: url(../images/next_page.png);
	display: block;
	width: 169px;
	height: 46px;
}

#footer .widget {
	position: relative;
	margin-top: 50px;
}
#footer .widget span.archives_title {
	display: block;
	width: 129px;
	height: 46px;
	background: url(../images/archives_title.png);
	position: absolute;
	left: 27px;
	top: -26px;
}
#footer .widget a.rss {
	display: block;
	background: url(../images/rss.png);
	width: 41px;
	height: 46px;
	position: absolute;
	left: -13px;
	top: -26px;
}
#footer .widget #s {
}
#footer .widget #s input {
	top: -20px;
}
#footer .widget #s input[type=submit] {
	top: -27px;
}
/* END FOOTER */

.archives a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.archives {
	color: #707070;
	padding-top: 24px;
	padding-left: 32px;
}
.archives ul li {
	display: inline;
}

#wp_page_numbers li {
	display: inline;
}
#wp_page_numbers a {
	width: 160px;
	height: 32px;
	display: block;
	margin-top: 6px;
	text-decoration: none;
}
#wp_page_numbers {
	width: 100%;
	text-align: center;
	padding-top: 18px;
	text-transform: uppercase;
	color: #707070;
}

/* MENU */

#menu {
	width: 674px;
	padding: 0px 0px 4px;
	background: url(../images/menu-navy.png) center top no-repeat;
	text-align: left;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: -24px;
	margin-top: 58px;
}
#menu dl,
#menu dt {
	display: inline;
	position: relative;
}

#menu dd {
	position: absolute;
	top: 14px;
	left: 0px;
	z-index: 9999;
}
#menu dd ul {
	position: absolute;
	padding: 0px;
	display: none;
	width: auto;
	background-color: black;
}

#menu li {
	list-style: none;
	text-align: left;
	padding: 2px 16px;
	margin: 0px 0px 1px;
	width: auto;
	background: url(../images/menu_subitems_bg.png);
}
#menu li:hover {
	/* background: url(../images/drop_down_redtrans.png); */
}
#menu ul li a {
	color: white;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
#menu ul li a:hover {

}
#menu dt a {
	text-decoration: none;
	text-transform: uppercase;
	color: white;
	display: inline-block;
	margin-right: 20px;
	
	height: 16px;
	background: url(../images/menu_items_anchors.png) 0px 0px no-repeat;
}
#menu a.a1 {
	width: 46px;
}
#menu a.a1:hover {
	background-position: 0px -16px;
}
#menu a.a2 {
	width: 85px;
	background-position: -70px 0px;
}
#menu a.a2:hover {
	background-position: -70px -16px;
}
#menu a.a3 {
	width: 40px;
	background-position: -186px 0px;
}
#menu a.a3:hover {
	background-position: -186px -16px;
}
#menu a.a4 {
	width: 72px;
	background-position: -275px 0px;
}
#menu a.a4:hover {
	background-position: -275px -16px;
}
#menu a.a5 {
	width: 64px;
	background-position: -370px 0px;
}
#menu a.a5:hover {
	background-position: -370px -16px;
}
#menu a.a6 {
	width: 132px;
	background-position: -468px 0px;
}
#menu a.a6:hover {
	background-position: -468px -16px;
}
#menu a.a7 {
	width: 20px;
	background-position: -612px 0px;
}
#menu a.a7:hover {
	background-position: -612px -16px;
}
/* END MENU */

.storyentry {
	padding-top: 16px;
}
.storyentry h2:before,
.storyentry h3:before {
	content: none;
}
.storyentry h2,
.storyentry h3 {
	margin: 0px 40px;
	padding: 0px;
	position: static;
	line-height: 120%;
}

.contact_page p {
	margin: 0px;
	padding: 0px;
}
.contact_page h3 {
	margin-bottom: 16px;
}

.contact_page .b1,
.contact_page .b2,
.contact_page .b3,
.contact_page .b4 {
	width: 300px;
	float: left;
	padding: 4px;
}
.contact_page .b1 {
	width: 220px;
}
.contact_page .b2 {
	width: 280px;
}
.contact_page .b2 input {
	width: 272px;
	border: 0px;
	background: url(../images/textarea_bg.png);
	margin-bottom: 4px;
	padding: 6px;
	color: white;
	font-size: 13px;
}
.contact_page .b3 {
}
.contact_page .b3 textarea {
	width: 272px;
	height: 142px;
	border: 0px;
	background: url(../images/textarea_bg.png);
	padding: 6px;
	color: white;
}
.contact_page .b4 {
	position: relative;
	float: right;
}
.contact_page .b4 a {
	display: block;
	width: 141px;
	height: 46px;
	background: url(../images/send_button.png);
	position: absolute;
	right: -45px;
	bottom: 8px;
}

.post_content {
	padding-bottom: 0px;
}

.announcement a {
	text-decoration: none;
	color: white;
}

.storytitlewrapper {
	overflow: hidden;
	padding-top: 4px;
	padding-left: 32px;
	margin-left: -32px;
	height: 54px;
}

.jScrollPaneTrack {
	background: none;
}
.preview .jScrollPaneDrag {
	background: url(../images/scroll_updown.png) no-repeat center center;
	height: 44px !important;
}
.content .jScrollPaneDrag {
	background: url(../images/scroll_updown_button.png) no-repeat center center;
	height: 44px !important;
}