/*
Theme Name: Celadon
Theme URI: http://www.themesboutique.com/
Description: Free theme from the <a href="http://www.themesboutique.com">Themes Boutique</a>. Elegant theme focusing on usability and great looks. Widgetized 2 column layout with tabbed page navigation. Custom settings page included under the Appearance menu.
Version: 1.0
Author: Dmitry Fadeyev
Author URI: http://www.themesboutique.com
*/

/*------------------------------------------------
	Reset - by Eric Meyer
--------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0;}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/*------------------------------------------------
	General
--------------------------------------------------*/
body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #222;
    background: url(images/bg.png) repeat-x top #2f3f4e;
    line-height: 1.45em;
}
p {
    line-height: 1.6em;
    padding-bottom: 1.5em;
}
h1 {
    font-size: 34px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0.7em;
}
h2 {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px;
    color: #418873;
    margin-bottom: 0.8em;
}
h2 a {
    text-decoration: none;
    color: #418873;
}
h2 a:hover {
    color: #2A5A4C;
}
h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.85em;
}
h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.9em;
}
h5 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 1em;
}
h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 1em;
}
a {
    color: #207CE6;
}
a:hover {
    color: #124D91;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
code {
    font-family: Monaco, "Courier New", monospace;
}
hr {
    border: 0;
    border-top: dashed 1px #CCC;
}

/*------------------------------------------------
	Containers
--------------------------------------------------*/
#container {
    width: 978px;
    margin: 0 auto;
    background: url(images/container.png) repeat-y;
}

/*------------------------------------------------
	Header
--------------------------------------------------*/
#header {
    height: 115px;
    background: url(images/header.png) no-repeat;
    position: relative;
}
#header_home_link {
    position: absolute;
    width: 600px;
    height: 100px;
    top: 7px;
    left: 0;
}
#logo, #logo_with_tagline {
    text-decoration: none;
    color: #FFF;
    font-family: "Rockwell", Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 25px;
    text-shadow: #17222C 1px 1px 1px;
}
#logo_with_tagline {
    top: 38px;
}
#tagline {
    color: #AABBC8;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: 70px;
    left: 25px;
    text-shadow: #17222C 1px 1px 1px;
}

/*------------------------------------------------
	Search
--------------------------------------------------*/
#header_search {
    width: 210px;
    height: 45px;
    position: absolute;
    top: 40px;
    right: 25px;
}
#search_input {
    position: absolute;
    left: 13px;
    top: 13px;
    width: 160px;
    font-size: 14px;
    border: solid 1px #FFF;
}
.overlabel {
    position: absolute;
    top: 16px;
    left: 17px;
    z-index: 1;
    color: #888;
}
.overlabel-apply {
    position: absolute;
    top: 16px;
    left: 17px;
    z-index: 1;
    color: #888;
}

/*------------------------------------------------
	Navigation
--------------------------------------------------*/
#navigation {
    height: 54px;
    background: url(images/navigation.png) no-repeat;
    position: relative;
}
#navigation ul {
    position: absolute;
    left: 18px;
    top: 9px;
}
#navigation ul li {
    float: left;
    margin-right: 2px;
    position:relative;
    background: url(images/tab_right.png) top right;
}
#navigation ul li a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: #10161C 0 -1px 1px;
    background: url(images/tab_left.png) no-repeat top left transparent;
}
#navigation ul li a:hover {
    text-decoration: underline;
}

#navigation ul li.current_page_item, #navigation ul li.current_page_parent {
    background: url(images/active_tab_right.png) top right;
}

#navigation ul li.current_page_item a, #navigation ul li.current_page_parent a  {
    background: url(images/active_tab_left.png) no-repeat top left transparent;
}

#navigation ul li.current_page_item  a:hover {
    text-decoration: none;
}

.navigation a {
    padding: 4px 8px;
    font-weight: bold;
    background-color: #4C8CD6;
    color: #FFF;
    text-decoration: none;
}
.navigation a:hover {
    background-color: #34639A;
}

#navigation ul.nav li ul {
    cursor:default;
    width:100%;
    max-width:100%;
    position:absolute;
    height:auto;
    top:2.5em;
    background-position:0 0 !important;
    left:-9000px;
}

#navigation ul.nav li ul li{
    margin:0;
}

#navigation ul.nav li ul li a {
    background:#495b6e url(images/sub_tab.png) repeat-x top right;
    border-right:1px solid #3c4954;
    border-left:1px solid #3c4954;
    position:relative !important; /* ie Mac */
    cursor:pointer !important;
    white-space:nowrap;
    background-position:0 50% !important;
}

