/*  
Theme Name: Cool Down
Theme URI: http://www.berthixson.com/website-design.php#6
Version: 2.0
Description: Designed by <a href="http://www.berthixson.com">Bert Hixson</a>. Fixed width two column layout utilzing jquery accoridan panel for right sidebar functionality. Widget ready.
Tags: black, blue, white, two-columns, right-sidebar, fixed-width, threaded-comments
Author: Bert Hixson 
Author URI: http://www.berthixson.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

body {font-family: "Trebuchet MS", Tahoma, Arial;font-size: 100%;color: #000;background-color: #000;margin: 20px;	padding: 0;}

/* Wrappers */
#wrapper {width: 960px;margin: 0 auto;}
#column_wrapper {background-image: url(assets/images/column.gif);background-repeat: repeat-y}
#column_wrapper_noimage {background-image: none;background-color: #f7f7f7}
/* End wrappers */

/* Masthead */
#masthead {height: 75px;color: #999999;padding: 0px;margin: 0 0 12px 0;	background-color: #000;}
#masthead .content {color: #fff;height: 30px}
#masthead img {float:left;border:none}
/* End masthead */

/* Title and tagline */
#title {max-width: 600px;margin-right: 35px;font-size:35px;color:#fff;text-align: right;float:left}
#title a:link, #title a:visited {color: #fff; text-decoration:none}
#title a:hover {color: #6699CC}
.tagline {font-size: .4em;text-align:right}
/* End title and tagline */

/* Special */
#image_rotate {width: 693px; height:225px;border-bottom: 6px solid #000;background: #000}
#archivefor {padding: 10px 0;height: 30px;font-size: 1.5em;color:#fff;text-align:left;background: #000;}
/* End special */

/* Top Navigation */
#topnav {margin:41px 0 20px 0;float:left}
#topnav ul {list-style-type: none;margin:0; padding:0}
/* End topnav */

