/*
Theme Name: WordPress JeordanLegon
Theme URI: www.jl.dragil.com
Description: The JeordanLegon WordPress theme.
Version: 1.0
Author: JeordanLegon
Author URI: www.jl.dragil.com
Tags: blue, custom header, fixed width, two and three columns

	This theme was designed and built by JeordanLegon

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

HTML,
BODY {
  width: 100%;
  height: 100%;
}
BODY {
  background: #EEEEEE;
  font-family: Arial, Tahoma,  Verdana, Helvetica, sans-serif;
  color:#404040;
  font-size:10pt;
  margin: 0;
  padding: 0;
}
H1 {
  color: #152A32;
  font-size: 13pt;
  font-weight: bold;
  margin: 0px;
}
H2 {
}
H3 {
  color: #404040;
  font-size: 13pt;
  font-weight: normal;
}
H4 {
}
P {
  color:#404040;
  font-size:10pt;
  font-weight:normal;
  text-align:left;
}
A {
  color: #3981A1;
  font-size: 10pt;
  text-decoration: none;
}
A:hover {
}
IMG.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
IMG.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
IMG.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
H3, DIV.center {
	text-align: center;
}
.pointer {
	cursor: pointer;
}
/* Header block */
#header {
  background: #fff url('images/header_bg.png') repeat-y;
  width: 985px;
  height: 130px;
  margin: 0 auto 0 auto;
  padding: 0;
}
#header .header_top_bg{
  background: transparent url('images/header_top_bg.png') no-repeat;
  width: 985px;
  height: 20px;
  margin:0;
}
#header IMG#logo_site {
float: left;
width: 213px;
height: 48px;
margin: 0;
padding: 10px 0 19px 28px;
text-decoration: none;
border: none;
}
/* Connect Block */
#header DIV#connect_panel {
  float: right;
  padding: 5px 20px 0 0;
}
#header DIV#connect_panel #connect_button A {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0 5px 0 5px;
}
#header DIV#connect_panel #connect_button A IMG {
  border: none;
}
#header DIV#connect_panel DIV.connect_text {
  color: #FFFFFF;
  font-size: 10pt;
  padding: 0 0 5px 5px;
}
#header DIV#connect_panel DIV.connect_text SPAN.blue_text A {
  color: #B7E9FF;
  font-size: 10pt;
  text-decoration: none;
}
#header DIV#connect_panel DIV.connect_text SPAN.blue_text A:hover {
  text-decoration: underline;
}
/* End Connect Block*/

/* Menu */
#header #menu {
  background: url('images/menu_bg.png') repeat-x;
  width: 967px;
  height: 33px;
  margin: 0 8px 0 8px;
  border-left: 1px solid #4C8AA6;
  border-right: 1px solid #4C8AA6;
  clear: both;
}
#header #menu UL {
  float: left;
  margin: 0;
  padding: 0;
}
#header #menu UL LI {
  float: left;
  line-height: 33px;
  list-style: none;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #FFFFFF;
  margin: 0;
  padding: 0 15px 0 15px;
  border-right:1px solid #316E89;
}
#header #menu UL LI.last_page_item {
  border: none;
}
#header #menu UL LI A {
  color: #FFFFFF;
  font-size: 10pt;
  text-decoration: none;
}
#header #menu UL LI A:hover {
  color: #B7E9FF;
  text-decoration: underline;
}
#header #menu UL LI.current_page_item A {
  color: #B7E9FF;
}
/* End Menu */
#search {
  float: right;
  _width: 310px;
  *width: 310px;
}
#header #s{
  color: #FFFFFF;
  float: left;
  background: #000;
  margin: 3px 20px 3px 0;
  _margin: 3px 0 3px 0;
  *margin: 3px 0 3px 0;
  padding: 5px 5px 5px 10px;
  _padding: 3px 5px 4px 10px;
  *padding: 3px 5px 4px 10px;
  width: 200px;
  border: 1px solid #4C8AA6;
}
#searchsubmit{
  float: right;
  background: none;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
  margin: 6px 20px 3px 0;
  padding: 0 5px 0 5px;
  width: 60px;
  border: none;
  cursor: pointer
}
/* End Header block */

