/*
Theme Name: CMSTUT
Theme URI: http://krike.cmstutorials.org
Description: cmstutorial default blog template
Version: 1.0
Author: Christophe Debruel
Author URI: http://krike.cmstutorials.org
Tags: green, professional, blog
*/

@import "css/reset.css";
@import "css/page.css";
@import "css/slider.css";


/*##############################
		BASIC STYLES
##############################*/
body
{ 
	text-align:center;
	font:14px/21px Arial,Helvetica,sans-serif;
	background:#EFEFEF;
	color:#575757;
	margin:0;
	padding:0;
}

a:link, a:visited
{
	color:#2A7F07;
	text-decoration: none;
}

a:active, a:hover
{
	color:#2A7F07;
	text-decoration: underline;
}

.leftcontent ul
{
	list-style-type:disc;
	padding:6px 12px;
}

.leftcontent .feature_tutorial img
{
max-width:600px;
border:1px solid #BFBFBF;
margin:10px 0;
}

.roundup_post
{
	overflow:hidden;
	margin:0 0 20px 0;
}

.roundup_post img{
padding:10px;
background:#EFEFEF;
border:1px solid #CFCFCF;
width:auto;
margin:10px auto;
display:block
}

.roundup_post img.floatleft
{
	float:left;
	margin:0 12px 12px 0;
}

.roundup_post h3
{
	clear:left;
}

.leftcontent ul li
{
	padding: 4px 0px;
}

.feature_tutorial a
{
padding:4px 8px;
background:#489C00;
text-decoration:none;
color:#FFF;
}

hr
{
	height:2px;
	border-top: 1px solid #FFF;
	border-right:none;
	border-bottom: 1px solid #CCC;
	border-left:none;
}

