/*

Theme Name: jpost
Theme URI: http://loreleiwebdesign.com
Description: A multi column theme that supports inbuilt logo upload facility and ajax manu collapse and expand.
Author: Lorelei
Author URI: http://loreleiwebdesign.com

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,label {
margin:0;
padding:0;
}

.title {
font-size:14pt;
line-height:20pt;
color:#fff;
background:url(images/gradient.jpg) repeat-x top #CAB69B;
font-weight:400;
margin-top:10px;
padding:10px;
-moz-border-radius:0px;
}

body {
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
font-size:9pt;
color:#658387;
text-shadow:0 1px 0 #4f2f16;
font-weight:400;
line-height:14pt;
background:#cdb7a0 url(images/bg.jpg) repeat-x;
}

#logo {
color:#E3D7C9;
font-size:20px;
font-weight:700;
padding:10px;
}


/*form end table start*/
table {
border-spacing:0;
border-collapse:collapse;
width:99%;
border:0 none;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

ol,ul,li {
list-style:none;
}

/*type*/
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-size:14pt;
line-height:20pt;
color:#1c616e;
font-weight:400;
margin-top:10px;

}

q:before,q:after {
content:'';
}

/* yahoo css reset  -  end*/
#ie6 {
height:0;
background-color:#222;
position:relative;
top:0;
left:0;
width:100%;
font-size:12px;
line-height:22px;
color:#CCC;
overflow:hidden;
}

* html #ie6 {
height:25px;
}

#ie6 a:link,#ie6 a:active,#ie6 a:visited {
color:#fff;
text-decoration:none;
}

#ie6 a:hover {
color:#555;
text-decoration:underline;
}

#warning {
float:left;
margin-left:10px;
}

#browser_links {
float:right;
margin-right:10px;
}

h1 {
font-size:18pt;
line-height:22pt;
}

h2 {
font-size:18pt;
line-height:20pt;
color:#fff;
}

h3 {
font-size:16pt;
line-height:18pt;
color:#e6dace;
}

h4 {
font-size:12pt;
line-height:16pt;
}

h5 {
font-size:10pt;
line-height:14pt;
}

h6 {
font-size:8pt;
line-height:12pt;
}

p {
margin-top:10px;
}

a:link,a:active,a:visited {
color:#000;
text-shadow:none;
text-decoration:none;
}

a:hover {
color:#000;
text-shadow:0 1px 0 #ede6d8;
text-decoration:none;
}

strong {
font-weight:700;
}

em {
font-style:italic;
}

strong em,em strong {
font-weight:700;
font-style:italic;
}

blockquote {
background-color:#555;
color:#CCC;
font-size:14pt;
line-height:20pt;
text-align:center;
text-shadow:#000 -1px 1px 0;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
margin:20px;
padding:20px;
}

#content ul li {
list-style-position:inside;
list-style-type:disc;
list-style-image:none;
margin-top:5px;
}

#content ol li {
list-style-position:inside;
list-style-type:decimal;
list-style-image:none;
margin-top:5px;
}

#content ol li,#content ul li {
margin-left:10px;
}

.wp-caption-text {
font-size:8pt;
line-height:11pt;
padding-right:10px;
}

textarea {
width:98%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:400;
line-height:14pt;
margin:10px 0 0;
padding:4px;
}

input {
width:97%;
padding:4px;
}

#searchsubmit {
width:61px;
height:17px;
float:right;
}

#s {
width:255px;
}

th,td {
padding-left:5px;
}

col {
border-left:1px solid #fff;
}

thead {
border-bottom:1px solid #000;
font-weight:700;
}

.odd {
background-color:#EC5927;
}

tr:hover {
background-color:#EC5927;
color:#FFF;
}

thead tr:hover {
background-color:transparent;
color:inherit;
}

/*table end
	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
display:block;
margin:25px auto 20px;
}

img.alignright {
display:inline;
margin:25px 0 20px 50px;
}

img.alignleft {
display:inline;
margin:25px 50px 20px 0;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.wp-caption {
background-color:#222;
padding-bottom:10px;
}

/* End Images */
.alt,.postmetadata {
color:#999;
background:#805D35 url(images/post.jpg) repeat-x scroll left top;
border:3px solid #65421b;
padding:10px;
}

.even {
background:#805D35 url(images/post.jpg) repeat-x top;
border:1px solid #65421b;
padding:10px;

}
.fn {
font-size:20px;
text-shadow:none;
}
#comments_div .commentlist li {
margin-top:20px;
list-style:none;
}

#site {
width:1000px;
position:relative;
margin:0 auto;
}

#menu {

