/*   
Theme Name: Thematic Power Blog
Theme URI: 
Description: Use the Thematic Power Blog Theme to ramp up the power of your WordPress blog.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic Power Blog is copyright 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('../thematic/library/styles/default.css');

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


#body {
    color:#333333;
}

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

#category-access {
    border-bottom:1px solid #ccc;
    height:32px;
    font-size:13px;
    padding:11px 0;
    overflow:visible; 
    z-index:150;
}
/* 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-right:10px;
}

.sf-menu {
    border-right:0px solid #CCCCCC;
    float:right;
}

.sf-menu li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#9E1F18 none repeat scroll 0 0;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    color:#FFFFFF;
}

.sf-menu li ul {
    display:none!important;
}

.sf-menu a {
    border-bottom:0px solid #CCCCCC;
    border-left:0px solid #CCCCCC;
    border-top:0px solid #CCCCCC;
    padding:9px 13px;
    text-decoration:none;
    color:#FFFFFF;
}

.sf-menu a:hover {
    background:#999999;
}

.sf-menu a:active {
    color:#FFFFFF;
}

.sf-menu a:visited {
    color:#FFFFFF;
}

#category-access .sf-menu {
    border-color:transparent;
}
#category-access .sf-menu a {
    border:1px solid transparent;
    margin-right:3px;
}
#category-access .sf-menu li:hover, #category-access .sf-menu li:hover a,
#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:     #fafafa;
	outline:		0;
    border-color:#ccc;
}
#category-access .sf-menu ul a {
    background:#fafafa;
    border-color:#ccc;
    border-right:none;
	border-bottom:none;
	margin-right:0;
}


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

#page-top {
    display:none;
}

#crown h3 {
    font-size:17px;
    padding:0 0 4px 0;
}
#crown #thematic-power-blog-subscribe {
    padding:0 0 44px 0;
    position:relative;
}
#crown #thematic-power-blog-subscribe h3 {
    position:absolute;
    top:0;
    left:0;
}
#crown #thematic-power-blog-subscribe ul {
    list-style:none;
    margin:0;
    position:absolute;
    top:0;
    right:0;
}
#crown #thematic-power-blog-subscribe ul li {
    padding:0;
}
#crown #thematic-power-blog-subscribe a {
    background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;
    border:1px solid #ccc; 
    -webkit-border-radius: .35em;
    -moz-border-radius: .35em;
    border-radius: .35em;
    padding:6px 16px 6px 32px;    
    text-decoration: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 {
    background: transparent url(http://www.unaocyouth.org/img/bg.png) repeat-x scroll 0 0;
    border-bottom:0px solid #999999;
    border-top:0 solid #CCCCCC;
    margin-bottom:40px;
    margin-top:0;
}

#blog-title a {
    background:url(http://unaocyouth.org/img/aocYouthLogo.gif) no-repeat top center;
    display:block;
    text-indent:-9000px;
    width: 399px;
    height: 86px;
  	/* for old logo:  width: 200px; height: 104px;	*/
}

#branding {
    padding:22px; /* Bottom padding is the same height as the image called above */
}

.aside p {
    font-size:18px;
    line-height:28px;
    margin-bottom:0;
}

.connect {
    background-color:#9E1F18;
    color:#FFFFFF;
    height:56px;
    padding:20px;
}

#crown li a {
    text-decoration:none;
    color:#FFFFFF;
}

#crown ul a:hover {
    background-color:#666666;
    color:#FFFFFF;
    text-decoration:none;
}

#crown h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight:bold;
    color:#FFFFFF;
    line-height:26px;
}
.act {
    background-color:#D34036;
    color:#FFFFFF;
    height:56px;
    padding:20px;
}

.learn {
    background-color:#0D676F;
    color:#FFFFFF;
    height:56px;
    padding:20px;
}

#blog-description {
	display: none;
	/*	background-color: #D34036;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    margin-bottom:0;
    padding-left: 10px;
    width: 350px;	*/
}

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

#access {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    border-bottom:0px dotted #FFFFFF;
    font-size:13px;
    height:34px;
    overflow:visible;
    z-index:100;
}

#access .menu .current_page_item {
    background:#333333;
    color:#FFFFFF;
}

#main {
    clear:both;
    padding:0 22px;
}

#content {
}

#content .aside {
    border:1px solid #CCCCCC;
    margin:0 0 22px;
    padding:18px 0 0;
}

.edit-link {
    display:none;
}

.hentry {
}

.entry-title {
    display:none;
}

.entry-content {
    padding:0;
}

.entry-content p {
    font-family:arial,helvetica,sans-serif;
    font-size:18px;
    line-height:22px;
    padding-top:15px;
}

.entry-content .author {
    font-family:calibri,sans-serif;
    font-size:18px;
    line-height:18px;
    padding-top:0;
    text-align:right;
}

.crown-aside {
    color:#666;
    padding-top:0;
    margin:0;
}
.attachment-jpeg .crown-aside,
.attachment.png .crown-aside {
    display:none;
}
.crown-aside a {
    color:#666;
}
.crown-aside a:active,
.crown-aside a:hover {
    color: #FF4B33;
}
.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 {
    border:0px solid #ccc;
    width:426px;
}
#primary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px;
    padding:22px 0 11px 0;
    width:212px;
}
#secondary {
    border:1px solid #ccc;
    border-width:0 1px 1px 1px; /* keeping a border on the left for no-js */
    margin-left:-1px; /* offsets the 1px border on the left */
    padding:22px 0 11px 0;
    width:213px;
}

#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 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#0d676f none repeat scroll 0 0;
    border-top:2px dotted #FFFFFF;
    margin-top:32px;
}

#footer .aside h3 {
    margin-bottom:10px;
}

#footer .aside {
    color: #FFFFFF;
}

#footer .aside a {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 16px;
    line-height:22px;
}

#footer .aside p {
    font-size:12px;
    margin-bottom:10px;
    line-height:18px;
}

#footer .aside .title {
    font-size:16px;
    line-height:22px;
    font-weight:normal;
}

#footer .aside ul ul {
    margin:0 0 22px;
}

#footer .aside li {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:10px;
}

#footer .aside a img {
    border:medium none;
}

.recent-posts-thumb {
    text-decoration:none;
}

#siteinfo {
    font-size:10px;
    color:#FFFFFF;
}

#siteinfo a {
    color:#FFFFFF;
    font-size:12px;
    padding-right:15px;
}

#siteinfo .privacy {
    word-spacing:0;
}

.aside h3 {
    font-family:arial,helvetica,sans-serif;
    font-size:16px;
    font-style:normal;
    font-weight: bold;
    line-height:22px;
    text-transform:uppercase;
}

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

#topnavsearch { 
	float:right; 
	height: 24px; 
	z-index:2; 
	background-color:#D34036; 
	border: 1px solid #380f05;
	width:248px; 
	margin-top:30px; 
	margin-right:1px;
}

#topnavsearch input { 
	background-color:#D34036; 
	border:0; 
	color: #fff;  
}

#topnavsearch .searchtext { 
	float:left; 
	height:18px; 
	font-weight: bold; 
	width:220px; 
	line-height: 24px; 
	padding: 2px; 
	font: 90% arial, helvetica, sans-serif; 
	font-weight:bold; 
}

#topnavsearch .searchsubmit { 
	float:right; 
}