/* Content Block */
#content {
  width: 985px;
  margin: 0 auto;
  padding: 0;
}
.content_bg_one {
  background: #fff url('images/content_bg.png') repeat-y;
}
.content_bg_two {
  background: #fff url('images/content_bg_two.png') repeat-y;
}
/* Twitter */
#content .latest_msg_panel {
  background: url('images/latest_msg_bg.png') repeat-x;
  width: 969px;
  height: 30px;
  line-height: 30px;
  margin: 0 8px 0 8px;
  clear: both;
}
#content .latest_msg_panel DIV.latest_msg {
  float: left;
  background: url('images/latest_msg.png') no-repeat;
  width: 45px;
  height: 38px;
  margin: 0 0 0 10px;
}
#content .latest_msg_panel SPAN.latest_msg_header {
  float: left;
  padding:0 0 0 10px;
}
#content .latest_msg_panel SPAN.latest_msg_header A {
  color: #0771CE;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: -0.2px;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
#content .latest_msg_panel SPAN.latest_msg_header A:hover {
  text-decoration: underline;
}
#content .latest_msg_panel SPAN.latest_msg_text {
  float: left;
  color: #707070;
  font-size: 9pt;
  /*letter-spacing: -0.4px;*/
  font-weight: normal;
}
#content .latest_msg_panel SPAN.latest_msg_text A {
  text-decoration: underline;
}
#content .latest_msg_panel SPAN.latest_msg_text A:hover {
  text-decoration: none;
}
/* End Twitter */

/* Main Left Panel */
#content .main_left_panel {
  float: left;
  width: 617px;
  padding: 0 20px 0 28px;
  _padding: 0 0 0 28px;
  *padding: 0 0 0 28px
}
#content .main_left_panel .post_panel {
  background-color: #F1F1F1;
  width:580px;
  padding:20px 20px 20px 20px;
  margin: 20px auto 0 auto;
}
#content .main_left_panel .post_panel H1 A {
  color: #152A32;
  font-size: 13pt;
  font-weight: bold;
  text-decoration: none;
}
#content .main_left_panel .post_panel P.post_date {
  color: #152A32;
  font-size: 11pt;
  font-weight: normal;
  letter-spacing: -0.5px;
  margin: 0px;
}
#content .main_left_panel .post_panel P {
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
  margin: 20px 0 20px 0;
}
#content .main_left_panel .post_panel P A {
  color: #3981A1;
  text-decoration: none;
}
#content .main_left_panel .post_panel P A:hover {
  text-decoration: none;
}
#content .main_left_panel .post_panel .post_comment_panel {
  background-color: #E6E6E6;
  width: 580px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
#content .main_left_panel .post_panel SPAN.comment_header {
  float: left;
  padding:0 10px 0 0;
}
#content .main_left_panel .post_panel SPAN.comment_header A {
  color: #404040;
  font-size: 10pt;
  font-weight: bold;
}
#content .main_left_panel .post_panel SPAN.comment_header A:hover {
  color: #3981A1;
}
#content .main_left_panel .post_panel SPAN.comment_text {
  float: left;
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
}
#content .main_left_panel .post_panel DIV.comment_number{
  float: left;
  background: url('images/comment_number.png') no-repeat;
  color: #152A32;
  font-size: 12pt;
  font-weight: normal;
  letter-spacing: -0.5px;
  text-align: center;
  width: 30px;
  height: 35px;
  margin: 5px 10px 0 10px;
}
/* End Main Left Panel */