/* Top Navigation First Level */
.nav {margin:43px 0 20px 0;float:left}
.nav li {list-style-type:none; margin-right: 15px; float:left; position:relative; list-style-type:none;}
.nav li a {display:block;float:left;padding:0;width:auto;border: none;text-decoration: none;color:#6699CC}
.nav li a:hover {color: #e7e7e7}
/* End Top Navigation First Level */

/* Top Navigation Second and subsequent Levels */
.nav ul {margin:0;padding:0;display:none;position:absolute;top:20px;width:auto;}
.nav ul a {line-height:20px;font-size: 12px;cursor: pointer;}
.nav li li {border-left:none;margin-top:0}
.nav li ul a {width:150px;height:auto;float:left;text-align:left;padding:4px 10px;border:1px solid #484848;border-top:none; color:#f8f8f8;background-color: #6699FF;position:relative}
.nav li ul a:hover {background: #006699;color:#fff;}

ul.nav ul {left: 0px}
ul.nav ul ul {position:absolute; top:5px;left: 120px;z-index:10;border-top: 1px solid #333}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul {display:none}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul {display:block}
/* End Top Navigation Third Level */
/* End Top Navigation */

/* Left */
#leftHome, #left {width: 693px;float: left}
#leftHome img, #left img {max-width: 630px; border: 1px solid #ccc; padding: 4px;}
#leftHome {}
#leftHome .content {margin-top: 375px;background-color:#f7f7f7}
#left {background-image: none;padding:0;margin:0}
#left .content, #left .contentPad {margin: 0;padding: 0;font-size: 0.85em;line-height: 1.65em;background-image:url(assets/images/left-back.jpg); background-repeat:repeat-x}
#left .contentPad {padding: 24px;}
#left ol ol {list-style-type:lower-alpha}
#left ol ol ol {list-style-type:lower-roman}
#leftBtm {background: #FFF;border-top: 1px dotted #ccc;padding:24px}
#leftBtmB {background: none;border-top: none;padding:0px}
#left a:link, #left a:visited {color:#003366; text-decoration: underline}
#left a:hover {color: #666; text-decoration: none;}
.readme {width: 911px}
/* End Left */

/* Right */
#right, #rightHome {width: 259px;float: left;}
#right .content, #rightHome .content {padding: 24px 20px;font-size: 0.8em;line-height: 1.5em;color: #333}
#rightHome .content {margin-top: -231px;position: relative}
#right a:link, #right a:visited {color: #006699;}
#right a:hover {color: #000000;}
/* End right */

/* Footer */
#footer {min-height:40px;color: #6699CC;background-color: #000000;padding: 0px;	margin: 0;font-size: 0.7em;	clear: both;}
#footer .content {padding: 12px 0; float:left}
#footer .content2 {padding: 12px 0;float:right}
#footer img {border: none}
#footer a:link, #footer a:visited {color: #6699CC; text-decoration:none}
#footer a:hover {color: #FFF; text-decoration:underline}
/* End footer */

/* Headings */
h1{font-size: 1.8em;margin: 0;}
#left h1 a:link, #left h1 a:visited {color: #000;text-decoration:none}
#left h1 a:hover {color:#6699CC}
h2 {font-size: 1.6em;margin: 0;}
#left h2 a:link, #left h2 a:visited {color: #000;text-decoration:none}
#left h2 a:hover {color:#6699CC}
h3 {font-size: 1.25em;margin: 0;}
h3.sideTitle {font-size: 2em; margin:30px 0 10px 0}
h3.textbox {font-size: 2em; margin-top: 0}
h3#pings {color:#006699}
h4 {font-size: 1.1em;margin: 0;}
h5 {font-size: .95em;margin: 0;}
h6 {font-size: .85em;margin: 0;}
#leftBtm h4 {color:#6699CC}
/* End heading */

/* Misc */
.menulist {margin: 6px 0 12px 0;padding: 0;list-style-type: none;}
.nomargintop {margin-top: 0;}
.content p {margin: 12px 0;}
.biggerText {font-size: 1.3em}
.blueText {color:#0033CC}
small {font-size: .7em}
.clearfloat {clear: both;height: 0;line-height: 0;font-size: 0;}
blockquote {font-size: 0.9em;line-height: 1.5em;font-style: italic;color:#003366;padding: 10px 0 0 15px;background-image: url(assets/images/upper-quote.png);background-repeat: no-repeat;	background-position: left top;min-height:49px}
abbr {border-bottom: 1px dotted #6699CC}
acronym {border-bottom: 1px dashed #6699CC}
cite {font-size: .95em}
code, pre {color:#696969; font-size: .95em; font-family:"Times New Roman", Times, serif}
del {color:#993300}
strike, s {color:#993300}
dl {color: #333333}
dt {font-size: 1.1em; font-weight: bold;}
dd {font-size: .95em; font-weight: normal; font-style: italic; color: $666}
/* End Misc */

/* Category, Meta */
.category, .tags, .comments {width: 145px;padding: 24px 15px;float:left;clear:both}
.category {border-bottom: 1px solid #ccc}
.category h3 {color:#993300}
.category p {font-size: .85em}
.category ul {margin: 0; padding: 0; list-style-type: none}
.postcontent {width: 469px;margin-left:175px;padding:24px;border-left: 1px solid #ccc;background:#fff}
#left .postcontent img {max-width: 445px; border: 1px solid #ccc; padding: 4px;}
.tags h3, .category h3 {color:#993300;background-image:url(assets/images/related-posts.gif);background-repeat: no-repeat;overflow:visible;background-attachment: scroll;background-color: transparent;background-position: right;z-index: 10;margin-top: 0;margin-right: -16px;}
.tags {}
.tags a:link {font-size: .85em}
.postlist {margin:0;padding:0}
.entry {width:693px;border-bottom: 1px solid #ccc;list-style-type:none;	background-image: url(assets/images/entry.png);	background-repeat: repeat-y;}
.editit, .nextpage {float: left;clear:both;margin-bottom: 24px}
.nextpage {margin: 5px}
/* End category, meta */

/* Forms */
.formdata {margin-top: 25px}
.formdata p {margin: 5px 0}
input, textarea {margin-bottom: 8px;padding:0;border: 1px solid #6699FF}
#submit:hover, #reset:hover {background: #99CCFF; color:#333;text-decoration: underline}
ul.searchforit {color:: #903;margin: 5px 0;padding-left:0;list-style-type:none}
input.formstyle {width:204px;height:14px;border: 1px solid #006699;margin:5px 0;padding:7px; color: #00314F}
/* End forms */

/* Comments */
.nocmntdiv {width: 75px; height: 65px;margin-right: 25px;float:left;font-size:1.8em; text-align:center;border: 1px solid #a9a9a9;}
.nocmnts {text-align:left;font-size: .5em; color:#CC0000; text-align:center}
.pnocmntdiv {width: 140px; height: 42px;margin-right: 25px;padding-top:4px;float:left;font-size:1.8em; text-align:center;border: 1px solid #a9a9a9;}
.pnocmnts {text-align:left;font-size: .5em; color:#CC0000; text-align:center}
.leavecmnt, .leavecmntCC {font-size:1.8em; color:#336699; margin-top:-8px;margin-left:100px}
.leavecmntCC {margin-left: 0px}
.commentlist {list-style-type:none;padding:0}
.commentlist li {border:1px solid #CCC;margin-bottom: 24px;;padding:8px}
.commentlist ul {list-style-type: none;margin-top:18px}
.avatar {width: 70px; height: 70px;margin-right: 24px;padding 3px;float:left}
.commenthead {width: auto}
.commentauthor, .authorurl {float:left}
.commentdate {float: right}
.comment-text {font-size:.85em;margin:20px}
.pinglist {list-style-type: none;margin-left: 0;padding-left:0}
.pinglist li {border:1px solid #ccc; margin-bottom:10px;padding:12px}
.reply-button, #cancel-comment-reply-link {border: 1px solid #6699CC; width: 45px; padding: 3px;text-align:center;background: #f7f7f7}
.alt {background: #fcfcfc}
#respond label {color: #888;font-size: 12px;}
#respond input, #respond textarea {float: left; margin-right: 10px}
#respond input {height: 20px; color:#006699}
#respond span.required {color: #993300}
.form-allowed-tags {float: left}
#cancel-comment-reply-link {width: 65px; font-weight: normal}
/* End comments */

/* Tables */
table {text-align: center}
tr, th, td {border: 1px solid #ccc}
th {background: #6699CC; color:#000}
td {padding: 4px; text-align: left}
/* End tables */

/* Zebra for alt table rows */
.zebra {background-color: #dddddd;}
tr.zebraHover { background-color: #FFFACD;}
/* End Zebra */

/* Accordian */
#accordian h3 {margin-bottom: 18px;}
#accordian h4 {border: 1px solid #006699;margin:5px 0;padding:5px 0 5px 10px; background-color:#94C5EB; color: #00314F; font-weight:normal;}
#accordian p, #accordian ul {border: 1px solid #006699; padding: 10px;margin:0}
#accordian ul {margin:0; padding: 10px; list-style-type: none}
#accordian li {margin: 5px 12px 5px 4px}
#accordian a:link, #accordian a:visited {font-size: 1.25em;color:#003399; text-decoration: none}
#accordian a:hover {color: #fff;text-decoration:underline}
/* End Accordian */

/* WP Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 218px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar td#next {border: none}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar td#prev {border: none}
#wp-calendar td.pad {border: none}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: left;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* WP Caption */
.wp-caption {border: 1px solid #ddd;text-align: center;	background-color: #f3f3f3;	padding-top: 4px;margin: 10px;
-moz-border-radius: 3px;-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}
.wp-caption-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End WP Caption */

/* WP Images */
img.centered {display: block;margin: 10px auto}
img.alignright {padding: 4px;margin: 10px 0 ;display: inline;}
img.alignleft {padding: 4px;margin: 10px 0; display: inline;}
/* End Images */

/* WP Navigation */
.navigation {height: 30px; padding: 5px 12px;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display: block;margin-left: auto;	margin-right: auto;}
#left .navigation .alignleft a:link, #left .navigation .alignleft a:visited,
#left .navigation .alignright a:link, #left .navigation .alignright a:visited {color: #333399; text-decoration: none}
#left .navigation .alignleft a:hover, #left .navigation .alignright a:hover {color:#3399FF}
/* End wp navigation */

/* Widgets */
#accordian .panel ul {padding: 0 0 0 10px}
#accordian .panel ul li {list-style-type: none}
#accordian .panel ul ul {margin: 0 0 0 10px;padding: 0 0 0 10px; border:none; list-style-type:disc;font-size:.8em}
#accordian .panel ul ul ul {font-size: 1em; list-style-type:circle}
.widgets ul {list-style-type: none;margin: 5px 0;padding:0}
.widgets li {margin-bottom: 4px}
.widgets a:link, .widgets a:visited {color: #006699;}
.widgets a:hover {color: #000000;}
/* End widgets */
