/*   
Theme Name: USPEG
Theme URI: http://uspegbasket.free.fr/theme/
Description: Official WordPress theme of the USPEG BASKET club of Marseille. Based on the Shape Theme for WordPress.
Author: BiCoU
Author URI: http://uspegbasket.free.fr/
Version: 0.2
Tags: uspeg, basket, marseille
.
*/


/* Import a basic layout */
@import url('./library/css/2c-r.css');

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

/* Rebuild default browser styles */
@import url('./library/css/rebuild.css');

/* Basic WordPress Styles */
@import url('./library/css/wp.css');

/* W3C standard css */
@import url('./library/css/w3c.css');


body {
	margin: 0;
	padding: 0;
	background: #f9f9f9 url('./library/images/fond.png') top left repeat;
	color: #123456;
}

/* =Header
-------------------------------------------------------------- */

#branding {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #b6d8fd url('./library/images/header.jpg') bottom left repeat-x;
	color: #f9f9f9;
}

#blog-title span{
	float: left;
	visibility: hidden;
}

#blog-title a {
	margin: 0;
	padding: 0;
	color: #123456;
	text-decoration: none;
}

#blog-title img {
	float: left;
	position: absolute;
	left:0px;
	margin: 50px;
}

#blog-description {
	float: left;
	visibility: hidden;
}

#blog-logo {
	margin: 0;
	padding: 0;
	text-align: right;
}

#blog-logo a {
	margin: 0;
	padding: 0;
	color: #123456;
	text-decoration: none;
}


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

#access {
	margin: 0;
	padding: 0;
	overflow: auto;
	background: #123456;
	color: #f9f9f9;
}

.skip-link {
	display: none;
}

.menu {
	margin: 0 50px;
}

.menu ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: #123456;
	height: 28px;
}

.menu li{
	float: left;
}

.menu li ul{
	display: none;
	height: auto;
	position: absolute;
	z-index: 9999;
	width: 225px;
	margin: 0;
	padding: 0;
}

.menu li li ul{
	display: none;
	height: auto;
    position:absolute;
	z-index: 9999;
	margin: 0;
	padding: 0;
	margin-left:225px;
    margin-top:-34px;
}

.menu li:hover ul{
	display: block;
	z-index: 9999;
}

.menu li:hover li ul{
	display: none;
}

.menu li li:hover ul{
	display: block;
	z-index: 9999;
}

.menu li li {
	display: inline;
	/*float: none;*/
	width: 225px;
	height: auto;
	z-index: 9999;
}

.menu li a{
	color: #f9f9f9;
	display: block;
	/*font-size: 10px;*/
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	background: #123456;
}

.menu li a:hover{
	text-decoration: none;
	background: #f9f9f9;
	color: #123456;
}

.menu li ul a{
	display: block;
	font-style: normal;
	padding: 8px 15px;
	text-align: left;
	color: #123456;
	background: #b6d8fd;
	z-index: 9999;
}

.menu li ul a:hover{
	color: #b6d8fd;
	background: #123456;
	z-index: 9999;
}

.menu li li a{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #123456;
	background: #b6d8fd;
	z-index: 9999;
}

.menu li li a:hover{
	text-decoration: none;
	color: #f9f9f9;
	background: #123456;
	z-index: 9999;
}

/* =Search Form
-------------------------------------------------------------- */

#searchform {
	float:left;
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #123456;
	background: #f9f9f9;
}

#access #searchform {
	float:right;
	display: block;
	margin: 10px 50px;
	border: 0;
	background: #f9f9f9 url(./library/images/up_gradient.jpg) top left repeat-x;
}

#searchform input.searchform_text {
	padding: 5px 10px;
	margin: 0;
	width: 450px;
	outline: none;
	border: 0;
	background: transparent;
	color: #123456;
}

#access #searchform input.searchform_text {
	width: 190px;
}

#searchform input.searchform_button {
	padding: 5px 10px;
	margin: 0;
	width: 40px;
	border: 0;
	background: #123456;
	color: #f9f9f9;
	cursor:pointer;
	font-weight: bold;
}

#access #searchform input.searchform_button {
	border: 0;
	border-left: dotted 1px #123456;
	background: transparent;
	color: #123456;
}

