/*   
Theme Name: UBLA
Theme URI: 
Description: Custom theme for ub-la.com/blog base on Thematic
Author: Andrew Campbell
Author URI: http://clickm8.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

html {
    height: 100%;
    background: #758755 url(images/bg.png) 50% 0 repeat-x;
}

body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url(images/pagewrap-bg.png) 50% 0 repeat-y;
    font-family: Myriad Pro,Trebuchet MS,sans-serif;
}

#wrapper {
    min-height: 400px;
    height: auto !important;
    height: 400px;
    width: 960px;
    background: url(images/page-bg.png) no-repeat;
    margin: 0 auto;
    padding: 0 20px;

}

#header {
    position: relative;
    background: white url(images/header-bg.png) repeat-x;
    padding-top: 33px;
    height: 137px;
    width: 960px;
}

#branding {
    padding: 20px 30px;
    width: 900px;
}

#blog-title a {
    width: 123px;
    height: 61px;
    background: url(images/logo.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    margin-left: -2px;
    margin-bottom: 4px;
}

#main {
    background: white;
    padding: 0 20px;
    width: 900px;
}

#container {
    width: 550px;
}

#ubla_nav {
    position: absolute;
    right: 30px;
    top: 33px;
    list-style: none;
    margin:0;
    padding: 0;
    display: block;
    overflow: hidden;
}

#ubla_nav a {
    text-decoration: none;
}

#ubla_nav li.l1 {
    float: left;
    width: 70px;
    line-height: 18px;
    padding: 14px 0 2px 10px;
    font-size: 14px;
    margin-left: 8px;
}

#ubla_nav li a {
    color: black;
}

#ubla_nav li.active {
    background: url(images/menu-hilite.png) no-repeat;
}

#ubla_nav li.active a {
    color: white;
}


#ubla_nav li ul {
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0;
}

#ubla_nav li.l1 li.l2 {
    font-size: 12px;
}

#ubla_nav li.l1 li.l2 a {
    color: #A7AAB0;
}

.entry-title a:active, .entry-title a:hover {
    color: #FF9A00;
}

#primary {
    border: none;
    padding: 0;
}

.aside a, .aside a:visited {
    text-decoration: none;
    color: black;
}

.aside a:hover {
    color: #6D939D;
}

.aside h3 {
    border-bottom: 2px solid #6D939D;
    color: #FF9A00;
    font-size: 13px;
    margin-bottom: 8px;
    font-style: normal;
}

.aside ul ul {
    list-style: none;
    margin: 0 0 22px 0;
    padding: 0;
}

#footer {
    border-top: 5px solid #655A56;
    margin: 0;
}