#navigation ul.nav li ul li.current_page_item a {
    background: #1b1b1b url(images/active_sub_tab.png) repeat-x top right;
}

#navigation ul.nav li:hover ul {left:0; top:40px; z-index:10}

/*------------------------------------------------
	RSS and Email subscription
--------------------------------------------------*/
#subscribe {
    color: #FFF;
    position: absolute;
    height: 25px;
    width: 239px;
    top: 17px;
    right: 20px;
    text-align: center;
}
#subscribe a {
    text-decoration: none;
    font-weight: bold;
    background-color: #852F32;
    padding: 2px 4px;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: #3D1618 0 1px 1px;
    border-top: solid 1px #3D1618;
    border-bottom: solid 1px #BB4C46;
    position: relative;
    top: 1px;
}
#subscribe #rss_icon_link {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -12px;
    right: 232px;
    border: none;
    background: none;
}
#subscribe a:hover {
    background-color: #000;
}
.after_post_rss {
    margin-top: 20px;
    padding: 20px 20px 20px 75px;
    background: url(images/after_post_rss.png) no-repeat 17px 17px #FFFCD5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #F2E0AC;
}

/*------------------------------------------------
	Content
--------------------------------------------------*/
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
#content {
    width: 584px;
    padding: 28px 28px 28px 44px;
    float: left;
}
#content ol {
    list-style-type: decimal;
    margin: 0 0 20px 30px;
}
#content ul {
    list-style-type: disc;
    margin: 0 0 20px 30px;
}
#content blockquote {
    padding: 20px 10px 10px 50px;
    background: url(images/blockquote.png) no-repeat left top;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    line-height: 1.4em;
    color: #494949;
}
#content pre {
    padding: 20px;
    background-color: #E8FBF3;
    border-left: solid 2px #D0E5DB;
    font-family: Monaco, "Courier New", monospace;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 1.5em;
    color: #233235;
}
#content .post table tr td, #content .entry table tr td, #content table tr th {
    padding: 10px;
    background-color: #EBF5FF;
    border-top: solid 1px #FFF;
    border-left: solid 1px #FFF;
}
#content .post table tr th, #content .entry table tr th {
    padding: 10px;
    border-bottom: solid 1px #ABC6DA;
    background-color: #D4EAFF;
}
.strike {text-decoration: line-through}
/*------------------------------------------------
	Post
--------------------------------------------------*/
.post {
    position: relative;
    padding-bottom: 25px;
}
.post .post_title {
    position: relative;
    left: 82px;
    line-height: 28px;
    margin:0 0 0.4em;
    padding:0 82px 0 0;
}
.date_label {
    position: absolute;
    top: -8px;
    left: -44px;
    width: 117px;
    height:66px;
    background: url(images/date_label.png) no-repeat;
}
.date_day {
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 9px;
    top: 12px;
    width: 40px;
    text-align: center;
    text-shadow: #284D43 0 -1px 1px;
}
.date_month {
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 9px;
    top: 29px;
    width: 40px;
    text-align: center;
    text-shadow: #284D43 0 -1px 1px;
}
.comments_label {
    position: absolute;
    left: 55px;
    top: 10px;
    width: 42px;
    height: 37px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 36px;
}
.comments_label a {
    display: block;
    text-decoration: none;
    height: 37px;
    line-height: 36px;
}
.comments_label a:hover {
    text-decoration: underline;
}
.post_author {
    font-style: italic;
    font-family: Georgia, serif;
    font-size: 14px;
    color: #8e8e8e;
    position: relative;
    left: 84px;
    margin-bottom: 1.3em;
}
#comments_heading {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #6eae9d;
    font-size: 17px;
    font-weight: bold;
    padding: 0.3em 0 1em 0;
}
.more-link {
    display: block;
}

/*------------------------------------------------
	Comments
--------------------------------------------------*/
.comment {
    position: relative;
    background: url(images/comment_center.png) repeat-y right;
    margin-bottom: 14px;
}
.commentlist li {
    list-style: none;
}
.comment .avatar {
    position: absolute;
    left: -30px;
    top: 7px;
}
.comment_meta {
    background: url(images/comment_top.png) no-repeat right top;
    padding: 15px 30px 10px 50px;
}
.comment_author {
    font-weight: bold;
    font-size: 13px;
}
.comment_date {
    margin-left: 5px;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: #A3A3A3;
}
.comment_content {
    background: url(images/comment_bottom.png) no-repeat right bottom;
    padding: 0 30px 0 50px;
}
#respond {
    margin-left: 60px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}