/* =Sub_Header
-------------------------------------------------------------- */

#sub_header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	background: transparent url('./library/images/up_gradient.jpg') top left repeat-x;
}


/* =Main
-------------------------------------------------------------- */

#main {
	margin: 0 50px;
}

.page-title {
	margin: 0;
	margin-bottom: 10px;
	padding: 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #123456;
	font-size: 11px;
	color: #b6d8fd;
}

.page-title span, .page-title a{
	color: #f9f9f9;
}

table th{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	color:#f9f9f9;
	background-color:#123456;
	border: solid 1px #123456;
}

table tr.alternate {
	background: #f0f0f0;
}

table td {
	padding: 2px;
	border: solid 1px #123456;
	text-align: left;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;
}

/* =NivoSlider
-------------------------------------------------------------- */

.nivoSlider {
	/*margin: 0 auto; /*CENTRER*/
	margin: 1.2em auto;
	margin-bottom: 50px;
	/*overflow: visible;*/
}

.nivo-controlNav {
	/*visibility: hidden;*/
}

/* =Content
-------------------------------------------------------------- */

.post {
	padding: 0;
	margin: 0;
	margin-bottom: 50px;
}

.sticky {
	margin: 1.12em 0;
	padding: 10px;
	background: #f0f0f0;
	border: solid 1px #123456;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.entry-content, .entry-summary {
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.entry-content a{
	font-weight: bold;
	color: #123456;
}


.entry-content blockquote{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 50px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #123456;
	background: #f0f0f0 url('./library/images/quote.png') top left no-repeat;

	color: #123456;
	font-style: italic;
	text-align: left;
}

.entry-content blockquote p{
	margin: 10px 0;
}

.entry-title, .entry-title a{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 20px;
	text-decoration: none;
	color: #123456;
}

.entry-meta {
	margin: 0;
	padding: 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #b6d8fd;
	font-size: 11px;
	color: #123456;
}

.entry-meta a{
	font-weight: bold;
	color: #f9f9f9;
	text-decoration:none;
}

.entry-meta a:hover{
	text-decoration: underline;
}

.page-link, .comment-author, #login, #cancel-comment-reply, .form-label {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 11px;
	color: #123456;
}

.page-link a, .comment-author a, #login a, #cancel-comment-reply a {
	font-weight: bold;
	color: #123456;
	text-decoration:none;
}

.page-link a:hover, .comment-author a:hover, #login a:hover, #cancel-comment-reply a:hover {
	text-decoration: underline;
}

.entry-utility, .comment-meta {
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 11px;
	color: #123456;
	font-style:italic;
}

.entry-utility a, .comment-meta a {
	font-weight: bold;
	color: #123456;
	text-decoration:none;
}

.entry-utility a:hover, .comment-meta a:hover {
	text-decoration: underline;
}

#comments-title, #trackbacks-title, #respond-title {
	margin: 0;
	margin-bottom: 10px;
	padding: 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #123456;
	font-size: 11px;
	color: #b6d8fd;
}

.comments ol, .comments li{
	list-style: none;
	margin-left: 0;
}

.comments .comment, .comments .trackback, .comments .pingback  {
	margin: 0;
	margin-bottom: 5px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #123456;
}

.comments .odd{
	background: #f0f0f0;
}

.comments .even{
	background: #f9f9f9;
}

.comments .bypostauthor{
	background: #b6d8fd;
}

.comment .comment-content, .trackback .comment-content, .pingback .comment-content {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	border-top: dotted 1px #123456;
}

.comment .children{
	/*margin: 0;*/
}

.comment-reply-link {
	margin: 5px;
	padding: 0;
	background: transparent;
	font-size: 11px;
	color: #123456;
	overflow: auto;
}
.comment-reply-link a {
	float: right;
	font-weight: bold;
	color: #123456;
	text-decoration:none;
}
.comment-reply-link a:hover {
	text-decoration: underline;
}

.form-textarea textarea, .form-section  input {
	margin: 0;
	padding: 0;
	width: 250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #123456;
	background: #ffffff;
}

.form-section input {
	height: 20px;
}

.form-submit input {
	padding: 5px 10px;
	margin: 5px 0;
	border: solid 1px #123456;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #123456;
	color: #f9f9f9;
	cursor:pointer;
	font-weight: bold;
}

