/*
Theme Name: Theme
Theme URI: http://www.
Description: This is a custom theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*-----------Block Level Elements--------------*/

h1, h2, h3, h4, ul, ol, li, p {margin: 0; padding: 0; }
ul ul {margin-left: 1em;}

.lt-teal {color: #C7F0F2; }
.dk-teal {color: #00BCC3;}
.lt-yellow {color: #FFFDD9;}
.dk-yellow {color: #FFF100;}
.red {color: #CC3333;}
.grey {color: #555555;}

Body {background: #C7F0F2 url(images/bg_body.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: .9em; color: #333; margin: 0; padding: 0; text-align: center; }

a:link {color: #00BCC3; }
a:hover {color: #CC3333; }
a:visited {color: #555; }

#page {background: #FFF url(images/bg_page.gif) top left repeat-y; width: 890px; margin: 0 auto; text-align: left; }
#header-wrapper {background: url(images/bg_header-wrapper.gif) top left no-repeat; padding: 0 15px;}
#header { height: 140px;}
.header1 {background: #FFFDD9 url(images/bg_header-alt1.jpg) 0px 20px no-repeat; }
.header2 {background: #FFFDD9 url(images/bg_header-alt2.jpg) 0px 20px no-repeat; }

#header .call {float: right; width: 390px; color: #00BCC3; font-weight: bold; font-size: 1.2em; margin-top: 68px;}
#header .call .left {float: left; width: 215px; padding-top: 6px; text-align: right; margin-right: 5px;}
#header .call p {float: right; width: 170px; font-size: 1.4em; text-align: left;}

#headerimg {float: left; width: 380px; padding: 30px 0 0 40px; text-align: left; }

#wrapper {padding: 0 25px 0 35px; }
#content {float: left; width: 555px; }
#sidebar {float: right; width: 245px;height: 500px; }
.sidebar1 { background: url(images/bg_sidebar-alt1.jpg) 0px 0px no-repeat; }
.sidebar2 { background: url(images/bg_sidebar-alt2.jpg) 0px 0px no-repeat; }


#base {background: #E3F8F9 url(images/bg_base.gif) top left no-repeat; height: 30px; padding: 30px; padding-bottom: 0px; font-weight: bold; font-size: 1em; color: #555; }
#base .copyright {float: right; width: 400px; font-size: .8em; color: #00BCC3; font-weight: normal; padding: 2px; text-align: right;}
#base .copyright a:visited {color: #00BCC3; }

/*-------------Headings-------------*/

h1 { }
h2 {color: #555; font-size: 1.7em; margin: 25px 0 0 0;}
h3 {color: #00BCC3; font-size: 1.4em; margin: 20px 0 5px 0; }
h3 a:visited {color: #00BCC3; }
h4 { }
h5 { }

/*-------------The Post-------------*/

h2 a:hover, h2 a:visited, h2 a { }
.post { }
.single h3 {margin-bottom: 10px; }

.post p {margin: 5px 0 10px 0; }
.post a { }
.post ul {list-style-image: url(images/bullet.gif); list-style-position: outside; margin-left: 15px;}
.post li {margin-bottom: 10px; }
.entry { }
.entrytext .postmetadata { }
.postmetadata alt { }
.postmetadata a { }
.pagetitle { }
blockquote { }
cite { }
a img { }
acronym, abbr { }

.navigation {margin: 1em 0 1em 0;}
.alignleft {width: 45%; float: left; text-align: left;}
.alignright {width: 45%; float: right; text-align: right;}

.post-meta-key {font-weight: bold; }

/*-------------Menu-------------*/
#menu {float: left; list-style-type: none; text-align: left; width: 560px; margin: 20px 0 0 0;}
#menu li {float: left; padding: 0; }
#menu li.first {width: 120px; }
#menu li.second {width: 135px; }
#menu li.third {width: 100px; }
#menu li.fourth {width: 205px; }

#menu img {margin: 0; padding: 0;}

#menu li a {display: block; height: 30px;}
#menu li a:link, #menu li a:visited {background-position: 0px 0px; }
#menu li a:hover {background-position: 0px -30px;}
#menu li.selected a, #menu li.selected a:link, #menu li.selected a:visited {background-position: 0px -60px; }

#menu li.first a {background-image: url(images/menu_first.gif); width: 120px; height: 30px;}
#menu li.second a {background-image: url(images/menu_second.gif); width: 135px; height: 30px;}
#menu li.third a {background-image: url(images/menu_third.gif); width: 100px; height: 30px;}
#menu li.fourth a {background-image: url(images/menu_fourth.gif); width: 205px; height: 30px;}

#menu li.first img {width: 120px; height: 30px;}
#menu li.second img {width: 135px; height: 30px;}
#menu li.third img {width: 100px; height: 30px;}
#menu li.fourth img {width: 205px; height: 30px;}

/*--------------Drop Down Menu------------*/

#submenu {background-color: #FFFDD9; background-image: none; list-style: none; float: left; padding: 5px; }
#submenu li {display: inline; }
#submenu li a {padding: 0 0 0 12px; font-size: .9em; font-weight: bold; background: url(images/bullet-y.gif) center left no-repeat; margin-right: 10px; }
#submenu li a:link, #submenu li a:visited {color: #00BCC3; text-decoration: none; }
#submenu li a:hover {color: #CC3333; }

.sub2 {padding-left: 15px !important; width: 545px; }
.sub3 {padding-left: 136px !important; width: 424px}
.sub4 {padding-left: 270px !important; width: 290px; }
.sub5 {}

/*--------------Sidebar------------*/

#sidebar ul { }
#sidebar ul h2 { }
#sidebar ul li { }
#sidebar ul ul { }
#sidebar ul ul li { }
#sidebar ul ul ul { }
#sidebar p { }
#sidebar a { }#sidebar a:hover { }
#sidebar a:visited { }

/*---------------------------------------
	Comments
---------------------------------------*/
.comments {background: #FFFDD9; padding: 10px; margin-top: 1em; border-top: 1px solid #FFFF00; }
.comments .title {font-size: 1.2em; color: #00BCC3; font-weight: bold; margin: 0 0 10px 0; }

.comments .comment {margin-bottom: 5px; display: block; padding: 1px 0 1px 0; font-size: .9em; }

.comments .comment .commenttitle {color: #444; background: #FFF; padding: 4px; border-top: 1px solid #FFFDD9; }
.comments .comment .commenttitle .report {float: right; width: 140px; font-size: .9em; text-align: right;}

.comments .comment .content, .comments .comment .content-alt {margin-bottom: 5px; padding: 5px 5px 0 5px; background: #FFF; border-bottom: 1px solid #FFFF00; }
.comments .comment .content img {float: left; margin: 0 10px 10px 0; }
.comments .comment .content p {margin: 0; padding: 0 0 5px 0; }
.comments .comment .content-alt p {margin: 0; padding: 0 0 5px 0; }

.addcomment {font-size: .9em; background: #FFF; padding: 10px; border-bottom: 1px solid #FFFF00; color: #00BCC3;}
.addcomment p {margin: 5px 0 5px 0; color: #333; }
#commentform div {margin: 8px 0 5px 0; clear: left; }
#commentform label {display: block; float: left; width: 60px; padding: 6px; font-weight: bold; text-align: right; color: #333; }
#commentform small { font-size: 10px; color: #000033; }
#commentform .TextField { background: #fff; border: solid 1px #AAA; padding: 5px; margin-right: 5px; color: #000; }
#commentform .TextArea { background: #fff; border: solid 1px #AAA; padding: 5px; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
#commentform  submit {cursor: pointer; }

/*--------------Contact Form-------------*/

.contactform label {float: left; width: 140px; margin: 0 5px 5px 0; padding-top: 3px; }
.contactform div {clear: left; margin-bottom: 8px; font-weight: bold; }
.contactform textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contactform input {font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/*-------------Misc------------------*/

.clear {clear: both; }
.float_right {float: right; }
.float_left {float: left; }

.postpic {float: right; margin: 0 0 15px 15px; }

.line {height: 1px; min-height: 1px; margin: 15px 0 15px 0; background: #C7F0F2; font-size: 1px; }
.pad10 {padding: 10px;}

.linkcat {list-style: none; }
.linkcat h3 {color: #555; }
.linkcat ul {list-style-image: url(images/bullet.gif); list-style-position: outside; margin-left: 15px;}
.linkcat ul li {margin-bottom: 10px; }

.top1em {margin-top: 1em; }