input, textarea { 
	padding: 9px;
	border: solid 1px #C9C9C9;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	margin:5px 0px 10px 0px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #8F8F8F; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit, a.submit
{
	padding: 2px;
	margin: 0px 5px;
	border-top:1px solid #7db933;
	border-right:1px solid #3a7e00;
	border-bottom:1px solid #3a7e00;
	border-left:1px solid #7db933;
	cursor:pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:url(images/button_gradient.png) repeat-x top left;
	color:#FFF;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	width:auto !important;
}

.promote img
{
text-align:center;
margin:0 auto;
}

.rsslinkgroup
{;
height:295px;
}


h1
{
	font-size:2em;
	margin:2px 0px 12px 0px;
}

h2
{
	font-size:1.8em;
	margin:30px 0 10px;
}

h3
{
	font-size:1.6em;
	line-height:1.4em;
	margin:20px 0 10px;
	text-shadow:1px 1px 1px #FFFFFF;
	margin:20px 0px 10px 0px;
	-moz-text-shadow: 1px 1px 1px #FFF;
	-webkit-text-shadow: 1px 1px 1px #FFF;
}

h4
{
	font-size:1.2em;
	margin:2px 0px 6px 0px;
}

h5
{
	font-size:1.1em;
	margin:2px 0px 4px 0px;
}

h6
{
	font-size:1em;	
	margin:2px 0px;
}

p {
padding-bottom:15px;
}


/*##############################
		MULTI USE STYLES
##############################*/

.clear_left{clear:left;}
.clear_right{clear:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

/*ERROR MESSAGE*/		
.error
{
padding: 4px;
margin:5px;
-moz-border-radius:4px;
border:1px solid #BF0008;
background:#FFDFDE url("../images/delete.png") no-repeat;
background-position:10px 10px;
color: #BF0008;
}

.error span
{
	font-weight:bold;
}

.error a:link, .error a:visited
{
color:#BF0008;
font-weight:bold;
text-decoration:underline;
}

.error a:hover, .error a:active
{
color:#FFF;
background:#BF0008;
font-weight:bold;
text-decoration:underline;
}


/*SUCCES MESSAGE*/		
.succes
{
padding: 4px;
margin:5px;
-moz-border-radius:4px;
border:1px solid #057100;
background:#DFFFDE url("../images/check.png") no-repeat;
background-position:10px 10px;
color: #057100;
}

.success span
{
	font-weight:bold;
}

.success a:link, .success a:visited
{
color:#057100;
font-weight:bold;
text-decoration:underline;
}

.success a:hover, .success a:active
{
color:#FFF;
background:#057100;
font-weight:bold;
text-decoration:underline;
}

blockquote p
{
margin:0px !important;
padding:0px !important;
}

.sourcefile, .demourl
{
display:block;
margin:5px 0 10px 0;
}

code
{
color: #000000;
    font-family: Courier,"Courier New","Lucida Console",Monaco;
}


/*INFORMATION MESSAGE*/		
.info
{
position:relative;
padding: 4px 12px;
margin:5px;
-moz-border-radius:4px;
border:1px solid #003f73;
background:#DEF0FF url("../images/info.png") no-repeat;
background-position:10px 10px;
color: #003f73;
}

.info span
{
	font-weight:bold;
}

.info span.close_update
{
	position:absolute;
	top:2px;
	right:5px;
}

.info span.close_update a
{
	text-decoration:none !important;
}

.info a:link, .info a:visited
{
color:#003f73;
font-weight:bold;
text-decoration:underline;
}

.info a:hover, .info a:active
{
color:#FFF;
background:#003f73;
font-weight:bold;
text-decoration:underline;
}


/*WARNING MESSAGE*/		
.warning
{
padding: 4px;
margin:5px;
-moz-border-radius:4px;
border:1px solid #6E7300;
background:#FEFFDE url("../images/warning.png") no-repeat;
background-position:10px 10px;
color: #6E7300;
}

.warning span
{
	font-weight:bold;
}

.warning a:link, .warning a:visited
{
color:#6E7300;
font-weight:bold;
text-decoration:underline;
}

.warning a:hover, .warning a:active
{
color:#FFF;
background:#6E7300;
font-weight:bold;
text-decoration:underline;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.extend {
	padding: 3px 8px;
	margin: 5px;
	text-decoration: none;
	border: 1px solid #acacac;
	color: #acacac;
	background-color: #FFFFFF;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-pagenavi a:active, .wp-pagenavi a:hover {
	padding: 3px 8px;
	margin: 5px;
	text-decoration: none;
	border: 1px solid #606060;
	color: #606060;
	background-color: #FFFFFF;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.wp-pagenavi span.pages {
	display:none;
}
.wp-pagenavi span.current {
	padding: 3px 8px;
	margin: 5px;
	font-weight: bold;
	border: 1px solid #606060;
	color: #606060;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.table_wrapper td
{
	vertical-align:middle;	
}

.table_wrapper
{
	margin:25px 0px;	
}

.extend_tut p
{
	font-size:1.2em;
	margin:5px 0px;
}

.extend_tut
{
	margin:10px 0px 30px 0px;
}

.add_feat_tut p
{
	margin:5px 0px;
}


.add_tutorial td
{
	vertical-align:top;
	padding:10px 0px;
}

.add_tutorial td label
{
	font-size:1.2em;
	font-weight:bold;
}


.inputfields
{
	margin:10px 0px;
}


.even
{
	background:#CCC;
}

.even a
{
	color:#7F7F7F;
}

.odd
{
	background:#999;
}

.odd a
{
	color:#FFF;
}

img.smalltutthumbnail
{
	width: 32px;
	height: 32px;
	padding:3px;
	border: 1px solid #DDD;
	background:#FFF;
}

table.advertising td
{
	vertical-align:middle;	
}



/*##############################
	HEADERBACKGROUND STYLES
##############################*/
#headerbackground
{
	background:transparent url(images/headerbackground_repeat.jpg) repeat-x top left;
	height: 114px;
clear:both;
}



/*##############################
		HEADER TOP STYLES
##############################*/
#header_top
{
	position:relative;
	background:#232323 url(images/header_top.jpg) no-repeat top left;
	margin: 0 auto;
	height:83px;
	width:1050px;
	color:#FFF;
	text-align:left;
}
	#header_top #logo
	{
		position:absolute;
		bottom: 0px;
		left:0px;
		background:transparent url(images/cmstut_logo.png) no-repeat top left;
		height:76px;
		width:252px;
		cursor:pointer;
	}
	
	#header_top .loginform
	{
		position:absolute;
		top: 25px;
		right:100px;
		height:auto;
		width:500px;
	}
	
	#header_top a:link, #header_top a:visited
	{
		color:#7ad919;
		font-weight:bolder;
		font-size:1.2em;
	}
	
	#header_top a:hover, #header_top a:active
	{
		color:#7ad919;
		font-weight:bolder;
		text-decoration:none;
		font-size:1.2em;
	}
	
	#header_top a.button_link:link, #header_top a.button_link:visited
	{
		display:block;
		float:left;
		text-align:center;
		margin:0 5px;
		color:#FFFFFF;
		font:14px/22px Arial,sans-serif;
		padding:4px 6px;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#header_top a.button_link:active, #header_top a.button_link:hover
	{
		display:block;
		float:left;
		text-align:center;
		margin:0 5px;
		color:#232323;
		font:14px/22px Arial,sans-serif;
		padding:4px 6px;
		text-decoration:none;
		text-transform:uppercase;
		background:#FFF;
	}
	
	#header_top .navigation
	{
		height:40px;
		position:absolute;
		right:0;
		top:10px;
		width:auto;
	}





/*##############################
		CONTAINER STYLES
##############################*/



#container
{
	text-align:left;
	width: 1050px;
	margin:40px auto 0 auto;
}

.image-gallery-list li
{
	float:left;
	margin:0 8px 8px 0;
	list-style-type:none;
	width:150px;
	height:150px;
	padding:3px !important;
	border:1px solid #CCC;
}

.image-gallery-list
{
	clear:left;
}



/*##############################
		LEFTCOONTENT STYLES
##############################*/
.leftcontent
{
	position:relative;
	width:650px;
	padding: 1px;
	background:#FFF;
	border:1px solid #b4b4b4;
	padding:10px 0;
	overflow:hidden;
}

	.comment_list li
	{
		clear:left;
		margin: 20px 0px 30px 0px;
	}
	
	.comment_list .comment_author
	{
		background:#FFF url(images/bg_form.png) repeat-x top left;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding:4px;
		margin:5px 0px;
		position:relative;
		-moz-box-shadow:1px 1px 1px #999;
		-webkit-box-shadow:1px 1px 1px #999;
		box-shadow:1px 1px 1px #999;
	}
	
	.comment_list .comment_author .comment_user
	{
		position:absolute;
		top:12px;
		left:48px;
	}
	
	.showcasethumb
	{
		float:left;
		z-index: 1;
		width: 250px;
		height: 250px;
		padding: 4px;
		border: 1px solid #DDD;
		margin: 5px 10px 5px 0px;
		background:#FFF;
	}
	
	#authorbox
	{
		background:#FFF;
		border:1px solid #CECFD0;
		width:100%;
		margin:30px auto;
		margin-bottom:10px;
		clear:left;
overflow:hidden;
	}
	
	.banner_single
	{
		background:#EFEFEF;
border:1px solid #CECFD0;
clear:left;
margin:30px auto 10px;
padding:15px;
text-align:center;
width:500px;
	}
	
	.banner_single li
	{
		list-style-type:none;
		border:none;
	}
	
	#authorbox h4
	{
		font-size:16px;
		color:#191919;
		margin:0;
		padding:10px 10px 5px 10px;
	}
	
	.authortext
	{
		padding-left:100px;
	}
	
	#authorbox img
	{
		margin:0;
		padding:10px;
		float:left;
	}
		
	#authorbox p
	{
		color:#191919;
		margin:0;
		padding:0px 10px 10px 10px;
	}
		
	 #authorbox h4 > a
	 {
		text-decoration:none;
	}
		
	#authorbox p
	{
		color:#191919;
	}
	
	.single_post
	{
		line-height:1.6em;
		margin:0px;
		padding:10px;
	}
	
	.comment-template
	{
		padding:10px;
	}
	
	.single_post p
	{
		padding: 8px 0px 8px 0px;
text-shadow:1px 1px 1px #FFFFFF;
margin:0px 0px 15px 0px;
	}
	
	
	.single_post p img
	{
		padding: 5px;
		background:#FFF;
		border:1px solid #DDDDDD;
		max-width:500px;
	}
	
	
		.post, .page_content
		{
			line-height:1.6em;
			margin:0 0 10px 0;
			border-bottom:1px solid #DFDFDF;
			padding:5px;
			float:left;
			padding:20px 20px 40px 20px;
			position:relative;
			width:610px;
		}
		
		.post_content h3, .page_content h3
		{
			margin: 0 0 10px 0 !important;
			font:40px/46px Helvetica, Arial, sans-serif;
		}
		
		.post_content h3 a, .page_content h3 a
		{
			color:#2F2F2F;
			font-weight:bold;
		}
		
		.post_content
		{
			margin-left:260px;
		}
		
		
		.submit_info
		{
			margin: 10px 0px;
			font-style:italic;
			font-size:12px;
			color:#6F6F6F;
		}
		
		.submit_info a
		{
			color:#6F6F6F;
		}
				
		.post .submit_info strong
		{
			
		}
		
	.tweetmeme_button
	{
		float:left;
		margin:0px 5px 0px 0px;
	}
	
	.register_table td, .register_table .labels
	{
		padding: 5px 10px;
	}
	
	.register_table .labels
	{
		font-weight: bold;
		font-size:1.2em;
		font-style:italic;
	}
	
	img.signup_image
	{
		float:right;
	}
	
	.asterisk
	{
		color: #2EAC02;
	}
	
	ul.why_register
	{
		width: 200px;
		margin: 5px 0px 5px 25px;
	}
	
	ul.why_register li
	{
		margin: 5px 0px 5px 10px;
		list-style-type:disc;
		font-style:italic;
		font-weight:bold;
	}
	
	
	.feature_the_post
	{

		width:250px;
		height:150px;
		color:#FFF;
		overflow:auto;
	}

	
	p.go_to_post
	{
		margin: 10px 0;
		text-align:right;
	}
	
	p.go_to_post a
	{
		font-size:11px;
	}
	
	
	.rating_message
	{
		clear:left;
		display:block;
		font-size:0.8em;
	}
	
	
.p_user
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
	height:105px;
	line-height:1.5em;
	margin:15px 0;
	padding:10px 5px;
	position:relative;
}

.p_user .u_image
{
	width: 80px;
	position:absolute;
	top:10px;
	left:5px;
}

.u_info
{
	position:absolute;
	top:10px;
	left:90px;
	width:250px;
}

	.u_info a
	{
		display:block;
		clear:both;
		text-decoration:none;
		font-size:1em;
		font-weight:bold;
	}
	
	.u_info small
	{
		display:block;
		clear:both;
		font-style: italic;
		color:#8b8a8a;
		font-weight:bold;
	}

ul.u_info_extra
{
	position:absolute;
	right:5px;
	top:10px;
	width:190px;
}

ul.u_info_extra li
{
	border-bottom:1px solid #c7c7c7;
	padding:5px 0px 2px 0px;
	margin: 5px 0px;
}
	
	


/*##############################
		RIGHTCONTENT STYLES
##############################*/
.rightcontent
{
	width:380px;
	float:right;
}

.rightcontent h3
{
	margin:10px 0;
}

.widget-container
{
	padding:10px 0 10px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DFDFDF;
}

.widget-container:first-child
{
	border-top:none;
	border-bottom:1px solid #DFDFDF;
}

.widget-container-columns
{
	float:left;
	padding:10px 0 20px;
	font-size:11px;
	color:#6F6F6F;
}

.sidebar2-widget-area
{
	border-top:1px solid #FFF;
	border-bottom:1px solid #DFDFDF;
}

widget-container-columns ul li
{
	margin:4px 0 4px 0;
	border-bottom:1px solid #B4B4B4;
}

.widget-container-columns a:link, .widget-container-columns a:visited, .widget_tag_cloud a:link, .widget_tag_cloud a:visited
{
	font-size:11px;
	color:#6F6F6F;
	text-decoration:underline;
}

.widget-container-columns a:active, .widget-container-columns a:hover, .widget_tag_cloud a:active, .widget_tag_cloud a:hover
{
	font-size:11px;
	color:#9F9F9F;
	text-decoration:underline;
}

.widget-container.snipplr img
{
	float:left;
	padding:0 20px 8px 0;
}

.widget-container.snipplr .snippets li
{
	margin:20px 0 30px 0;
}

.widget-container.snipplr .snippets a
{
	font-size: 15px;
}

.Latest_tweet_widget
{
	min-height:120px;
}
.Latest_tweet_widget img
{
	float:left;
	padding:0 12px 8px 0;
}

.Latest_tweet_widget .open_quote, .Latest_tweet_widget .close_quote
{
	font-size:28px;
	color:#2A7F07;
	padding:0px;
	margin:0px;
}

.widget_categories
{
	width:100px;
}

.widget_views
{
	width:250px;
	padding:10px 0 10px 0;
}

h3.widget-title
{
	color:#2F2F2F;
	font-size:14px;
	text-shadow:1px 1px 1px #FFF;
}

	.rightcontent ul
	{
		list-style-type:none;
		overflow:hidden;
	}


/*##############################
	FOOTERBACKGROUND STYLES
##############################*/
#footerbackground
{
	background:url(images/footerbackground_repeat.jpg) repeat-x top left;
	text-align:left;
	width: 100%;
	margin:30px auto 0 auto;
	clear:both;
	height:286px;
}


/*##############################
		FOOTER STYLES
##############################*/
#footer
{
	position:relative;
	background:url(images/footerbackground.jpg) no-repeat top left;
	text-align:left;
	width: 960px;
	height:286px;
	margin:0 auto;
	color:#FFF;
}

	#footer .social_networks
	{
		position:absolute;
		top:40px;
		right:42px;
		width:400px;
		height:135px;
	}
	
	#footer .social_networks h3
	{
		font-size: 1.1em;
		font-weight:bold;
		margin:6px 0px 12px 0px;
	}
	
	#footer .social_networks p
	{
		line-height: 1.6em;
		margin:6px 0px;
		font-size:85%;
	}
	
	#footer .social_net_img
	{
		float:left;
		padding:20px;
	}
	
	#footer #twitter_update_list
	{
		position:absolute;
		top:40px;
		left:0px;
		background:url(images/twitter_footer.png) no-repeat top left;
		width:467px;
		height:135px;
	}
	
	#footer #twitter_update_list li
	{
		color:#5C5C5C;
		font-size:1.5em;
		height:115px;
		list-style-type:none;
		margin:9px 0 0 200px;
		width:250px;
		font-family:Verdana, Geneva, sans-serif;
	}
	
	#footer .footer_logo
	{
		position:absolute;
		bottom:0px;
		left:0px;
		background:url(images/cmstut_logo.png) no-repeat top left;
		width:252px;
		height:76px;
	}
	
	#footer .footer_nav
	{
		position:absolute;
		top:219px;
		right:48px;
		width:261px;
		height:20px;
	}
	
	#footer .footer_nav ul
	{
		padding:0px;
		margin:0px;
	}
	
	#footer .footer_nav ul li
	{
		float: left;
		display:inline;
		padding:0px 6px;
		margin:0px;
	}
	
	#footer .copyright
	{
		position:absolute;
		bottom:10px;
		right:50px;
	}
	
	.footer_bar
	{
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 40px;
		z-index: 999;
		text-align: center;
		background-color: #9F9F9F;
	}
	
	.footer_bar img
	{
		margin: 0 auto;
		padding-left:3px;
		border: none;
	}

/*Overlay styles*/
.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}


/*
Easy slider
*/
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */		
/* Easy Slider */
#header .feat_box
	{
		background: transparent url(images/feature_back_box.png) no-repeat top left;
		width: 280px;
		height: 200px;
		float:left;
		margin:0px 10px;
		position:relative;
	}
	
	#header .feat_box img
	{
		padding:20px 0px 0px 26px;
	}
	
	#header .feat_box .ribbon
	{
		position:absolute;
		top:7px;
		left:7px;
		background: transparent url(images/feature_ribbon.png) no-repeat top left;
		width: 76px;
		height: 75px;
		z-index:2;
	}


.navigation_bottom
{
	height:30px;
	width:100%;
	background:#FFF;
	border-top:1px solid #AFAFAF;
	border-bottom:1px solid #AFAFAF;	
}
	
.navigation_bottom ul li
{
	float:left;
	display:inline;
	padding:5px 10px 0 10px;
	height:25px
}

.navigation_bottom ul li a
{
	color:#3B3B3A;
	font-size:12px;
	font-weight:bold;
}

.nav_box
{
	padding:0px;
	width:1050px;
	margin:0 auto;	
}
	
.nav li
{
	position:relative;
	text-align:left
}

.sub-menu
{
	display:none;
position:absolute;
	top:30px;
	left:0px;
}


ul.nav li:hover ul.sub-menu{
	display:block;	
}

ul.nav ul.sub-menu li
{
	display:block;
	z-index:2;
	float:none;
	background:#FFFFFF;
	border:1px solid #CCC;
	color:#777;
	padding:0px 10px;
	text-decoration:none;
	width:160px;
}

ul.nav ul.sub-menu li a
{
font-size:11px !important;
}