/*
Theme Name: GUMBALL SPECIAL
*/



body {

	margin:0 10px;

	font-family: Helvetica neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;

	font-size: 11px;

	color: #333333;

	background: #6C6C6C  url(images/fonds-test4.png) no-repeat top center;

}



#container {

	width:910px;

	padding:20px 0;

	margin:0 auto;

}



/* header area */



#container #header  {

	height:177px;

}



#container #header h3  {

	margin:0px;

	padding:0px;

}



#container #header h3 a {

	display:block;

	height:175px;

	width:400px;

}

#container h3 a {

	text-decoration:none;

	color:#333;

}

#container h3 a:hover {

	color:#ff0067;

}

.hellbiscuit a {

	display:block;

	width:251px;

	height:15px;

	margin-top:16px;

	overflow:hidden;

	text-indent:-500px;

	font-size:10px;

	background:url(images/hellbiscuit.gif) no-repeat;

}





/* home columns */



#col01 {

	float:left;

	overflow:hidden;

	padding:10px 0 0 20px;

	width:720px;

}

#td_col01 {

	background: url(images/bg-center4.png) no-repeat 0 0;

	overflow:hidden;

	padding:0px;

}



#col01 #contenu {

	/*height:800px;

	min-height:800px;*/

}



#col02 {

	

	width:180px;

	float:right;

	overflow:hidden;

}

#td_col02 {

	background:url(images/bg-sidebar-right.png) no-repeat center top;

	overflow:hidden;

	padding:17px 0 0;

}



/* home post */



#col01 .home-post {

	width:220px;

	margin:17px 20px 20px 0;

	height:340px;

	overflow:hidden;

	float:left;

}

#col01 .home-post .title {

	background:#ff0067;

	padding:4px 8px;

}



#col01 .home-post .categorie1 .title {background:#c60c30;}

#col01 .home-post .categorie2 .title {background:#f62b7d;}

#col01 .home-post .categorie3 .title {background:#ff9400;}

#col01 .home-post .categorie4 .title {background:#ffe414;}

#col01 .home-post .categorie5 .title {background:#00aca2;}

#col01 .home-post .categorie6 .title {background:#6a2179;}



#col01 .home-post .title h2 {

	margin:0;

	padding:0;

}

#col01 .home-post .title h2 a {

	color:#FFFFFF;

	font-size:12px;

	line-height:16px;

	margin:0;

	padding:0;

	text-decoration:none;

}

#col01 .home-post .title h2 a:hover {

	color:#FFFFFF;

	border-bottom:none;

}

#col01 .home-post .home-post-upper {

	background-color:#262C3B;

	height:190px;

	width:220px;

	overflow:hidden;

	position:relative;

	border-bottom:1px solid #fff;

}

#col01 .home-post .home-post-upper a img {

	text-decoration:none;

	border:none;

}

#col01 .home-post .date {

	position:absolute;

	right:0px;

	bottom:0px;

	background-color:#fff;

	text-align:right;

	font-size:10px;

	padding:3px 8px;

}

#col01 .home-post .excerpt {

	height:114px;

	overflow:hidden;

	padding:12px 12px 0;

	font-size:11px;

	line-height:16px;

	background:#a7a7a7;

	cursor:pointer;

}

#col01 .home-post .excerpt p {

	margin:0 0 10px;

	padding:0;

}

#col01 .home-post .excerpt a {

	color:#333;

}

#col01 .home-post .excerpt a:hover {

	text-decoration:none;

	color:#fff;

	background:#ff0067;

}

#col01 .home-post .meta {

	padding:4px 8px 0 24px;

	height:35px;

	background:url(images/icon-comment.gif) no-repeat 5px 5px #7f7f7f;

	text-transform:uppercase;

}

#col01 .home-post .comments a {

	display:block;

	font-size:10px;

	color:#fff;

	text-decoration:underline;

	float:left;

	border-bottom:1px solid #7f7f7f;

}

#col01 .home-post .comments a {

	display:block;

	font-size:10px;

	color:#fff;

	text-decoration:none;

	float:left;

	border-bottom:1px solid #7f7f7f;

}

#col01 .home-post .author a {

	display:block;

	font-size:10px;

	color:#fff;

	text-decoration:none;

	float:right;

}

#col01 .home-post .comments a:hover, #col01 .home-post .author a:hover {

	color:#000;

}





/* single template post */



#col01 .post {

	padding:0 20px 20px 0;

	font-size:12px;

	line-height:19px;

}

#col01 .post a {

	color:#333;

}

#col01 .post a:hover {

	color:#000;

	text-decoration:none;

}

#col01 .post h1 {

	font-size:24px;

	text-transform:lowercase;

	font-family: helvetica neue, arial, Times New Roman, Garamond, serif;

	margin:0;

	line-height:32px;

	padding:5px 0 6px;

}

#col01 .post h4 {


	font-family: Helvetica neue, Helvetica, Tahoma, Geneva, Arial, sans-serif;

	font-size: 12px;

        font-weight: normal;

        display: inline;

        color:#333;

}

