/*   
Theme Name: Livetr Theme
Theme URI: http://www.livetr.org/
Description: A Clean, Simple & Professional Wordpress Theme.
Author: Emexci
Author URI: http://www.livetr.org/
Version: 1.1
*/

/*
	1- General 
	2- Page + Header
	3- Main + RightSide
	4. Post
	5. Comments
	6. Pagebar
	7. Footer
*/

*  {
padding: 0;
margin: 0
}

body  {

	color: #494949;

	background: url(images/bg_front.gif);
	font: 11px/1.5em Verdana, Arial, sans-serif

}

/* --1-- General */
a {
color: #2759AD;
text-decoration: none
}
a:hover {
color: #2759AD;
text-decoration: underline
}
a img {
border: 0
}
p  {
margin-bottom: 7px
}
h1  {
font: bold 1.9em Arial, Arial, Sans-Serif;
padding: 0;
margin: 0
}
h2  {
font: bold 1.2em Arial, Arial, Sans-Serif;
padding: 0;
margin: 0
}
blockquote  {
font: normal 11px/17px Tahoma, sans-serif;
margin: 0;
padding: 0;
padding: 7px 8px 0 8px;
background-color: #fafafa;
border-left: 3px #CFD1D6 solid
}
blockquote p {
padding-bottom: 7px
}
div.error {
padding: 10px
}

/* --2-- Page + Header */
div#page  {
margin: 0 auto;
width: 720px;
background-color: #fff;
padding: 0 10px 0 10px;
border: 1px #aaa solid
}
div#page-bot {
margin: 10px 0 10px 0;
padding:0;
clear: both
}

div#headerlinks {
background: url(images/logo.gif) no-repeat;
padding-top: 100px;
border-bottom: 1px #eee solid;
}

div#header {
margin: 5px 0 0 0;
padding: 0;
line-height: 45px;
padding: 0 0 2px 0;
border-bottom: 1px #eee solid;
}
div#page div#header a {
font: normal 24px Tahoma, sans-serif;
color: #336699;
}
div#page div#header span#span {
font: normal 12px Tahoma, sans-serif;
color: #888;
line-height: 18px
}
div#page div#header #searchform {
float: right;
margin:0;
padding: 0;
height: 50px;
line-height: 50px;
background: none
}
div#page div#header #searchform .search-box {
background: url(images/search-bg.gif) no-repeat;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
border: #B8CBD0 solid;
border-width: 1px 0 1px 1px;
width: 185px;
height: 16px;
padding:3px 0 2px 5px;
margin:0
}
.search-button {
background:url(images/search-button.gif) no-repeat;
border: 0;
width:23px;
height: 23px;
padding:0 0 2px 0;
margin:0
}
div#page div#header .text_s {
margin: 12px 0 0 0
}
* html div#page div#header #searchform .search-button {
padding:0;
margin:0
}

/* --3-- Main + RightSide */
div#page div#main  {
margin: 10px 0 15px 0
}
div#page div#main div#rightside  {
float: right;
width: 200px;
padding-left: 7px
}
div#page div#main div#rightside div.box {
padding:0;
margin: 0 0 5px 0
}
div#page div#main div#rightside div.box p {
padding: 3px;
margin:0
}
div#page div#main div#rightside div.box h2 {
padding: 3px;
background-color: #F3F2F0;
border-top: 1px #E9E7E2 solid
}
div#page div#main div#rightside div.box ul {
margin:0;
padding:0
}
div#page div#main div#rightside div.box ul li {
list-style: none;
margin:0;
width: 195px;
}
div#page div#main div#rightside div.box ul li a {
background: #fff;
display: block;
width: 194px;
color: #494949;
padding: 3px
}
div#page div#main div#rightside div.box ul li a:hover {
background-color: #F3F2F0;
width: 194px;
text-decoration: none
}
div#page div#main div#rightside div.box ul li.current_page_item a {
background-color: #F8F8F3;
color: #000
}

/* --4-- Post */
div#page div#main div#leftside  {
border-right: 1px #F3F3F3 solid;color: #444;
margin-right: 207px;
padding-right: 10px;
padding-left: 0px;margin-left: 0px
}
div#page div#main div#leftside div.post {
background: url(images/post.gif) 0 25px no-repeat;
padding: 0 0 7px 1px;
margin: 0 0 10px 0;
}
div#page div#main div#leftside div.post div.entry {
margin-top: 5px;
font: 12px/1.45 Arial, Verdana, sans-serif;
color: #414852;
overflow: hidden;
padding: 2px 0 0 0
}
div#page div#main div#leftside div.post div.entry img {
padding:3px;
margin:0;
background: none;
border: 1px #E7E9EB solid;
background-color: #FCFCFC
}
div#page div#main div#leftside div.post div.entry a:hover {
color: #000;
text-decoration:none
}
div#page div#main div#leftside div.post h1 {
margin:0;padding:2px 3px 2px 0;
font: bold 155%/20px Arial,sans-serif;
}
div#page div#main div#leftside div.post h1 a {
color: #00589F;
text-decoration: none
}
div#page div#main div#leftside div.post h1 a:hover {
color: #000;
text-decoration: none
}
div#page div#main div#leftside div.post h1 small {
float:right;
font: normal 10px Verdana;
color: #999;
padding: 4px
}
div#page div#main div#leftside div.post div.entry ul {
margin: 10px 0 10px 0;
font: normal 11px/17px Tahoma, sans-serif
}
div#page div#main div#leftside div.post div.entry ul li {
list-style: none;
background: url(images/arrow.gif) no-repeat 0 6px;
margin:0;
padding:0 0 0 10px
}
div#page div#main div#leftside div.post div.entry ol {
list-style-type: decimal;
margin: 10px 0 5px 20px;
clear: both;
font: normal 11px/17px Tahoma, sans-serif;
padding: 4px 8px 4px 8px;
background: #fafafa
}
div#page div#main div#leftside div.post div.entry ol li {
padding:0;
margin:0
}
div#page div#main div#leftside div.post .info {
padding:2px 0 2px 0px;
border-top:1px solid #F7F7F7;
color:#888;
font-size: 10px
}
div#page div#main div#leftside div.post .info a {
color: #888
}
div#page div#main div#leftside div.post .info span {
color: #ccc
}


