/*
Theme Name: Civism to Activism (c)
Theme URI: http://www.civismtoactivism.com
Version: Beta
Author: <a href="http://www.diskultur.com">(c) 2009 Ludovic Riffault</a>
*/

/* Begin Structure */
html, body {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #292929;
	background-color: #dfdfdf;
    height: 100%;                                                                  
    margin: 0;                                                                     
   	padding: 0 0 0 5px;
}
		
a {
	font-family: Arial, Verdana, Sans-Serif;
	color: #6b6b6b;
	text-decoration:none;
}

a:hover {
}

h1, h2, h3 {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	font-weight:bold;
	margin-bottom:10px;
	color:#6b6b6b;
}

li, ul {
	list-style-type:none;
}

#header {	
	height:228px;
	margin:0;
	padding: 0;
}

.loading { 	
	z-index: 5000;
	position:fixed;
	left:10px;
	top:10px;
	background-color: #dfdfdf;
	width: 100%;
	height: 100%;
}

.icon_rss {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	padding: 3px 7px 3px 6px;
	display:block;
	float:right;
	margin:10px;
	}
	.icon_rss:hover {
	background-color:#FFF000;
	}
	.icon_rss:hover a {
	color:#292929;
}

.icon_submit {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	padding: 3px 7px 3px 6px;
	display:block;
	float:right;
	margin:10px 0 10px 10px;
	}
	.icon_submit:hover {
	background-color:#FFF000;
	}
	.icon_submit:hover a {
	color:#292929;
}

p {
	text-align:justify;		
}

img {
	border:0;
	padding:0;
	margin:0;
}

.pagetitle {
	display:none;
}

.title_img {
	margin-bottom:10px;
}

.categories {
	padding:0;
}

.hidden {
	display:none;
}

.input, #searchsubmit {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	margin: 4px 2px 0 0;
	padding: 3px 7px 3px 7px;
	border:none;
	}
	.input:hover, #searchsubmit:hover{
	background-color:#FFF000;
	color:#292929;
}

#s {
	border:none;
	background-color:#cecece;
	padding:3px;
	margin-bottom:6px;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #292929;
}

.search_result {
	width:195px;
	float:left;
	clear:left;
	padding:13px 10px 10px 10px;
	background:#dfdfdf;
	margin-bottom:10px;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

.cat-item {
	list-style-type: none;
}

.pagenav {
	margin-bottom:10px;
}

.page_item {
	list-style-type: none;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.prevPage {
	display:block;
	background-color:#cecece;
	margin:0;
	padding: 2px 7px 3px 7px;
	cursor:pointer;
	float:left;
	z-index:99;
	position:fixed;
	left:10px;
	top:80px;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	
}

a.next, a.nextPage {
	display:block;
	padding: 2px 7px 3px 7px;
	background-color:#cecece;
	margin:0;
	cursor:pointer;
	float:right;
	z-index:99;
	position:fixed;
	right:10px;
	top:80px;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-color:#FFF000;
	color:#292929;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	clear:right;	
}

/* position and dimensions of the navigator */
div.navi {
	width:200px;
	height:20px;
}

#primary {  
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     
	margin-top: -340px;                                                              
	float: left;
}

#secondary {  
	width: 100%;
	height: 420px;
	clear: both;
	position: relative;
	top: -200px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}

* {
	margin:0px auto;
	padding:0;
}


/* Beginning of horizontal naviguation */

div.scrollable {  
	position:relative;
	overflow:hidden;
	width:100%;	 
	height:420px;	
	float:left;
	z-index:1;
}

#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}

/* single item */
#thumbs div {
	float:left;
	width:260px;
	padding:10px 10px 8px 10px;
	background:#dfdfdf;
	margin-right:10px;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