#col01 .post h4 a {

	color:#333;

	font-family:arial;

	text-decoration:underline;

}

#col01 .post h1 a {

	color:#000000;

	font-family:arial;

	text-decoration:none;

}

#col01 .post h1 a:hover, #col01 .post h4 a:hover {

	color:#000000;

	text-decoration:none;

}

#col01 .post-upper {

	background:url(images/dot.gif) repeat-x bottom;

	padding:12px 0;

	font-size:11px;

	line-height:16px;

	color:#606060;

}

#col01 .post-upper a {

	color:#606060;

	text-decoration:none;

}

#col01 .post-upper a:hover {

	color:#333;

	text-decoration:underline;

}

#col01 .post-upper .digg {

	float:right;

}

#col01 .post .image {

	float:right;

	margin:12px 0 12px 12px;

}





/* categories page */



#col01 .cat-name {

	font-size:14px;

	background:url(images/dot.gif) repeat-x bottom;

	padding:17px 0px 8px;

	width:700px;

}

#col01 .category-name {

	color:#FF0067;

	font-size:18px;

	font-weight:bold;

}





/* comments outer */



#comments-holder {

	padding:12px 0 0;

}



/* comment list styles */



#comment-list {

	font-size:12px;

	padding:10px 0;

}

#comment-list .bigger {

	font-weight:normal;

	font-size:16px;

	line-height:20px;

	text-transform:uppercase;

}

.comment-left {

	padding:16px 0;

	background:url(images/dot.gif) repeat-x;

}

.comment-meta {

	float:left;

	width:120px;

	margin-right:10px;

	font-size:10px;

	font-weight:bold;

}

.comment-metadata {

	font-size:10px;

	font-weight:normal;

}

.comment-metadata a {

	text-decoration:none;

}

.comment-metadata a:hover {

	text-decoration:underline;

}

.comment-txt {

	float:left;

	width:440px;

	font-size:12px;

	line-height:18px;

}

cite {

	font-style:normal;

	text-transform:lowercase;

	font-size:12px;

}



/* comment form styles */



.comments-PII, .comments-PII-2 {

	float:left;

}

.comments-PII {

	width:280px;

	margin-right:15px;

}

.comments-PII-2 {

	width:380px;

}

.comments-PII input {

	font-size:12px;

	width:270px;

	padding:2px;

}

.comments-PII-2 textarea {

	font-size:12px;

	width:370px;

	height:180px;

	padding:2px;

}

.submit-btn {

	display:block;

	padding:0;

	cursor:pointer;

	width:141px;

	height:34px;

	text-indent:-400px;

	overflow:hidden;

	background:url(images/btn-add.gif) no-repeat;

	border-style:none;

}



.submit-btn:hover {

	background:url(images/btn-add.gif) no-repeat 0 -34px;

}



.note {

	font-size:10px;

}





/* misc */



.uppercase {

	text-transform:uppercase;

}





/* home and category page nav */



#page-nav {

	height:340px;

	width:220px;

	float:left;

}



#page-nav .older a, #page-nav .newer a {

	display:block;

        margin-top:16px;

	font-size:10px;

	text-indent:-400px;

	overflow:hidden;

	height:169px;

}

#page-nav .older a {

	margin-bottom:1px;

	background:url(images/link-older.gif) no-repeat 0 0;

}

#page-nav .older a:hover {

	background:url(images/link-older.gif) no-repeat 0 -169px;

}

#page-nav .newer a {

	background:url(images/link-newer.gif) no-repeat 0 0;

}

#page-nav .newer a:hover {

	background:url(images/link-newer.gif) no-repeat 0 -169px;

}





/* col02 stuff */



#categories {

	height:340px;

	/*background:url(images/nav-back.gif) no-repeat;*/

	overflow:hidden;

	margin-bottom:20px;

}

#categories ul {

	margin:1px 0;

	padding:0 20px;

	overflow:auto;

	height:320px;

}



#categories li {

	padding:0;

	margin:0;

	list-style:none;

	border-bottom:1px solid #d3d3d3;

}

#categories a {

	display:block;

	color:#fff;

	font-size:12px;

	padding:5px 0;

	text-decoration:none;

}

#categories a:hover {

	color:#fff;

	text-decoration:none;

}

#categories li.title {

	padding:0;

	margin:0;

	list-style:none;

	border-bottom:0px none;

	color:#fff;

	font-size:12px;

	padding:5px 0;

	text-decoration:none;

	font-weight:bold;

}



#sponsor-box {

	height:340px;

	background:#A7A7A7;

	overflow:hidden;

	position:relative;

	margin-bottom:20px;

}

#sponsor-box .title {

	background:#ff0067;

	padding:4px 8px;

	color:#fff;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

}

#sponsor-box .sponsor {

	padding:10px 0 0;

	width:200px;

	height:133px;

	overflow:hidden;

	margin:0 auto;

}

#sponsor-box .meta {

	padding:4px 8px 0;

	position:absolute;

	bottom:0px;

	left:0px;

	width:204px;

	height:19px;

	background:#7f7f7f;

	text-transform:uppercase;

	text-align:right;

}

