/*   
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.1
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');


/* =Category Menu
-------------------------------------------------------------- */

#category-access {
    border-bottom:1px solid #ccc;
    height:36px;
    font-size:13px;
    padding:11px 0;
    overflow:visible; 
    z-index:150;
    background : #F0F2F6;
    color : #666;
}

#category-access li a {color : #00a1c4;} 
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access {
		height: 110px;
}

body.ie7 #category-access {
		height: 64px;
}
*/
.menu-title {
    color:#666;
    float:left;
    font-style:italic;
    line-height:32px;
    margin-right:10px;
    display :none;
}
#category-access .sf-menu {
    
border-right : none;
}




#category-access .sf-menu a {
background : #F0F2F6;
color : #00a1c4;
border : 1px solid #F0F2F6;
font-family : arial ;
font-size : 14px;
}

#category-access .sf-menu li, #category-access .sf-menu li a , #category-access .sf-menu ul li a   {}

#category-access .sf-menu a:hover {border : 1px solid #cccccc; background-color : #fff}


#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 

{


}


#category-access .sf-menu ul a {
    

}

/* icones categories
-------------------------------------------------------------- */
#category-nav li.cat-item-23 a  {padding-left : 35px; background:url(images/calculator.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-23 a:hover  {background:url(images/calculator.png) no-repeat 6x ; color : #444;}


#category-nav li.cat-item-82 a  {padding-left : 35px; background:url(images/megaphone.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-82 a:hover  {background:url(images/megaphone.png) no-repeat 6x ;color : #444;}


#category-nav li.cat-item-963 a  {padding-left : 35px; background:url(images/television.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-963 a:hover  {background:url(images/television.png) no-repeat 6x ;color : #444;}


#category-nav li.cat-item-962 a  {padding-left : 35px; background:url(images/video.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-962 a:hover  {background:url(images/video.png) no-repeat 6x;color : #444;}


#category-nav li.cat-item-47 a  {padding-left : 35px; background:url(images/users.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-47 a:hover  {background:url(images/users.png) no-repeat 6x ;color : #444;}


#category-nav li.cat-item-88 a  {padding-left : 35px; background:url(images/iphone.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-88 a:hover  {background:url(images/iphone.png) no-repeat 6x;color : #444;}


#category-nav li.cat-item-81 a  {padding-left : 35px; background:url(images/puzzle.png) no-repeat 6px #F0F2F6; color : #000;}

#category-nav li.cat-item-81 a:hover  {background:url(images/puzzle.png) no-repeat 6x ;color : #444;}






/* =Default Widgets
-------------------------------------------------------------- */

#crown h3 {
    color : #000;
    padding:0 0 4px 0;
    Font-family :  georgia; font-size : 18px
}
#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 {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
        border-top:1px solid #ccc;
        margin-top:22px;
}

#header-container {margin: 0 auto;
width : 988px;
}

/* Moves blog name & description to the left */
#branding {
 
 float: left;
 width: 620px;
margin-bottom: 15px;

}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {

  float: right;
  width: 368px;
  padding: 10px 0 20px;
  font-size : 18px;
  font-style : italic;
font-family: georgia, sans-serif;
  height : 100px;
line-height : 1.5em;
color : #00a1c4;
}

#header-aside .auteur {
  font-size : 18px;
  float:right;
  color : #333;
  font-style : normal;
  font-size : 15px;

 
}

#header-aside a{

  color : #ccc;
  font-size : 14px;
  font-style : none;
  padding-top : 10px;
  font-family : arial;
  font-style : normal;
}


#access {
  clear: both;
}
#blog-description {
    margin-bottom:22px;
}
#leader {
    border-bottom:1px solid #ccc;
    margin-bottom:-22px;
    padding:33px 0 11px 0;
}
#content {
}
.hentry {
}
.crown-aside {
    color:#666;
    padding-top:22px;
    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: #00a1c4;
}
.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:1px solid #ccc;
    background : #F0F2F6;
    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: #00a1c4;
}
#breadcrumb-nav-container {
    margin:0 auto;
    padding:11px 0;
    width:988px;
}
#breadcrumb-nav-container p {
    margin:0;
}



.wp-pagenavi span.pages {
		padding:4px !important;
}


/* =Widgets
-------------------------------------------------------------- */

.aside th, .aside td {
	padding:0.25em 0.35em;
}


.fbLikeContainer {float : right;}

.comments-link a {font-family : arial; font-weight : 700; color :#00a1c4; font-style : normal;}

.comments-link a:hover {text-decoration : underline;}