-moz-border-radius:0px;
background: #cab69b url(images/gradient.jpg) repeat-x;
border:1px solid #fdf6d9;
font-weight:500;
height:20px;
margin:40px 8px 0;
padding:5px;
width:945px;


}

#menu li {
display:inline;
float:left;
margin:0 12px;
}

#menu li a:link {
color:#EC5927;
}

.current_page_parent,.current_page_item {
color:#777;
border-top:5px solid #EC5927;
text-decoration:none;
float:left;
}

.clear {
clear:both;
}

.navigation {
width:50%;
height:30px;
padding:0 25%;
}

a.list_title {
color:#2a2a28;
text-shadow:0 1px 0 #ede6d8;
border:1px solid #614021;
background:#cab69b url(images/gradient.jpg) top left repeat-x;
width:95%;
display:block;
padding:2px 2px 2px 8px;
}

a.list_title:hover {
color:#000;
border:1px solid #614021;
background:#b59775;
text-decoration:none;
}

.entry {
overflow:hidden;

line-height:150%;
}

#sideul li {
float:left;
width:113px;
}

#sidebar li a:link,#sidebar li a:active,#sidebar li a:visited {
display:block !important;
color:#333;
line-height:25pt;
text-align:left;
font-size:9pt;
border:0 none;
padding:2px 5px 2px 10px;
}

#sidebar li a:hover,.current-cat {
color:#e3d7c9;
-moz-border-radius:0px;
background:url("images/post.jpg") repeat-x scroll 0 0 #805D35;
text-decoration:none;
text-shadow:0 1px 0 #000;

}

#sidebar li td a:link {
display:inline !important;
padding-left:0 !important;
}

.home_image {
overflow:hidden;
float:left;
height:200px;
margin-bottom:-40px;
}

.home_image a img.alignleft {
margin:0;
}

#content li.post {
margin:8px;
background: #805d35 url(images/post.jpg) repeat-x;
}

.col {
float:left;
display:inline;
overflow:hidden;
margin:8px;
padding:16px;
}

.one {
width:113px;
}

.two {
width:274px;
}

.three {
width:435px;
}

.four {
width:596px;
}

.five {
width:757px;
}

.six {
font-size:14px;
width:918px;
}

.dark {
background: #805d35 url(images/post.jpg) repeat-x;
border:1px solid #ece3d2;
color:#ece3d2;
-moz-border-radius:0px;
}

.hight_lim {
height: 400px;
}

.js_sidebar {
background: url(images/sidebar.png);
margin:0;
padding:0 10px 1px 10px;
-moz-border-radius:00px; 
border:1px solid #fff;
}

#sidebar_wrap {
background-color:#000;
}

#sidebar_wrap.js_sidebar_wrap {
position:absolute;
top:0;
right:0;
background-color:transparent;
}

#sideul li.js_sidebar_li {
width:100%;
display:block;
}

#but_slide {
background:transparent url(images/nav_tab.png) right top no-repeat;
clear:both;
height: 242px;
cursor:pointer;
}

#footer {
padding:20px;
color:#000;
text-shadow:0 1px 0 #ede6d8;

}

#footer_links {
border-top:#eee solid 1px;
font-size:8pt;
padding-top:20px;
text-align:center;
}

#menu li.page_item ul {
display:none;
}

#menu li.current_page_item ul,#menu li.current_page_ancestor ul {
display:block;
}

#menu li.current_page_item,#menu li.current_page_ancestor {
background:none;
border:medium none;
display:block;
margin-top:-62px;
padding-top:62px;
min-width:68px;
}

#menu li.current_page_ancestor li.current_page_item,#menu li.current_page_ancestor li.current_page_ancestor,#menu li.current_page_ancestor li.current_page_ancestor li.current_page_item {
background:none;
margin:0;
padding:0 0 0 20px;
}

#sideul li#rss_list {

margin-bottom:40px;
}

#sideul li#rss_list a {
background-color:transparent;
}

#rss {
margin-bottom:-15px;
}

li#search {
width:100%;
}

.thumbnail {
float:left;
width:112px;
height:112px;
overflow:hidden;
line-height:170px;
text-align:center;
margin:5px 10px 3px  0;
padding:0;
}

.thumbnail a img {
float:left;
width:100px;
height:100px;
border:1px solid #0f5865;
background:#cab69b url(images/gradient.jpg) top left repeat-x;
padding:5px;
}

fieldset,img,abbr,acronym {
border:0;
}

caption,th,form,th {
text-align:left;
}

.alignright,.right,.next {
float:right;
}

.alignleft,.left,.previous,#sideul,.home_txt {
float:left;
}