/* Main Right Panel */
#content .main_right_panel {
  float: right;
  background:transparent url('images/main_right_panel_bg.png') 0 0 repeat-y;
  width: 272px;
  padding: 0 28px 0 20px;
}
#content .main_right_panel HR {
  background-color: #F1F1F1;
  border: none;
  height: 1px;
  margin: 0 0 10px -20px;
}
#content .main_right_panel H3 {
  background:transparent url('images/right_panel_header_bg.png') 0 100% repeat-x;
  margin: 20px 0 10px -20px;
  padding: 0 0 10px 20px;
}
#content .main_right_panel H3 DIV.header_list {
  float: right;
  background:transparent url('images/right_panel_pointer_bg.png') 0 0 repeat-x;
  width: 10px;
  height: 10px;
  margin: -15px 0 0 0;
}
#content .main_right_panel DIV.about {
  float: left;
  width: 130px;
}
#content .main_right_panel H4 {
  color: #404040;
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
}
#content .main_right_panel P {
  color: #404040;
  font-size: 10pt;
  margin: 10px 0 10px 0;
}
#content .main_right_panel IMG {
  float: right;
  border: 1px solid #9A9898;
  margin: 0 0 0 10px;
}
#content UL.list {
  width:292px;
  margin: 0 0 0 -20px;
  padding: 0;
}
#content UL.list LI {
  list-style: none;
  line-height: 30px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #F1F1F1;
}
#content UL.list LI A {
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-decoration: none;
}
#content UL.list LI A:hover {
  text-decoration: underline;
}
#content .main_right_panel .flickr {
  background:#F1F1F1 none repeat scroll 0 0;
  height:170px;
  padding:5px;
  width:250px;
}
#content .main_right_panel .flickr A {
  float: left;
  width: 76px;
  height: 76px;
  margin:5px 0 0 5px;
  _margin:0;
  display:block;
}
#content .main_right_panel .flickr IMG {
  _margin:5px 0 0 5px;
  border: 1px solid #FFFFFF;
}
/* End Main Right Panel */

/* Left Panel */
#content .left_panel {
  float: left;
  width: 272px;
  padding: 0 10px 0 28px;
}
/* Menu Left Panel */
#content .left_panel UL {
  margin: 0 -5px 0 0;
  padding: 0;
}
#content .left_panel UL LI {
  background: url('images/right_panel_header_bg.png') 0px 25px repeat-x;
  list-style: none;
  line-height: 30px;
  margin: 0;
  padding: 0;
}
#content .left_panel UL LI A {
  color: #404040;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: -0.2px;
  text-decoration: none;
}
#content .left_panel UL LI A:hover {
  text-decoration: underline;
}
#content .left_panel UL LI UL {
  display: none;
  margin: 0 -5px 0 0;
  padding: 0;
}
#content .left_panel UL LI UL LI {
  background: none;
  list-style: none;
  line-height: 30px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #F1F1F1;
}
#content .left_panel UL LI UL.current_parent_item LI.current_page_item {
  background: none;
}
#content .left_panel UL LI.current_page_item UL,
#content .left_panel UL LI UL.current_parent_item {
	display: block;
}
#content .left_panel UL LI UL LI A {
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-decoration: none;
  padding:0 0 0 20px;
}
#content .left_panel UL LI UL LI.current_page_item A {
  color: #3981A1;
}
#content .left_panel UL LI UL LI A:hover {
  text-decoration: underline;
}
/* End Left Panel */

/* Right Panel*/
.one_panel {
  width: 929px;
  padding: 0 28px 0 28px;
}
.two_panel {
  /*background:transparent url('images/main_right_panel_bg.png') repeat-y scroll 0 0;*/
  padding: 0 28px 0 20px;
  width: 627px;
}
#content .right_panel {
  float: right;
  min-height:350px
}
#content .right_panel H3{
  color: #404040;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.2px;
}
/* Bre adcrums */
#content #breadcrumbs {
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 10px 10px 0 0;
  text-align: left;
}
#content #breadcrumbs A {
color: #3981A1;
letter-spacing: 0;
padding: 0;
text-decoration: none;
}
#content #breadcrumbs A:hover {
text-decoration: underline;
}
/* List */
#content .right_panel UL.list_content {
  margin: 0;
  padding: 0;
}
#content .right_panel UL.list_content LI {
  background:transparent url('images/right_panel_list_bg.png') no-repeat scroll 0 3px;
  list-style: none;
  color: #404040;
  font-size: 10pt;
  font-weight: normal;
  margin: 0 10px 10px 0;
  padding: 0 0 0 15px;
}
/* End Right Panel */

#content .content_footer_bg{
  clear: both;
  background:transparent url('images/content_footer_bg.png') no-repeat scroll 0 0;
  width: 985px;
  height: 20px;
  margin: 20px 0 0 0;
}
/* End Content Block */

/* Footer block */
#footer {
  background: #fff url('images/footer_bg.png') no-repeat;
  width: 985px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
}
#footer P {
  float: left;
  color: #8F8F8F;
  font-size: 10pt;
  text-align: left;
  letter-spacing: -0.2px;
  margin: 13px 0 0 30px;
  _margin: 13px 0 0 15px;
  display: block;
 }
#footer P A{
  color: #8F8F8F;
 }
