/*
---------------------------------------------
Style: 3 column fixed
Description: None
Author: Visual Elixir
Author URI: http://www.visualelixir.com
Copyright: Visual Elixir, All Rights Reserved
--------------------------------------------- */

/* Global
--------------------------------------------- */
body {font:76% "Lucida Grande",Arial,Helvetica,sans-serif; margin:0; background:#fff url(../images/main_bkg.png) repeat-x; color:#000; line-height:1.6em;}
img {border-style:none;}
ul,ol,li {list-style-type:none; margin:0; padding:0 0 4px 0;}

/* Typography
--------------------------------------------- */
p {margin:0 0 1.2em 0; font-size:1em;}
a {color:#00aeef; text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}

h1, h2, h3, h4, h5 {color:#54534a;}
h1 {font:bold 2.4em "Lucida Grande",Arial,Helvetica,sans-serif; margin:0 0 0.2em 0;}
h2 {font:bold 2em "Lucida Grande",Arial,Helvetica,sans-serif; margin:0 0 0.5em 0;}
h3 {font:bold 1.8em "Lucida Grande",Arial,Helvetica,sans-serif; margin:0 0 0.5em 0;}
h4 {font:bold 1.4em "Lucida Grande",Arial,Helvetica,sans-serif; margin:0 0 0.5em 0;}
h5 {font:bold 1.2em "Lucida Grande",Arial,Helvetica,sans-serif; margin:0 0 0.5em 0;}

#logo h1 {margin:0;}
#tagline h2 {margin:0; color:#fff;}

/* Navigation
--------------------------------------------- */
#topnav-box {width:960px; margin:0; padding:0; background:#eef9fe;}
ul#topnav {margin:0; padding:0 20px 0 20px; list-style:none;}
ul#topnav li {float:left; margin:0; padding:0; font:bold 1.1em "Lucida Grande",Arial,Helvetica,sans-serif; list-style:none;}
ul#topnav li a {float:left; margin:0; padding:20px; color:#54534a; text-decoration:none;}
ul#topnav li a:hover {color:#00aeef;}

ul#sidenav {margin:0; padding:0; list-style:none;}
ul#sidenav li {margin:0; padding:0; font-size:1em; display:block;}
ul#sidenav li a {margin:0; padding:5px 0 5px 25px; color:#54534a; display:block; border-bottom:1px solid #54534a;}
ul#sidenav li a:hover, ul#sidenav li a:active {color:#54534a; background:#f3f3ef;}

ul#tabs {margin:0; padding:0;}
ul#tabs li {float:left; margin:0; padding:0; font:bold 1em "Lucida Grande",Arial,Helvetica,sans-serif; list-style:none;}
ul#tabs li.t1 a {float:left; width:90px; margin:0; padding:15px 20px 15px 20px; color:#54534a; background:#e7e6e1 url(../images/tab_llc.png) 0 0 no-repeat; text-decoration:none;}
ul#tabs li.t2 a {float:left; width:89px; margin:0; padding:15px 20px 15px 20px; color:#54534a; border-left:1px solid #dcdbd4; background:#e7e6e1 url(../images/tab_lrc.png) 100% 0 no-repeat; text-decoration:none;}
ul#tabs li.t1 a:hover {color:#fff; background:#54534a url(../images/tab_dlc.png) 0 0 no-repeat;}
ul#tabs li.t2 a:hover {color:#fff; border-left:1px solid #dcdbd4; background:#54534a url(../images/tab_drc.png) 100% 0 no-repeat;}
ul#tabs li.t1 a.selected {background:#54534a url(../images/tab_dlc.png) 0 0 no-repeat; color:#fff;}
ul#tabs li.t2 a.selected {background:#54534a url(../images/tab_drc.png) 100% 0 no-repeat; color:#fff;}

/* Layout
--------------------------------------------- */
#container {margin:0 auto; width:960px; background:#fff;}
#content {margin:0;padding:40px 0 110px 0; background:url(../images/footer_bkg.jpg) 0 100% no-repeat;}
#top {margin:0; padding:0; background:#fff url(../images/top_bkg.jpg) no-repeat;}
#logo a {width:240px; height:177px; margin:0; padding:0; text-indent:-9999px; display:block; overflow:hidden; background:url(../images/logo.png) no-repeat; text-align:center;}
#tagline {width:880px; margin:0; padding:15px 40px 15px 40px; text-align:right; background:#9fddf9 url(../images/tagline_bkg.png) repeat-y;}
#col-13 {float:left; width:340px; margin:0; padding:0;}
#col-23 {float:left; width:620px; margin:0; padding:0;}
.entry {margin:0; padding:0 0 40px 40px;}
.entry-side {float:left; width:160px; margin:0; padding:0; text-align:right;}
.entry-main {float:left; width:380px; margin:0; padding:0 0 0 40px;}
.entry-main ul {margin:0: padding:0;}
.entry-main ul li {margin-left:15px; padding-left:5px; list-style-type:disc;}
.entry-main ol {margin:0: padding:0;}
.entry-main ol li {margin-left:25px; padding-left:5px; list-style-type:lower-roman;}
#sidebar {width:260px; margin:0; padding:0 0 210px 40px;}
.sidebox {margin:0; padding:0; background:#f3f3ef url(../images/sidebox_mid.png) repeat-y; clear:both;}
.sidebox-top {background:url(../images/sidebox_top.png) 0 0 no-repeat;}
.sidebox-btm {background:url(../images/sidebox_btm.png) 0 100% no-repeat;}
#excerpt {margin:0; padding:0;}
#tab1 {padding:20px;}
#tab2 {padding:20px;}
#copyright {float:left; width:160px; margin:0; padding:0; text-align:right;}
#contact {float:left; width:380px; margin:0; padding:0 0 0 40px;}
#tagline-btm {margin:0; padding:0 0 0 40px;}
#footer {clear:both; margin:0; padding:40px 0 0 0;}
#footer-info {margin:0; padding:0 0 0 40px;}

/* Clear
--------------------------------------------- */
.clr:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clr {display:inline-block;}

/* Hide from IE Mac \*/
.clr {display:block;}
* html .clr {height: 1%;}
/* End hide from IE Mac */

/* The End */
