/*
Theme Name: Chorngster
Theme URI: http://jessechorng.com
Description: A Thematic child theme
Author: Jesse Chorng
Author URI: http://jessechorng.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('3c-r-fixed-primary-988px.css');

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

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('jesse.css');

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



/*---------------------------------------------------- Category Menu */

#category-access {
    height:20px;
    font-size:13px;
    padding:8px 0;
    margin-top:40px;
    margin-left:250px;
    overflow:hidden; 
    /*----fixed category nav ---*/
    position: fixed ;
    width:100%;
    z-index:300;
}

/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 96px;
}

body.ie7 #category-access {
		height: 64px;
}
*/

.menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-top: 30px;
    margin-left:171px;
    margin-right:22px;
    display: none;
}
#category-access .sf-menu {
    font-family:"Helvetica", Arial, sans-serif;
    font-size: 80%;
}
#category-access .sf-menu a {
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 4px;
    margin-right:4px;
}

#category-access .sf-menu li.current-cat a {
    background-color: #85def3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #85def3;
    color: #666666;
}

#category-access .sf-menu li:hover a {
    background-color: #85def3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #85def3;
}
 


/*
#category-access .sf-menu li:hover,
#category-access .sf-menu li.sfHover,
#category-access .sf-menu li.sfHover a,
#category-access .sf-menu a:focus, 
#category-access .sf-menu a:hover,
*/

#category-access .sf-menu a:active, {
    background-color: #ff0000;
    color: #ff0000;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border: 1px solid #ff0000;
    display:none;
}

#category-access .sf-menu ul a {
    background:#ff00ff;
    border-color:#ccc;
    border-right:none;
    border-bottom:none;
    margin-right:0;
    display:none;
}

/* =Default Widgets
-------------------------------------------------------------- */

#crown h3 {
    font-size:27px;
    padding:0 0 4px 0;
    display: none;
}
#crown #thematic-power-blog-subscribe {
    /*padding:0 0 440px 0;
    position:relative;*/
    display: none;
}
#crown #thematic-power-blog-subscribe h3 {
    /*position:absolute;
    top:0;
    left:0;*/
    display: none;
}
#crown #thematic-power-blog-subscribe ul {
    /*list-style:none;
    margin:0;
    position:absolute;
    top:0;
    right:0;*/
    display: none;
}
#crown #thematic-power-blog-subscribe ul li {
    padding:0;
    display: none;
}
#crown #thematic-power-blog-subscribe a {  
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    border:1px solid #ff00ff; 
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;
    padding:6px 16px 6px 32px;    
    text-decoration:none;
    display: none;
}

/* Fix for the a-tag border bug in IE7 */
body.ie7 #crown #thematic-power-blog-subscribe a {
	float:left; 
}
#thematic-power-blog-about ul {
    list-style:none;
    margin-left:0;
}
#thematic-power-blog-about a.more {
    display:block;
    text-align:right;
}


/* =Global Elements
-------------------------------------------------------------- */

#header {
    padding: 10px 0 0 0;
    height: 65px;
    background-color: #fff;
    border-bottom:1px solid #ccc;
    position:fixed;
    width: 100%;
    z-index:160;
    
}

#branding {
    display:none;
}

#blog-description {
    display:none;
}

#header-aside {
    float: left;
    margin-left:20px;
    width: 200px;
    height: 65px;
    position:absolute;
    z-index: 400;
}

#access {
    clear: both;
}

#leader {
    border-bottom:1px solid #ff0000;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}

#content {
}
.hentry {
}
.crown-aside {
    color:#00ff00;
    padding-top:22px;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#ff000;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #ff0000;
}
.crown-aside ul {
    padding:0 20px;
}
.crown-aside ul ul {
    border:none;
    padding:0;
}
.main-aside {
    padding-top:22px;
}
.main-aside ul {
    padding:0 20px;
}
.main-aside ul ul {
    padding:0;
}
#crown { /*  Box above the sidebar  */
    //border:1px solid #ff00ff;
    //width:300px;
}
#primary { /*  SIDEBAR   */
    padding:22px 0 11px 0;
    width:250px;
    position:fixed;
}

#secondary {
    padding:0;
    /*width:100px;*/
    width:0;
    margin-left:900px;
	margin-top:20px;
	position: fixed ;
}

#breadcrumb-nav {
    border-top:1px solid #ccc;
    color:#666;
    font-size:13px;
    line-height:18px;
    margin-bottom:-22px;
}
#breadcrumb-nav a {
    color:#666;
}
#breadcrumb-nav a:active,
#breadcrumb-nav a:hover {
    color: #FF4B33;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}
#footer {
	margin:0 auto;
	text-align: center;
}


.wp-pagenavi span.pages {
		padding:4px !important;
}

body.page .entry-title {display:none;}

/*---------------------------------------------------- Widgets */

.aside th, .aside td {
	padding:0.25em 0.35em;
}

/*---------------------------------------------------- Logo */

#logo {
	float:left;
	width:250px;
    z-index: 800;	
}

/*---------------------------------------------------- Text in the Header */
#text-header {
	color:#a3a3a3; 
	font-style:italic; 
	font-family:Georgia, Serif;    
	font-size:13px;
    padding:8px 0;
    margin-top:40px;
    margin-left:273px;
    position: fixed;
    width:100%;
    z-index:300;
}


/*---------------------------------------------------- Menu Search Bar */

#access-search{
    position:absolute;
    font-size: 50%;
    left:50%;
    margin-left:330px;
    padding:2px 0 0 0;
    border: 0;
    display: none;
}

#s {
    padding-left: 2px;
    font-size: 12px; 
    font-style: italic; 
    color: #636363; 
    background-color: #ccc;
}

/*---------------------------------------------------- 'Section' Text */
#section-title{
    color:#fff;
    float:left;
    font-style:italic;
    font-size:13px;    
    line-height:32px;
    margin-left:184px;
    margin-right:22px;
    display: none;
}


/*----------------------------------------------- Create a Button like the category menu */
#button-wrapper a{
	float: right;
 	/*width:15px;*/
 	margin-right:10px;
}

#button-wrapper a{
    background-color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #666666;
    padding: 2px;
    /*margin-right: 10px;*/
}

#button-wrapper a:hover {
    background-color: #85def3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #85def3;
    padding: 2px;
    /*margin-right: 10px;*/
}

#cta-wrapper a{
	font-size: 11pt;
	color: #717171;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	font-family: serif, Georgia;
}

#cta-wrapper a{
    background-color: #cecece;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #cecece;
    padding: 3px 6px;
}

#cta-wrapper a:hover {
	color: #cecece;
    background-color: #717171;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #717171;
    padding: 3px 6px;
}

/*---------------------------------------------------- Create a Grid layout */
.new-wrapper {
	float:  left;
	width: 100px;
	padding-left:15px;
	padding-bottom:50px;

}

/*---------------------------------------------------- Masonry CSS ****/

.wrap {
    background: #fff;
    padding-left: 10px;
}

.wrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box {
    color: #666;
    margin: 2px;
    padding: 2px;
    background: #fff;
    font-size: 11px;
    float: left;
    border: 1px solid #ccc;
}

.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }
.col6 { width: 680px; }
.col7 { width: 900px;}

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }
.col6 img { max-width: 680px; }
.col7 img { max-width: 980px; }


#masonry-top-border {
    border-bottom:1px solid #ff00ff;
    height:50px;
}

#masonry-container {
    float:left;
    width:1050px;
    margin-top:50px;
}