#comments_table {
    margin-left: 10px;
}
#comments_table td {
    padding: 5px 0;
}
#comment {
    width: 500px;
}
#comments_table tr td input {
    padding: 5px;
    font-size: 13px;
}
#comments_table tr td textarea {
    padding: 5px;
    font-size: 13px;
}

/*------------------------------------------------
	Sidebar
--------------------------------------------------*/
#sidebar {
    float: left;
    width: 303px;
    padding-top: 20px;
}
#sidebar #sidebar_ads {
    padding: 0 0 20px 20px;
}
#sidebar .widget {
    background: url(images/sidebar_heading.png) no-repeat;
    margin-bottom: 20px;
}
#sidebar .widget h3 {
    padding: 10px 5px 15px 4px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    text-shadow: #265146 0 -1px 0;
}
#sidebar .widget h3 a {
    color: #FFF;
    text-decoration: none;
}
#sidebar .widget h3 a:hover {
    color: #FFF;
    text-decoration: none;
}
#sidebar .widget h3 a img {
    position: relative;
    padding: 0;
    top: 2px;
}
#sidebar .widget {
    padding: 0 35px 0 35px;
    line-height: 1.2em;
}
#sidebar .widget a {
    display: block;
    border-bottom: solid 1px #D2D2D2;
    color: #444;
    text-decoration: none;
    padding: 7px;
}
#sidebar .widget a:hover {
    background-color: #EDEDED;
    color: #000;
}
#sidebar .widget ul {
    background: 0;
}
#sidebar .widget ul li {
    padding: 0;
}

#sidebar .widget ul li ul.children {
    padding-left: 25px;
}

/*------------------------------------------------
	Widgets
--------------------------------------------------*/
.textwidget {
    padding: 10px 5px 5px 5px;
    line-height: 1.45em;
    color: #333;
}
.widget #wp-calendar {
    border-collapse: collapse;
    margin: 5px 0 0 15px;
}
.widget #wp-calendar caption {
    font-weight: bold;
    font-size: 14px;
    color: #659099;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #CDCDCD;
    margin-bottom: 10px;
}
.widget #wp-calendar tr th {
    text-align: center;
    font-weight: bold;
    color: #809099;
}
.widget #wp-calendar tr td {
    padding: 4px 6px;
    text-align: center;
}
.widget #wp-calendar tr td a {
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    color: #196FBC;
    font-weight: bold;
    border: 0;
}
#sidebar .widget_search {
    background: none;
}
#sidebar .widget_rss a {
    display: inline;
    padding: 0;
    border: 0;
}
#sidebar .widget_rss a:hover {
    background: none;
    text-decoration: underline;
}
#sidebar a.rsswidget {
    display: block;
    padding-top: 12px;
}
#sidebar .widget h3 a.rsswidget {
    display: inline;
}
.rss-date {
    color: #A3A3A3;
    font-style: italic;
    font-family: Georgia, serif;
}
#sidebar .widget cite {
    color: #6F6F6F;
}
.rssSummary {
    font-size: 11px;
    padding: 6px 0;
}
#sidebar #recentcomments {
    padding: 0 5px;
}
#sidebar .recentcomments {
    padding: 5px 0 7px 0;
}
#sidebar .recentcomments a {
    border: 0;
    text-decoration: underline;
}


/*------------------------------------------------
	Footer
--------------------------------------------------*/
#footer {
    clear: both;
    height: 80px;
    background: url(images/footer.png) no-repeat;
    position: relative;
}
#copyright {
    color: #AEC0C9;
    position: absolute;
    top: 20px;
    left: 40px;
}
#copyright a {
    text-decoration: none;
    font-weight: bold;
    color: #FFF;
    text-shadow: #2D3D4D 0 1px 1px;
}
#copyright a:hover {
    text-decoration: underline;
}
#copyright .copyright_owner {
    color: #DDEEF3;
}
#site_map {
    position: absolute;
    width: 500px;
    height: 25px;
    top: 20px;
    right: 40px;
    text-align: right;
    color: #424F62;
}
#site_map a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    text-shadow: #2D3D4D 0 1px 1px;
    margin-left: 12px;
}
#site_map a:hover {
    text-decoration: underline;
}

/*------------------------------------------------
	Credits
--------------------------------------------------*/
#credits {
    clear: both;
    text-align: center;
    position: relative;
    top: -5px;
    padding-bottom: 20px;
    font-size: 11px;
    color: #5C6D7C;
}
#credits a {
    text-decoration: none;
    color: #9AABB9;
}
#credits a:hover {
    text-decoration: underline;
    color: #FFF;
}
