/*
Theme Name: Victory Teal
Theme URI: http://victoryatl.com
Version: 1.0
Description: Modified victoryatl design into Wordpress template
Author: Steve
Author URI: http://victoryatl.com
*/

body {padding: 0; margin: 0; background: #fff url(img/bg.png) repeat-x top left; color: #3B200E; text-align: center; font: 75% arial, helvetica, sans-serif; line-height: 1.2em}
#body {margin-top: 0; background: url(img/bg_art.png) no-repeat center 99px}
#frame {text-align: left; margin: 0 auto; width: 810px}

a {color: #36788e; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: none}
fieldset {border: 1px solid #075181}
.dim {font-size: 90%; color: #999}
.alert {color: #c00}
.clear {clear: both}
.alignright {float: right}
.alignleft {float: left}

/* LAYOUT
----------------- */
#container {width: 810px; padding: 0}
#main {float: left; width: 595px; min-height: 550px; padding: 20px 12px 0 16px; margin-top: 4px; position: static; left: 15px; background: url(img/bg_main.png) no-repeat top left}


/* HEADER
----------------- */
#header {padding: 16px 14px 21px; position: relative; height: 58px}
#header h1 {width: 283px; height: 58px; text-indent: -9999em; margin: 0; padding: 0}
#header h1 a {display: block; height: 58px; background: url(img/logo_blog.png) no-repeat; text-decoration: none; margin: 0; padding: 0}
#header .siteSearchWrap {position: absolute; top: 18px; right: 0}
#bt_search {width: 29px; float: left; display: inline; margin-top: -15px}
#header .siteSearchWrap input, #header .siteSearchWrap label {float: left; display: inline; margin-left: .4em}
#header label {color: #fff; font-size: 1.1667em; padding-top: .25em}
#header .siteSearchWrap input.search {width: 150px; border: 1px solid #075181; color: #666; padding-left: 3px}




#header ul.nav {list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 70px}
#header ul.nav li {float: left; list-style: none; margin: 0}
#header ul.nav li a {display: block; padding: 0 5px; color: #fff; border-left: 1px solid #fff}
#header ul.nav ul {display: none}
#header ul.nav a:hover {text-decoration: underline}
#header ul.nav > li:first-child a {border: none}



/* SIDEBAR
----------------- */
#sidebar {float: right; display: inline; width: 187px; margin: 4px 0 0; position: relative; color: #555; background: url(img/bg_sidebar_white.gif) top left no-repeat}
#sidebar h2 {background: url(img/ic_sidebar_h2.gif) top left no-repeat; color: #075181; font-size: 140%; margin: 5px 0; padding-left: 27px}
#sidebar h2 a {color: #075181}
#sidebar h2 a:hover {background: none}
#rss-92076461 h2 {background: #e3dabb; padding: 0}/* rss feed */
#sidebar ul {margin: 0 0 25px; padding: 0 0 0 17px; color: #a90000; list-style-image: url(img/arrow.gif)}

#sidebar_top {padding: 20px 12px 4px 16px; background: url(img/bg_sidebar.png) no-repeat top left; height: auto; min-height: 145px}
#sidebar .separator {width: 187px; height: 35px; background: url(img/bg_sidebar_separator.png) no-repeat top left}	
#sidebar_bottom {background: url(img/bg_sidebar.png) bottom left no-repeat; padding: 10px 12px 4px 16px}
#sidebar_bottom .rss-date {display: block; clear: both}
#sidebar_end {width: 187px; height: 169px; background: url(img/bg_sidebar_end.png) no-repeat top left; margin-bottom: 50px}


/* HEADERS
----------------- */
h1 {font-size: 2em; line-height: 1.2em; margin: 6px 0; color: #000}
h2, h3 {font-size: 1.333em; line-height: 1.111em; margin: .5em 0 .3em; color: #3b2e31}
h4 {font-size: 1.1em; line-height: 1.2em; margin: 1em 0 .2em}
h5 {font-size: 12px; line-height: 1.2em; margin: 0 0 10px; padding: 0; color: #3b2e31; border-bottom: 1px solid #452C11; font-weight: normal}
h6 {margin: 0}
th {color: #6badc3; font-size: 1.1667em; font-weight: bold}




/* BOX
----------------- */
.box {margin: 20px 0 10px 0; position: relative; clear: both}
.box_top {height: 15px; margin: 0; background: url(img/bg_box_section.gif) 100% 0 no-repeat}
.box_top div {width: 15px; height: 15px; background: url(img/bg_box_section.gif) 0 0 no-repeat}
.box_content {padding: 0 8px; border-left: 1px solid #b6d0d9; border-right: 1px solid #b6d0d9; background: #ebf6fa}
.box_bottom {height: 15px; margin: 0; background: url(img/bg_box_section.gif) 100% 100% no-repeat}
.box_bottom div {width: 15px; height: 15px; background: url(img/bg_box_section.gif) 0 100% no-repeat}
.box h2 {margin: 0; padding: 4px 0}
.box h4 {margin: 0; padding: 3px 0; font-size: 100%}
.box p {padding: 10px 0; margin: 0}
.box ul, .box ol {margin: 0}

.box_border .box_top {background: url(img/bg_box_border.gif) 100% 0 no-repeat}
.box_border .box_top div {background: url(img/bg_box_border.gif) 0 0 no-repeat}
.box_border .box_content {background: #fff}
.box_border .box_bottom {background: url(img/bg_box_border.gif) 100% 100% no-repeat}
.box_border .box_bottom div {background: url(img/bg_box_border.gif) 0 100% no-repeat}





/* FOOTER
----------------- */
#footer {width: 100%; background: #121212; color: #FAF5E1; margin: 10px 0 0; padding: 0}
#footer .content {width: 810px; padding: 15px 0; margin: 0 auto; text-align: left}	
#footer .content img {float: left; padding: 0 10px 5px 0}
#footer .content p {clear: both; text-align: right}
#footer ul.nav {list-style: none; margin: 0; padding: 0; float: right}
#footer ul.nav li {float: left; list-style: none; margin: 0; border-left: 1px solid #fff}
#footer ul.nav li a {display: block; padding: 0 5px; color: #fff}
#footer ul.nav ul {display: none}
#footer ul.nav > li:first-child {border: none}








/* --------------------------------------------------------------------------------------------------------------*/

textarea.text {height: 150px; width: 90%; border: 1px solid #A90000; background: #FFF; color: #354D5F}
textarea.text:hover {border: 1px solid #A70000; background: #FFFFF4; color: #000}
input.field {border: 1px solid #075181; background-color: #fff; width: 283px; color: #000}
input.field:hover {border: 1px solid #68ADD5; background: #FFFFF4; color: #000}
input.text {border: 1px solid #A70000; margin: 0; width: 150px; background: inherit; color: #000; padding: 4px}
input.text:hover {border: 0 solid #68ADD5}
.date {color: #808080; background: #fff; text-align: right; margin: 4px 0 5px; padding: 0.4em 0 0; border-top: 1px solid #eee}
.comments {padding: 10px 10px 8px; margin: 0 0 7px; background: #f8f8f8; color: #000}
.commentsbox {padding: 8px 0 10px 10px; margin: 0 0 10px; background: #f4f4f4; color: #000}
.error {color: #900; background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #900}
.error h2 {color: #900; background: inherit}
.success {color: #000; background: #F5FBE1; padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #7BA813}
.success h2 {color: #7BA813; background: inherit}

/*post stylng*/
.post{margin: 0 0 25px}
.post .info{padding: 2px 3px 3px 8px; border: 1px solid #e3e4e4; background-color: #f5f5f5; font-size: 0.9em; color: #505050}

/*comment styling*/
#commentlist li {margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000}
#commentform {margin: 1em 0; background: #fff; width: 280px}
#commentform textarea {background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px}
#commentform textarea:hover {background: #fff; border: 1px solid #d6d3d3}
#commentform textarea:focus {background: #fff; border: 1px solid #939793}
#commentform #email, #commentform #author, #commentform #url {font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {font-size: 1.1em; background: #fff; border: 1px solid #d6d3d3; width: 280px}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em; background: #fff; border: 1px solid #939793; width: 280px}
#commentform input{margin-bottom: 3px}