.form-submit input:hover {
	background: #b6d8fd;
	color: #123456;
}

#share {
	margin: 40px 0;
	padding: 0;
}

#share  h3{
	margin: 0;
	padding: 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #b6d8fd;
	font-size: 11px;
	color: #123456;
}

#share  ul{
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

#share li{
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  margin-right: 15px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	padding: 0;
	margin: 0;
	margin: 1.12em 0;
	margin-bottom: 20px;
	overflow: auto;
}

.nav-previous a{
	float: left;
	margin: 0;
	padding: 5px 8px;
	border: 1px solid #123465;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #123465;
}

.nav-next a {
	float: right;
	margin: 0;
	padding: 5px 8px;
	border: 1px solid #123465;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #123465;
}

.nav-previous a:hover, .nav-next a:hover {
	background-color: #b6d8fd;
	text-decoration: none;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul, .widget_footer ul {
	list-style: none;
	margin-left: 0;
}

.widget-area ul ul {
	list-style: disc;
	padding-left: 20px;
}

.widget-container {
	margin: 0;
	margin-bottom: 20px;
}

.widget_footer .widget-container {
	padding: 0;
	margin: 0;
}

.widget-title {
	padding: 8px 10px;
	margin: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	background: #123456;
	color: #f9f9f9;
}

.widget_footer .widget-title{
	/*border-bottom: dotted 1px #b6d8fd;*/
	color: #b6d8fd;
	text-align: center;
}

.widget-container ul {
	padding: 5px 10px;
	margin: 0;
	list-style: none;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #b6d8fd url('./library/images/header.jpg') bottom left repeat-x;
}

.widget_footer .widget-container ul {
	background: transparent;
}

.widget-container ul li {
	margin-bottom: 5px;
}

.widget-container a:link, .widget-container a:visited, .widget-container a:active {
	text-decoration: none;
	color: #123456;
}

.widget-container a:hover {
	text-decoration: underline;
}

.widget_footer .widget-container a:link, .widget_footer .widget-container a:visited, .widget_footer .widget-container a:active {
	text-decoration: none;
	color: #f9f9f9;
}

.widget_footer .widget-container a:hover {
	text-decoration: underline;
}

.widget-container #wp-calendar {
	width:100%;
	border-collapse:collapse;
}

.widget-container #wp-calendar caption {
	padding: 10px;
	margin: 0;
	font-weight: bold;
	font-style:italic;
	text-align: right;
}

.widget-container #calendar_wrap {
	padding: 0;
	padding: 5px;
	margin: 0;
	list-style: none;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #b6d8fd url('./library/images/header.jpg') bottom left repeat-x;
}

.widget-container #wp-calendar th {
	border-bottom: solid 1px #123456;
	padding: 0;
	color:#123456;
	background-color:transparent;
	border: none;
}

.widget-container #wp-calendar tfoot td {
	padding: 5px;
	border: none;
	text-align: center;
}

.widget-container #wp-calendar tfoot #prev, .widget-container #wp-calendar tfoot #next{
	text-align: center;
}


.widget-container #wp-calendar tbody td {
	padding: 5px 2px;
	border: none;
	text-align: center;
}

.widget-container #wp-calendar tbody td a{
	font-weight: bold;
	color: #f9f9f9;
}


/* =Sub_Footer
-------------------------------------------------------------- */

#sub_footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 20px;
	background: transparent url('./library/images/down_gradient.jpg') bottom left repeat-x;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	background: #123456;
	color: #f9f9f9;
}

#colophon {
	margin: 0 50px;
	color: #b6d8fd;
}

#footer_container_widget_area_first {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0 5px;
}

#footer_container_widget_area_second {
	float: left;
	width: 32%;
	margin: 0;	
	padding: 0 5px;
}

#footer_container_widget_area_third {
	float: left;
	width: 32%;
	margin: 0;
	padding: 0 5px;
}

#site-info {
	clear: both;
	border-top: dotted 1px #b6d8fd;
	text-align: center;
	color: #b6d8fd;
}

#site-info a {
	text-decoration: none;
	font-weight: bold;
	color: #f9f9f9;
}

#site-info a:hover {
	text-decoration: underline;
}