/*
Theme Name: Disciple
Theme URI: http://wnw.blogwarhammer.net/themes/disciple
Description: Soft and clean WordPress theme with 3 columns. Customizable with 4 more colors.
Version: 1.15
Author: Regis
Author URI: http://wnw.blogwarhammer.net
Tags: soft, clean, simple, 3 columns, fixed width

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)
*/

/* basic */
body { width:100%; background:#F5F4F1 url('Http://www.skillsurfers.eu/images/bg.jpg') top left repeat-x; margin:0px 0px 10px 0px; padding:0px; 
	   font:8pt Verdana, Arial, sans-serif; line-height:150%; color:#333333; }
a { color:#CC0000; text-decoration:none; outline:none; }
a:hover { color:#CC0000; text-decoration:underline; }
a img { border:0; }
blockquote { border-left:solid 5px #A7B3BC; padding:5px 5px 5px 8px; margin:8px; background-color:#F4F5F7; font:normal 8pt Georgia, "Times New Roman", Times, serif; line-height:160%; display:inline-block; }
pre { border-left:solid 5px #738695; padding:5px 5px 5px 8px; margin:8px 8px 8px 8px; background-color:#EEF0F2; overflow:scroll; }
ul { list-style-type:square; }
input, 
select, 
textarea { font:8pt Verdana, Arial, sans-serif; color:#333333; }
form { margin:0px; padding:0px; }
p { margin:11px 0px 11px 0px; }
h1, h2, h3, h4, h5, h6  { font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:130% }
h1 { font-size:19pt }
h2 { font-size:16pt; }
h3 { font-size:13pt; }
h4 { font-size:10pt; }
h5 { font-size:8pt; }
h6 { font-size:7pt; }

.sep { display:block; height:30px; background:transparent url('images/sep.gif') top center no-repeat; overflow:hidden; }

/* wordpress defaults */
.aligncenter,
div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left;}
.alignright { float:right;}
.wp-caption { text-align:center; padding-top:4px; margin:10px;
			  -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { padding:5px 4px 5px; margin:0; font:normal 8pt Georgia, "Times New Roman", Times, serif; color:#999999; line-height:150%; }

/* wrapper */
.wrap { width:1000px; margin:auto; padding:0px; overflow:hidden; background:transparent url('images/bg_top.gif') top center no-repeat; }

/* blog title + description */
#head { height:105px; overflow:hidden; text-align:center; }
	#head h1 { margin:15px 0px 10px 0px; padding:0px; font:normal 34pt Georgia, "Times New Roman", Times, serif; letter-spacing:2px; text-transform:uppercase; }
	#head a { color:#FFFFFF; }
	#head a:hover { color:#FFFFFF; text-decoration:none; }
	#head #desc { margin:0px 0px 15px 0px; padding:0px; font:normal 11pt Georgia, "Times New Roman", Times, serif; color:#FFFFFF; text-transform:uppercase; }

/* menu */
#menu { width:520px; margin:auto; overflow:hidden; height:18px; font:normal 8pt Georgia, "Times New Roman", Times, serif; text-transform:lowercase; }
	#menu ul { list-style:none; margin:0px 0px 0px 10px; padding:0px; overflow:hidden; }
		#menu li { float:left; padding:0px; }
		#menu li a { display:block; background-color:#E6E3DB; padding:2px 5px 2px 5px; margin:0px 5px 0px 0px; text-align:center; color:#333333; }
		#menu li a:hover { color:#999999; text-decoration:none; }
		#menu li.current_page_item a { background-color:#CFCABA; }
		#menu li.current_page_item a:hover { color:#333333; text-decoration:none; }

#midbar { overflow:hidden; padding:0px; }

#innerwrap { margin-top:5px; overflow:hidden; height:100%; background:transparent url('images/bg_c2.gif') top center repeat-y; }

/* columns */
.c1 { width:235px; float:left; padding:0px 0px 0px 0px;text-align:right; }
.c2 { width:530px; float:left; padding:0px; margin:0px; overflow:hidden; background:#FFFFFF url('images/bg_c2.gif') top left repeat-y; }
.c3 { width:234px; float:left; padding:0px; margin:0px; overflow:hidden; }

/* contact + subscribe text + middle text */
.toptext { margin:0px; padding:10px 15px 10px 15px; color:#FFFFFF; text-transform:lowercase; font:italic 10pt Georgia, "Times New Roman", Times, serif; }
	.toptext a { color:#FFFFFF; }
	.toptext a:hover { color:#FFBE97; text-decoration:none; }
.midtext { margin:0px; padding:10px 15px 10px 15px; color:#777777; font:normal 9pt Georgia, "Times New Roman", Times, serif; }

/* widgets */
#widgets1 { list-style:none; margin:0px; padding:0px; color:#333333; }
#widgets2 { list-style:none; margin:0px; padding:0px; color:#333333; }
.widget { list-style:none; margin:0px 0px 30px 0px; padding:0px 8px 0px 8px; }
#widgets1 .widget { border-right:solid 0px #A5B4C5; }
#widgets2 .widget { border-left:solid 0px #A5B4C5; }
.widget ul { margin:0px; padding:0px; }
.widget ul li a { padding:1px 3px 1px 3px; }
.widget li a:hover { background-color:#546a85; color:#FFFFFF; text-decoration:none; }
.widget h2 { margin:0px 0px 5px 0px; padding:0px; color:#546a85; font:italic 11pt Georgia, "Times New Roman", Times, serif; /*text-transform:lowercase;*/ }

/* list images for widgets */
#widgets1 .widget li { list-style:none; background:url('images/78.png') center right no-repeat; margin:0px 0px 5px 0px; padding:0px 20px 0px 0px; }
#widgets2 .widget li { list-style:none; background:url('images/78.png') center left no-repeat; margin:0px 0px 5px 0px; padding:0px 0px 0px 20px; }

#widgets1 .widget_recent_entries li { background:url('images/24.png') center right no-repeat; }
#widgets1 .widget_recent_comments li { background:url('images/18.png') center right no-repeat; }
#widgets1 .widget_pages li { background:url('images/21.png') center right no-repeat; }
#widgets1 .widget_categories li { background:url('images/34.png') center right no-repeat; }
#widgets1 .widget_archive li { background:url('images/36.png') center right no-repeat; }
#widgets1 .widget_links li, 
#widgets1 .widget_betterblogroll li, 
#widgets1 .widget_sclw li { background:url('images/13.png') center right no-repeat; }

#widgets2 .widget_recent_entries li { background:url('images/24.png') center left no-repeat; }
#widgets2 .widget_recent_comments li { background:url('images/18.png') center left no-repeat; }
#widgets2 .widget_pages li { background:url('images/21.png') center left no-repeat; }
#widgets2 .widget_categories li { background:url('images/34.png') center left no-repeat; }
#widgets2 .widget_archive li { background:url('images/36.png') center left no-repeat; }
#widgets2 .widget_links li, 
#widgets2 .widget_betterblogroll li, 
#widgets2 .widget_sclw li { background:url('images/13.png') center left no-repeat; }

/* search box */
#searchform #s { width:150px; }

/* blog posts */
.post { padding:0px 15px 15px 15px; overflow:hidden; line-height:160%; color:#333333; }

	/* blog title */
	.post-title h1 { margin:0px; padding:0px 0px 2px 0px; font:normal 2.4em Georgia, "Times New Roman", Times, serif; letter-spacing:-0.02em; line-height:130%; }
	.post-title h1 a { color:#333333; }
	.post-title h1 a:hover { color:#666666; text-decoration:none; }

	/* bar with date, author and category */
	.post-sub { padding:5px 0px 0px 0px; overflow:hidden; font:normal 8pt Georgia, "Times New Roman", Times, serif; color:#999999; }
		.post-sub a, 
		.post-foot a { color:#999999; border-bottom:dotted 1px #CCCCCC; }
		.post-sub a:hover, 
		.post-foot a:hover { background-color:#EBEBEB; color:#666666; border-bottom:dotted 1px #333333; text-decoration:none; }
		.post-date { float:left; overflow:hidden; margin-right:20px; }
		.post-author { float:left; overflow:hidden; margin-right:20px; }
		.post-cat { float:left; overflow:hidden; }

	/* blog text */
	.post-text { overflow:hidden; color:#333333; }
		.aligncenter { display:block; margin:auto; text-align:center; }
		img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
		img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
		.alignright { float: right; }
		.alignleft { float: left; }
		.youtube { text-align:center; margin:10px 0px 10px 0px; }

	/* blog footer with tags, edit and comments */
	.post-foot { overflow:hidden; margin:10px 0px 0px 0px; font:normal 8pt Georgia, "Times New Roman", Times, serif; color:#999999; line-height:160%; }
		.post-edit { float:right; }
		.post-comments { float:right; }

/* comments */
.commentlist { list-style:none; padding:0px; margin:0px; border-top:solid 1px #97A8BD; overflow:hidden; }
.commentlist li { overflow:hidden; border-bottom:solid 1px #97A8BD; padding:8px; background-color:#FFFFFF; }
.commentlist li.alt { background-color:#F8F8F8; overflow:hidden; }
	.comment-avatar img { float:left; padding:0px; border:solid 1px #999999; margin:8px 8px 8px 0px; }
	.comment-bar { color:#999999; overflow:hidden; padding:0px 8px 0px 0px; font:normal 8pt Georgia, "Times New Roman", Times, serif; line-height:160%; }
		.comment-bar a { color:#999999; border-bottom:dotted 1px #CCCCCC; }
		.comment-bar a:hover { background-color:#EBEBEB; color:#666666; border-bottom:dotted 1px #333333; text-decoration:none; }

		.comment-author { color:#546a85; font-size:11pt; font-style:italic; }
		.comment-author a { color:#546a85; border-bottom:dotted 1px #666666; }
		.comment-author a:hover { text-decoration:none; }
	.comment-text { }

/* footer */
#footer { width:990px; height:80px; background:transparent url('images/bar_bottom.gif') top center no-repeat; margin:auto; padding:76px 5px 5px 5px; 
		  font-family:Georgia, "Times New Roman", Times, serif; color:#AA9F8A; text-align:center; }
	#footer a { color:#AA9F8A; border-bottom:dotted 1px #BEB6A7; text-transform:uppercase; }
	#footer a:hover { text-decoration:none; }
	
	
	
	/*for menu header */
	#flags
	{
	float:right;
	margin: -7px 10px 0px 0px ;
	border: 0px solid #000;
	sdisplay:inline;
	stext-align:left;

	}





	#langname {
	  z-index: 0;
	  width: 25px;
	  height: 25px;
	  position: relative;
	  padding: 0px 5px 0px 0px;
	letter-spacing: 0.05em;

	}


	#langname img {
	  z-index: 1;
	}
	#langname span {
	  display: none;
	}
	#langname:hover span {
	  display: block;
	  position: absolute;
	  left: -50%;
	  top: 20px;
	  z-index: 2;
	  padding: 0px 5px 0px 0px;
	  color: #ffa207;
	  font-weight: bold;
	  font-size: 0.8em;
	}


	#flagcontainer
	{
		text-align:left;
		position:relative;
		top:3px;
		right:0px;
		width:80px;
		height:40px;
		border:1px;
	}

	#flagcontainer2
	{
		float:right;

		position:relative;
		top:-30px;
		right:0px;
		width:30px;
		height:40px;
		border:1px;
	}
	/*flag rollover menu code */

	.menu {width:30px; height:28px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}
	/* hack to correct IE5.5 faulty box model */
	* html .menu {widthe:50px; w\idth:50px;}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0;margin:0;list-style-type:none;}
	.menu ul ul {width:30px;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {float:left;widthe-:100px;position:relative; }
	/* style the links for the top level */
	.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:30px; height:30px; border:0px solid #000; border-width:0px; background:none; padding-left:8px; padding-top:6px; line-height:19px; font-weight:bold;}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {width:119px; w\idth:118px;}

	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd }
	/* style the second level hover */
	.menu ul ul a.drop:hover{background:#c9ba65;}
	.menu ul ul :hover > a.drop {background:#c9ba65;}
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
	/* style the third level hover */
	.menu ul ul ul a:hover {background:#b2ab9b;}


	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:119px;border-top:0px solid #000;}
	/* another hack for IE5.5 */
	* html .menu ul ul {top:30px;t\op:31px;}

	/* position the third level flyout menu */
	.menu ul ul ul{left:119px; top:-1px; width:119px;}

	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {left:-119px;}

	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {background:none; color:#fff; height:auto; line-height:1px; padding:5px 10px; width:100px;border-width:0px;}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:100px;}

	/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover{color:#000; background:#ccc;}
	.menu :hover > a, .menu ul ul :hover > a {color:#000; background:none;}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ visibility:visible;}