#sponsor-box .meta a {

	font-size:10px;

	color:#fff;

	text-decoration:none;

}

#sponsor-box .meta a:hover {

	color:#000;

}





#about-box {

	/*height:340px;*/

	/*background:url(images/about-back.gif) no-repeat;*/

	overflow:hidden;

}

#about-box .pages {

	margin:10px 0;

	padding:0 20px;

	overflow:hidden;

	margin-bottom:30px;

}

#about-box .pages li {

	padding:0;

	margin:0;

	list-style:none;

	border-bottom:1px solid #A7A7A7;

}

#about-box .pages a {

	display:block;

	color:#fff;

	font-size:12px;

	padding:4px 0;

	text-decoration:none;

}

#about-box .pages a:hover {

	color:#fff;

	text-decoration:none;

}





/* search form */



#about-box form {

	padding:25px 20px 10px;

	margin:0;

	text-align:right;

	height:56px;

}

#about-box .txt-field {

	font-size:12px;

	margin:0 0 6px;

	width:127px;

	height:19px;

	padding:1px;

	border:0px;

	border-left:1px solid #969696;

	border-top:1px solid #969696;

}

#about-box .btn-search {

	display:block;

	padding:0;

	cursor:pointer;

	float:right;

	width:53px;

	height:21px;

	text-indent:-400px;

	overflow:hidden;

	background:url(images/btn-search.gif) no-repeat;

	border-style:none;

}



#about-box .btn-search:hover {

	/*background:url(images/btn-search.gif) no-repeat 0 -28px;*/

}





#about-box .pages_rss {

	margin:10px 0;

	padding:0 20px;

	overflow:hidden;

	height:112px;

}

#about-box .pages_rss li {

	padding:0;

	margin:0;

	list-style:none;

	border-bottom:1px solid #A7A7A7;

}



#about-box .flickr_rss {

	margin:40px 0;

	padding:0 10px 0 20px;

	overflow:hidden;

}

#about-box .flickr_rss li {

	padding:0;

	margin:0;

	list-style:none;

	height:40px;

	width:40px;

	float:left;

	margin:0 10px 10px 0;

}



#about-box .flickr_rss li img {

	padding:0;

	margin:0;

	border :0px;

	height:40px;

	width:40px;

}

#about-box .flickr_rss li.title_flickr {
	background:url(images/title-flickr.gif) no-repeat;
	padding:0;
	margin:0 0 7px;
	list-style:none;
	height:25px;
	width:140px;
	float:left;
}







#about-box .rss a {
	display:block;
	padding:5px 0;
	margin:10px auto 0;
	color:#ccc;
	text-decoration:none;
	background:url(images/icon-rss.gif) no-repeat 0px 50%;
	text-indent:26px;
}

#about-box .rss a:hover {
	color:#fff;
	text-decoration:none;
	background:url(images/icon-rss-on.gif) no-repeat 0px 50%;
}

#about-box .bookmark a {
	display:block;
	padding:5px 0;
	margin:0 auto;
	color:#ccc;
	text-decoration:none;
	background:url(images/icon-bookmark.gif) no-repeat 0px 50%;
	text-indent:26px;

}

#about-box .bookmark a:hover {
	color:#fff;
	text-decoration:none;
	background:url(images/icon-bookmark-on.gif) no-repeat 0px 50%;
}

#about-box .facebook a {
	display:block;
	padding:5px 0;
	margin:0 auto;
	color:#ccc;
	text-decoration:none;
	background:url(images/fb.png) no-repeat 0px 50%;
	text-indent:26px;

}

#about-box .facebook a:hover {
	color:#fff;
	text-decoration:none;
	background:url(images/fb-on.png) no-repeat 0px 50%;
}


#about-box .twitter a {
	display:block;
	padding:5px 0;
	margin:0 auto;
	color:#ccc;
	text-decoration:none;
	background:url(images/twitter.png) no-repeat 0px 50%;
	text-indent:26px;

}

#about-box .twitter a:hover {
	color:#fff;
	text-decoration:none;
	background:url(images/twitter-on.png) no-repeat 0px 50%;
}

#container #about-box ul li.last {
	border-bottom:0px none;
}

#container #categories ul li.last {
	border-bottom:0px none;
}

/* footer */



#footer {
	background:transparent url(images/dot.gif) repeat-x scroll 0 0;
	color:#5F5F5F;
	float:left;
	font-size:10px;
	height:38px;
	line-height:14px;
	margin:40px auto 0;
	padding:20px 0 0;
	width:700px;
}

#footer a {
	color:#5f5f5f;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .sm-logo a {
	display:block;
	width:100px;
	height:29px;
	background:url(images/logo-hellbiscuit.gif) no-repeat 0 0;
	text-indent:-300px;
	overflow:hidden;
	float:right;
}

#footer .sm-logo a:hover {
	background:url(images/logo-hellbiscuit.gif) no-repeat 0 -29px;
}