/*
Theme Name: eyecurious
Theme URI: http://eyecurious.com
Description: Child Theme for Thematic
Author: eyecurious
Author URI: http://eyecurious.com
Template: thematic
Version: 0.1
.
*/
 
/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.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');

/*
LAYOUT: Three-Column (Right) Primary
DESCRIPTION: Three-column 950px fixed layout with two sidebars right of content, primary being on the left.
*/

body {
    min-width:960px;
}
#header {
    position:relative;
}
#branding {
    width:940px;
    height:117px;
    margin:0 auto;
    padding:0 0 0;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:940px;
    margin:0 auto;
}
#main {
    width:960px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
#container {
    width:520px;
    float:left;
    margin:0 15px 0 10px;
}
#content {
    overflow:hidden;
}
#primary {
    width:200px;
    float:left;
    margin:0 0 0 0;
    background-color:#F5F5F5
}
#secondary {
    width:180px;
    float:left;
    margin:0 0 0 10px;
}
#footer {    
    clear:both;
}
#subsidiary {
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 10px 0 10px;
}
#subsidiary #third {
    margin:0 0 0 10px;
}
#siteinfo {
    clear:both;
    width:940px;
    margin:0 auto;
}

/* Overall font */

body, input, textarea{
    font: Georgia,sans-serif;
    font-size: 85%;
    line-height: 1.5em;
    color:#555555;
}

/* Entry title font */

.entry-title {
	font-family: Georgia, sans-serif;
	font-size: 1.7em;
	font-weight:normal;
	line-height: 1.3em;
	padding:0 0 6px;
}

.entry-title a {
	color:#111111;
	font-weight:normal
}

.entry-title a:link {
	color:#111111;
}

.entry.title a:hover {
    color:#111111;
    text-decoration:underline
}


/* Entry meta font */

.entry-meta {
	font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
	color:#999999;
	font-size: .8em;
	font-style:normal;
	line-height: 1.1em;
}

.entry-meta a {
	color:#111111;
	font-weight:normal
}

.entry-meta a:active {
	color:#111111;
}

.entry-meta a:hover {
	color:#111111;
	text-decoration:underline
}

.entry-meta .author {
display: author;
}

.entry-meta .meta-sep{
display:;
}

/* Entry utility font and bottom border */

.entry-utility {
	font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
	color:#999999;
	font-size: .8em;
        line-height:18px;
        border-bottom:1px dotted #D4D4D4;
	margin-top:10px;
}

.entry-utility a {
	font-weight:normal;
	font-style:normal;
	font-variant:underline;
}

.entry-utility a:link {
        color:#333333;
}

.entry-utility a:hover {
        color:#FFFFFF;
	text-decoration:none;
        background-color:#666666
}


/* Link formatting */

a {
    color:#555555;
    font-weight:bold;
    text-decoration:none
}

a:link {
    color:#555555;
}


a:visited {
    color:#555555;
}


a:hover {
    color:#111111;
    text-decoration:underline
}

a:active {
    color:#555555;
}


/* Header image */

#blog-title a {
	text-indent:-9000px;
	display: block;
	height: 0px;
}
#blog-description {
	position:absolute;
	left:-9000px;
}

#header {
	background:url(images/eyecurious_logo_2.jpg) no-repeat scroll center top;

} 

/* Change font in primary and secondary */

#primary {
	font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
	font-size: .85em;
}

#secondary {
	font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
	font-size: .85em;
}

/* Change link colour in primary */

#primary a {
	color:#111111;
	font-weight:normal
}

#primary a:hover {
        color:#FFFFFF;
	text-decoration:none;
        background-color:#666666
}

/* Change link colour in secondary */

#secondary a {
        color:#111111;
	font-weight:normal
}

#secondary a:hover {
        color:#FFFFFF;
	text-decoration:none;
        background-color:#666666
}

/* Remove aside list bullets */

.aside ul ul {
        list-style:none;
        margin:0 0 0 0;
}

/* Aside line height */

.aside {
        line-height:1.6em
}

.aside input {
        width:150px
}

/* Separate entries with dotted lines in aside */

.aside ul ul li {
        border-bottom:1px dotted #D4D4D4;
        color:#7F7F7F;
        line-height:1.2em;
        padding:4px 0;
}
        
/* Style aside entry titles */

.aside h3 {
        font-size:1.3em;
        font-style:normal;
        color:#999999;
        line-height:30px;
        margin-top:10px;
}

/* Remove border from primary */

#primary {
        border:0px;
        margin-bottom:22px;
        padding:0 0 0;
}


/* Format gallery captions */

.wp-caption-text, .gallery-caption {
        color:#999999;
        font-size:.8em;
        line-height:1.2em;
        align:left
}

/* Format nav menu */

#access {
        border-bottom:0px;
        font-family: "Lucida Grande",Geneva,Helvetica,sans-serif;
        font-size:11px;
        font-style:normal;
        height:30px;
        overflow:visible;
        z-index:100;
        text-transform: uppercase; 
        letter-spacing:0.05em;
}

/* Format menu tabs */

.sf-menu li {
        background:none repeat scroll 0 0;
        border:0px;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:0;
}

.sf-menu a{
        color:#333333;
        font-weight:normal;
}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
        border-bottom:1px solid #CCCCCC;
}

.sf-menu a:link{
        color:#666666
}

.sf-menu a:hover{
        color:#000000
}

.sf-menu li:hover {
        background:none repeat scroll 0 0;
        border:0px;
}