/* --5-- Comments */
div#page div#main div#leftside #commentform  {
margin:5px 0;	 padding:5px;
background:#f9fcfc;
border-top: #DEEFEF 1px solid;
border-bottom: #DEEFEF 1px solid
}
div#page div#main div#leftside #commentform small {
font: normal 10px Verdana, Tahoma, sans-serif
}
div#page div#main div#leftside h3#respond {
margin: 2em 0 10px 5px;
padding:0;
font: bold 13px Tahoma
}
div#page div#main div#leftside .commentlist  {
margin: 0;
padding: 0;
border-top: #eee 1px solid
}
div#page div#main div#leftside .commentlist li  {
list-style:none;
margin: 0;
padding: 0.5em;
border-bottom: #eee 1px solid;
}
div#page div#main div#leftside .commentlist li.alt {
background:#FCFCFC
}
div#page div#main div#leftside input.textbox {
padding:4px;
width:150px;
border: 1px #EBEBEB solid;
font: normal 11px Verdana, Tahoma, sans-serif
}
div#page div#main div#leftside textarea#comment {
padding:5px;
font:1em Verdana, Arial, Serif;
border: 1px #C9E3E4 solid;
width: 450px
}
div#page div#main div#leftside input#submit {
background: #F9FCFC;border: 1px #C9E3E4 solid;
font-size: 11px;
font-family: Verdana;
padding: 4px;
}
div#page div#main div#leftside div.mycomment {
color: #888;
padding: 3px 0 3px 0;line-height: 1.5em;
overflow: hidden
}
div#page div#main div#leftside div.mycomment div.com span.author {
font: bold 12px Tahoma;
}
div#page div#main div#leftside div.mycomment div.com {
border-bottom:1px #F1F3F2 solid;
padding: 0 0 5px 0
}
div#page div#main div#leftside div.mycomment div.com small {
font-size:10px
}
div#page div#main div#leftside div.mycomment div.com small a {
font-size:10px;
color: #888
}
div#page div#main div#leftside div.mycomment div.comment-in {
color: #666;
padding: 2px 0 0 0
}
div#page div#main div#leftside div.mycomment div.comment-in p {
margin: 5px 0 0 0
}
div#page div#main div#leftside .gravatar {
background: url(images/bg-avatar.gif);padding: 3px;
margin: -2px 5px 0 0;
width: 30px;
height: 30px
}

/* --6-- Pagebar */
div#page div#main div.pagebar {
text-align: center;
background: #fff url(images/bg-pgbar.gif) center no-repeat;
font-size: 10px;
padding: 11px 0 11px 0;
color: #020202
}
div#page div#main div.pagebar a {
padding: 2px 0 3px 6px;
text-decoration: none;
color: black;
background: #d3d9db url(images/pgbr.gif) left top no-repeat
}
div#page div#main div.pagebar a strong {
padding: 2px 6px 3px 0;
color: #000;
text-decoration: none;
font-weight: normal;
background: #d3d9db url(images/pgbr.gif) right top no-repeat;
background-position:100% -34px;

}
div#page div#main div.pagebar a:hover, div#page div#main div.pagebar a.this {
color: #000;
background:#bbc8cd url(images/pgbr.gif) left bottom no-repeat
}
div#page div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong {
color: #000;
background:#bbc8cd url(images/pgbr.gif) right top no-repeat;
background-position:100% -17px;
}
/* For IE */
* html div#page div#main div.pagebar a {
padding: 0 0 0 6px;
}
* html div#page div#main div.pagebar a strong {
padding: 2px 6px 3px 0
}

/* --7-- Footer */
div#page div#footer  {
border-top: 1px #F3F5F4 solid;
clear: both;
font-size: 11px;
color: #666;
padding: 5px 0 6px 0
}
div#page div#footer .rside  {
float: right;
padding: 0;
margin:0
}
div#page div#footer span.ac {
color: #ddd;
padding:0;
padding:0
}
div#page div#footer a {
color: #1C2777
}
div#page div#footer a:hover {
text-decoration: none;
border-bottom: 1px #aaa dashed;
color: #2E41C2
}