.thumbs_archive div {
	width:460px;
	padding:10px 10px 10px 10px;
	background:#dfdfdf;
	margin-bottom:40px;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

/* Infos of posts */

.infos {
	float:left;
	width:260px;
	height:55px;
	display:none;
	margin-top:10px;
}

.more-link {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	clear: left;
	float: left;
	margin: 14px 0 1px 0;
	padding: 3px 7px 3px 7px;
	}
	.more-link:hover{
	background-color:#FFF000;
	color:#292929;
}

.tag_edit a{
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	clear: left;
	float: left;
	margin: 3px 2px 11px 0;
	padding: 3px 7px 3px 7px;
	}
	.tag_edit a:hover{
	background-color:#FFF000;
	color:#292929;
}


.tag_hide {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	clear: right;
	float: right;
	margin: 14px 0 4px 2px;
	padding: 3px 7px 3px 7px;
	}
	.tag_hide:hover {
	background-color:#FFF000;
	color:#292929;
	}
	.tag_hide:hover a {
	color:#292929;
}

.tag_title {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	cursor:pointer;
	float: left;
	margin: 14px 0 1px 0;
	padding: 3px 7px 3px 7px;
	}
	.tag_title:hover {
	background-color:#FFF000;
	color:#292929;
	}
	.tag_title:hover a {
	color:#292929;
}

.clear {
	clear:both
	}
	
.infos_line2 {
	float:left;
	clear:left;
	}

.tag_off {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:9px;
	padding:3px 4px 3px 4px;
	margin: 4px 1px 4px 0;
	line-height:23px;
	color:#6b6b6b;
}
	
.tag a {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	padding:3px 4px 3px 4px;
	margin: 4px 1px 4px 0;
	line-height:23px;
	}
	.tag a:hover{
	background-color:#FFF000;
	color:#000;
}

/* Begin Structure of inside pages */

#single_page {
	width:460px;
	float:left;
	margin-bottom:10px;
}

.single_post {
	width:460px;
	padding:10px;
	background:#dfdfdf;
	margin-bottom:10px;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

.post {
	width:460px;
	padding:10px 10px 10px 10px;
	background:#dfdfdf;
	margin:10px 0 0 0;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

.depth-1 {
	width:420px;
	padding:10px 10px 12px 10px;
	background:#dfdfdf;
	margin:20px 0 0 0;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
}

.depth-1 p {
	margin-top:10px;
}

.commentlist {
	margin-top:60px;
}

.fn {
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:9px;
	padding:3px 4px 3px 4px;
	margin: 4px 1px 4px 0;
	line-height:23px;
	font-style: normal;
}

#respond {
	width:460px;
	padding:10px 10px 10px 10px;
	background:#dfdfdf;
	margin:60px 0 10px 0;
	-moz-border-radius:4px;
  	-khtml-border-radius: 4px;
	-webkit-border-radius:4px;
	float:left;
}

#comment {
	width:453px;
}

#commentform p{
	margin-bottom:5px;
}

#author, #email, #url, #comment {
	border:0;
	background-color:#cecece;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica;
	padding:3px;
	margin-bottom:5px;
}

#submit {
	background-color:#292929;
	border:0;
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	padding:3px 4px 3px 4px;
	margin: 4px 1px 4px 0;
	line-height:23px;
	cursor:pointer;
}

#submit:hover {
	background-color:#FFF000;
}
	#submit a:hover {
	color:#000;
}

.wpcf7-validates-as-required {
	border:0;
	border-color:#F00;
	background-color:#cecece;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica;
	padding:4px 0 6px 5px;
	margin-bottom:5px;
	z-index:999;
	width:455px;
	margin:5px 0 5px 0;
	height:12px;	
}

.wpcf7-validates-as-required2 {
	border:0;
	border-color:#F00;
	background-color:#cecece;
	font-size:10px;
	font-family:Arial, Verdana, Helvetica;
	padding:5px;
	margin-bottom:5px;
	z-index:999;
	width:450px;
	margin:5px 0 5px 0;
}

.send-submit {
	background-color:#292929;
	border:0;
	background-color:#cecece;
	text-decoration: none;
	-moz-border-radius:2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius:2px;
	font-size:9px;
	padding:3px 4px 3px 4px;
	margin: 8px 1px 4px 0;
	line-height:23px;
	cursor:pointer;
}

#send-submit:hover {
	background-color:#FFF000;
}
	#send-submit a:hover {
	color:#000;
}

.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors {
	font-size: 10px;
	display: block;
	color:#FFF;
}

/* End */