/*
Theme Name: LifeStats
Theme URI: http://mylifestats.com/
Description: A custom theme designed by Charchin and built by Paragon for LifeStats.
Version: 1.0
Author: Paragon
Author URI: http://iamparagon.com/
Tags: blue, purple, orange, white
*/

/*
----------------------------------------------
BODY AND PAGE SETUP
----------------------------------------------
*/
@import url('css/reset.css');
@import url('css/fonts.css');

* { outline: none; }

html, body { background: #0b7380 url('img/ls-bkg.jpg') repeat-x; }

body, input { font-size: 11px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #464646; }
body { text-align: center; color: #1d1c1c; line-height: 1.8em; }

#border { width: 734px; margin: 0px auto; text-align: center; background: #fff; }
#page { width: 734px; margin: 0px auto; text-align: left; background: #fff; }
/*
----------------------------------------------
END BODY AND PAGE SETUP
----------------------------------------------
*/



/*
----------------------------------------------
COMMON
----------------------------------------------
*/
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }
/*
----------------------------------------------
END COMMON
----------------------------------------------
*/



/*
----------------------------------------------
COLOR AND TYPE
----------------------------------------------
*/
strong, h2, h3 { font-weight: bold; }
h3 { font-size: 1.1em; }
a { color: #004b56; }
em { font-style: italic; }

.content ul li { list-style: disc; }
.content ol li { list-style: decimal; }

#header { background: #fff url('img/header.jpg') no-repeat; font-weight: bold; }
#logo {  }
#address { color: #3c354a; font-weight: bold; }
#chat {  }
#top_nav { background: #282627 url('img/menu_grad.jpg') repeat-x; }
#top_nav a { color: #fff; text-decoration: none; }
#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current_page_ancestor a
{ color: #b1b1b1; }

#home_caption { text-align: center; background: #006f80; color: #fff; }
.caption { text-align: left; font-size: 1em; }

.content { text-align: left; background: #fff; }
.content.list { background: #fff; }
.content.blog { background: #fff; }

.content.blog h2 { font-size: 1.5em; }
.content.blog h2 a, .content.blog h2 { color: #004b56; }

h2.pagetitle { padding: 20px 0 0 0; }

#sidebar { text-align: left; }

.post { border-bottom: 1px dashed #f68722; }

.num_item {  }

.num { background: url('img/num_circle_white.gif') no-repeat; color: #fff; font-weight: bold; font-size: 2.2em; }
.num_info { font-weight: .9em; line-height: 1.5em; }

#pod_quote { color: #fff; background: url('img/pod_bkg_blue.jpg'); }
#pod_quote .position { font-size: 1.4em; font-weight: bold;}

.staff_entry { background: url('img/team_strip.gif') repeat-x; }
.bio { text-align: justify; }
.name { color: #fff; font-weight: bold; font-size: 2em; }

.full_divider { background: url('img/full_divider.gif') repeat-x; }
.half_divider { background: #f68722; }

.entry.alt { background: #e2e2e2; }

.item { text-align: center; }
.item h2 { color: #004b56; font-size: 1.2em; }
.item strong { font-size: 1.1em; }

.item.default { text-align: left; }
.item.default h2 { color: #fff; }

.postmetadata { line-height: 1em; }

input[type=submit] { font-weight: bold; }

#footer { background: #3e3d3d; }
/*
----------------------------------------------
END COLOR AND TYPE
----------------------------------------------
*/



/*
----------------------------------------------
SIZE AND PLACEMENT
----------------------------------------------
*/
p { padding: 0 0 1em 0; }

.content ul, .content ol { padding: 0 0 1em 0; }
.content ul li { margin: 0 0 0 15px; }
.content ol li { margin: 0 0 0 18px; }

#header { height: 160px; }
#logo { float: left; }
#address { float: right; position: relative; top: 20px; right: 20px; }
#chat { float: right; position: relative; top: 40px; right: 20px; }

#top_nav { height: 37px; margin: 0px 0 0 0; }
#top_nav ul { padding: 8px 0 0 0; }
#top_nav li { float: left; padding: 0 27px; }

#home_caption { padding: 15px 0 10px 0; }
.caption { width: 680px; margin: 0px auto; }

.content.blog { float: left; width: 500px; margin: 0 0 20px 20px; }
#sidebar { float: right; width: 190px; margin: 20px 0; }

.post { padding: 20px 0 10px 0; }

#comments, #respond { padding: 10px 0 0 0; }
.comment { padding: 10px 0 10px 0; }

.num_item { float: left; width: 330px; margin: 15px 0 15px 25px; }
.num { width: 25px; height: 34px; float: left;}
.num p { padding: 8px 0 0 6px; }
.num_info { width: 295px; float: left; margin: 0 0 0 10px; }

#pod_quote { height: 256px; }
#pod_quote .position { width: 450px; position: relative; top: 100px; left: 240px; }

.staff_entry {  }
.bio { width: 305px; float: left; margin: 0 0 0 40px; padding: 0 0 20px 0; }
.name { padding: 25px 0 35px 0; }

.full_divider { height: 37px; }
.half_divider { height: 8px; }

.entry { padding: 15px 0; }
.entry_info { width: 680px; margin: 0 0 0 25px; padding: 15px 0; }

.item { width: 680px; margin: 0 0 0 25px; padding: 10px 0; }
.item.default { padding: 10px 0 0 0; }

input[type=text], textarea { width: 300px; padding: 5px; }
input[type=submit] { padding: 3px 5px; }

.navigation { padding: 20px 0 0 0; }

.alignleft { float: left; }
.alignright { float: right; }

img.alignleft { padding: 0 10px 5px 0; }
img.alignright { padding: 0 0 5px 5px; }

#footer { height: 12px; }
/*
----------------------------------------------
END SIZE AND PLACEMENT
----------------------------------------------
*/