#footer UL {
  float: left;
  margin: 15px 0 0 330px;
  _margin: 15px 0 0 280px;
}
#footer UL LI:first-child {
  border: none;
}
#footer UL LI {
  float: left;
  list-style: none;
  line-height: 11px;
  padding: 0 5px 0 5px;
  border-left: 1px solid #A0A0A0;
}
#footer UL LI A {
  color: #8F8F8F;
  font-size: 10pt;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-decoration: none;
}
#footer UL LI A:hover {
  text-decoration: underline;
}
#footer #bookmark {
float:right;
margin:13px 30px 0 0;
}
/* End Footer Block*/
.clear {
  clear: both;
}

/* Archive style */
#content H3.a_title {
  margin: 20px 0 0 0;
}
#content H3.a_title A{
  color: #404040;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: none;
}
#content H3.a_title A:hover{
  color: #404040;
  text-decoration: none;
}
#content P.a_post_date {
  color: #404040;
  font-size: 8pt;
  margin: 0;
  text-align: left;
}
#content P.a_post_metadata{
  color: #404040;
  font-size: 10pt;
  margin: 0;
  text-align: left;
}
#content P.a_post_metadata A{
  font-size: 10pt;
  letter-spacing: -0.5px;
}.
#content P.a_post_metadata A:hover{
  font-size: 10pt;
  letter-spacing: -0.5px;
}
/* End Archive style */

/* Single styles */
#content .s_alignleft{
  float: left;
}
#content .s_alignright{
  float: right;
}
#content P.s_post_metadata{
  margin: 0;
  padding: 10px 0 10px 10px;
  border-left: 1px solid #DDDDDD;
}
#content A.s_post_metadata{
  font-size: 10pt;
  letter-spacing: -0.5px;
}.
#content A.s_post_metadata:hover{
  font-size: 10pt;
  letter-spacing: -0.5px;
}
/* End Single styles */

/*Comments style */
#content H3.c_title {
  color: #4D4D4D;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin: 30px 0 0 0;
  text-align: left;
  text-decoration: none;
}
#content .right_panel OL.c_commentlist {
  padding:0;
  text-align:justify;
}
#content .right_panel OL.c_commentlist P{
  margin: 15px 0 5px 0;
  padding: 0;
  letter-spacing: -0.5px;
}
#content .right_panel OL.c_commentlist A{
  font-size: 10pt;
  letter-spacing: -0.5px;
}
#content .right_panel OL.c_commentlist LI {
  background: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 15px 0 10px 0;
  padding: 5px 5px 10px 10px;
}
OL.c_commentlist #commentform input, #commentform textarea {
  font-size: 10pt;
}
#commentform textarea {
  height:100px;
  width:600px;
}
.even, .alt, .depth-1 {
  border: 1px solid #DDDDDD;
}
#content .right_panel OL.c_commentlist LI .avatar {
  background: #FFFFFF none repeat scroll 0 0;
  border: 1px solid #EEEEEE;
  float: right;
  padding: 2px;
}
.says{
  color: #404040;
  font-size: 10pt;
  text-decoration: none;
  letter-spacing: -0.5px;
  text-align: left;
}
.fn{
  color: #404040;
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: left;
}
/* End Comments style */

/* Archive style */
#content H3.a_title {
  margin: 20px 0 0 0;
}
#content H3.a_title A{
  color: #4D4D4D;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: -0.5px;
  text-decoration: none;
}
#content H3.a_title A:hover{
  color: #4D4D4D;
  text-decoration: none;
}
#content P.a_post_date {
  color: #4D4D4D;
  font-size: 8pt;
  margin: 0;
  text-align: left;
}
#content P.a_post_metadata{
  color: #4D4D4D;
  font-size: 10pt;
  margin: 0;
  text-align: left;
}
#content P.a_post_metadata A{
  font-size: 10pt;
  letter-spacing: -0.5px;
}.
#content P.a_post_metadata A:hover{
  font-size: 10pt;
  letter-spacing: -0.5px;
}
/* End Archive style */

#dragil {
  width: 985px;
  color: #8F8F8F;
  font-size: 7pt;
  font-style: italic;
  text-align: left;
  padding: 5px 0 10px 60px;
  margin: 0 auto;
}
#dragil A {
  color: #8F8F8F;
  font-size: 7pt;
  text-decoration: none;
}
IFRAME {
	height: 360px;
}