/*

Theme Name: IGeLU

Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic

Description: IGeLU customisation of <a href="http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic">Magazine Basic</a> theme designed by <a href="http://themes.bavotasan.com/">bavotasan</a> for WordPress 3.0. Customised for IGeLU by Michael Fake in 2010.

Version: Magazine Basic 2.6.8 (IGeLU 1.0)

Author: C.Bavota (Modified by Michael Fake)

Author URI:

Tags: right-sidebar, left-sidebar, flexible-width, three-columns, two-columns, white, custom-header, theme-options, custom-background, custom-menu, threaded-comments, sticky-post, translation-ready



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/


/* Basic Tag Elements */



a {

	text-decoration: none;

	outline: none;

	color: #205B87;

	}

	

	a:hover {

		text-decoration: underline;

		}

	

img { 

	border: 0;

	}



body {

	color: #444;

 	margin: 0 auto; 

	font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px; 

	padding: 0; 

	background: #eee;

	}


h1 a, h2 a, h3 a, h4 a, h5 a {

	color: #222;

	}



textarea {

	width: 97%;

	}



#leftontent table {

	border: 0;

	}



#leftontent table td {

	border: 1px solid #eee;

	padding: 5px 10px;

	}

	

	#leftontent table th {

		border: 1px solid #eee;

		padding: 5px 10px;		

		background: #eee;

		}

		

.fl {

	float: left;

	}

	

.fr {

	float: right;

	}

	

.clear {

	clear: both;

	}



/* Header Elements */



#header{

	background: #fff;

	float: left;

	width: 100%;

	}



#headerad {
	float:right;

	margin: 24px 20px 16px;

	text-align: center;

	}



#login {

	height: 16px;

	font-size: 12px;

	color: #464646;

	text-align: right;

	padding: 2px 20px 15px;

	margin-bottom: 5px;

	background: #d7d7d7;


	}

	

	#login a {

		color: #464646;

		}

	#login ul {

	padding: 0;

	margin: 0;

	list-style-type: square;

	}

	

	#login ul li {

		display: inline;

		}

	#login li {
		display: inline;
		list-style-type: square;
		}

.dot:before {

	content: url(images/whitedot.png) " ";

	}



#title {

	margin: 20px 16px;

	padding: 0;

	}

	

	#title a {

		font-size: 48px;

		color: #222;

		line-height: 50px;

		}	



	#title.aligncenter {

		margin: 20px auto;

		text-align: center;

		}

	

	#title.fr {

		text-align: right;

		}			

	

	#title a:hover {

		color: #cc0000;

		text-decoration: none;

		}

		

	.headerimage .aligncenter {

		margin: 0 auto !important;

		}

		

#description {

	font-size: 14px;

	margin: 0;

	padding: 0;

	}		

	

.main-navigation {

	margin: 0;

	float: left;

	clear: both;

	width: 100%;

	background: #666666;

	position: relative;

	z-index: 1000;

	}



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			2em; /* match top ul list item height */

	z-index:		99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			10em; /* match ul width */

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			left;

	margin-bottom:	0;

}

.sf-menu a {

	border-right:	1px solid #fff;

	padding: 		.6em 1em .4em;

	text-decoration:none;

}



.sf-menu li li a {

	border: 0;

	}



.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:			#fff;

}

.sf-menu li {

}

.sf-menu li li {

	background:		#888;

}

.sf-menu li li li {

	background:		#888;

}

.sf-menu li:hover, .sf-menu li.sfHover,

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	background:		#666;

	outline:		0;

}



/*** arrows **/

.sf-menu a.sf-with-ul {

	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			.90em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	top:			.65em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	url(images/shadow.png) no-repeat bottom right;

	padding: 0 8px 9px 0;

	-moz-border-radius-bottomleft: 17px;

	-moz-border-radius-topright: 17px;

	-webkit-border-top-right-radius: 17px;

	-webkit-border-bottom-left-radius: 17px;

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}





								

.sub-navigation {

	clear: both;

	border-bottom: 1px solid #888;

	float: left;

	width: 100%;

	padding: 5px 0 0;

 	z-index: 50;

 	position: relative;

	}

	

	.sub-navigation ul {

		padding: 0 0 0 8px;

		margin: 0;

		}

	

	.sub-navigation li {

		list-style-type: none;

		float: left;

		font-size: 12px;

		padding: 0 10px 0 0;

		text-transform: uppercase;

		margin: 0;

		line-height: 24px;

		background: url(images/blackdot.png) right 5px no-repeat;

		position: relative;

		}

	

	.sub-navigation a {

		color: #222;

		padding: 0 5px;

		}

		

		.sub-navigation a:hover {

			text-decoration: underline;

			}

			

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

.sub-navigation ul li:hover ul ul { display: none; }	

.sub-navigation ul ul { position:absolute; top:24px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000; z-index: 500;}

.sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}

.sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }

.sub-navigation ul ul li a:hover {background-color:#eee}

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

.sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	





.sub-navigation li.nodot {

	background: none;

	z-index: -50;

	}

	

.sub-navigation li.right-d {

	float: right;

	}



/* Main Elements */

	

#mainwrapper {

	float: left;

	padding: 15px 10px;

	margin: 0;

	border-top: 0px solid #ccc;

	border-bottom: 0px solid #ccc;

	background: #fff;

	}


#sidebar {

	float: left;

	margin: 0 10px;

	padding: 5px 0 0;

	}



#secondsidebar {

	float: left;

	margin: 0 10px;

	padding: 5px 0 0;

	}

	

.side {

	line-height: 20px;

	font-size: 18px;

	margin-bottom: 0;

	}	

	

.side-widget {

	float: left;

	margin: 0 0 15px;

	padding: 0px 10px 5px;

  	background: #fff;

	border: 0px dotted #ccc;

	border-right-color: #ccc;

	border-bottom-color: #ccc;

	color: #464646;

	}

	

	.side-widget ul {

		padding: 0;

		margin: 0px -5px;

		list-style-type: none;

		}



	.side-widget ul li {

		padding: 0;

		margin: 0;

		font-size: 13px;

		}

		

	.side-widget ul li {

		padding-left: 15px;

		margin: 2px 0;

		}

	.side-widget ul li li {
	list-style-type: square;
	padding-left:0px;
	margin-left:25px;
}
	

	.side-widget h2 {

		font-size: 14px;

		padding: 10px 10px 10px 10px;

		margin-top: 0;

		text-align: left;

		margin: 0px -10px;

		background: #d7d7d7;



		}

		

	.side-widget .storycontent {

		border-bottom: 1px solid #ddd;

		}

		

	.side-widget .noline {

		border-bottom: 0;

		}		



.side-widget #s {

	margin-top: 15px;

	padding: 2px;

	width: 94%;

	}



.storycontent {

	line-height: 18px;

	font-size: 12px;

	word-wrap: break-word;

	}


.posts {

	border-bottom: 1px solid #eee;

	margin-bottom: 10px;

	float: left;

	width: 100%;

	}

	
	.posts h2 {

		margin: 10px 0 0;

		}

	.posts img {

		margin: 10px 10px 10px 0;

		float: left;

		}

		

.readmore a {

	color: #cc0000;

	}

		

#footer {

	clear: both;

	float: left;

	width: 100%;

	padding-top: 10px;

	padding-bottom: 30px;

	text-align: center;

	font-size: 11px;

	color: #fff;

	border-top: 0px solid #AAA;

	background: #666666;

	}

#footer a {

	color: #fff;

}

/* Left Content Elements */



#leftcontent {

	float: left;

	padding: 5px;

	}



	#leftcontent h5.latest {

		font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;

		margin: 0;

		padding: 0;

		color: #cc0000;

		margin-bottom: 5px;

		font-size: 14px;

		}



	#leftcontent h1 {

		margin: 0;

		padding: 0;

		font-size: 24px;

		line-height: 26px;

		}



#leftcontent .post h1, 

#leftcontent .ind-post h1, 

#leftcontent .twopost h1, 

#leftcontent .pages h1, 

#leftcontent h1.catheader,

#leftcontent .threepost h1 {

	margin-top: 5px;

	font-size: 36px;

	font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	line-height: 38px;

	color: #222;

	}



	#leftcontent h1.catheader {

		color: #cc0000;

		margin-bottom: 15px;

		}

		

	#leftcontent .twopost h1 {

		font-size: 26px;

		line-height: 28px;

		}

	

	#leftcontent .threepost h1 {

		font-size: 20px;

		line-height: 22px;

		}

	

	#leftcontent .postmetadata {

		clear: both;

		line-height: 14px;

		}

		

	#leftcontent .post .entry {

		font-size: 12px;

		line-height: 18px;

		}

		

	#leftcontent .date {

		margin-bottom: 5px;

		font-style: italic;

		color: #888;

		}

		

	#leftcontent .meta {

		font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;

		font-size: 11px;

		color: #444;

		}	

		

	#leftcontent .catdesc {

		background: #f7f7f7;

		border: 3px double #ddd;

		padding: 0 10px;

		color: #666;

		font-size: 13px;

		line-height: 15px;

		margin-bottom: 10px;

		}

		

/* This is your subtitle style */



#leftcontent p.sub {

	font-size: 24px;

	line-height: 26px;

	font-weight: bold;

	font-style: italic;

	margin: 10px 0 0;

	}



/* This is your blockquote style */

	

#leftcontent .entry .pullquote {

	width: 250px;

	font-size: 24px;

	line-height: 26px;

	float: right;

	margin: 0 0 0 30px;

	padding: 0;

	font-style: italic;

	}

	

	#leftcontent .entry .pullquote p {

		padding: 0;

		margin: 0;

		}



#leftcontent a.more-link {

	clear: both;

	width: 60px;

	text-align: center;

	display: block;

	color: #fff;

	margin: 12px 0;

	background: #aaa;

	padding: 0px 8px;

	font-size: 11px;

	line-height: 20px;

	}

	

	#leftcontent a:hover.more-link {

		text-decoration: none;

		background: #666;

		}



.tags a {

	color: #cc0000;

	}

	

.ind-post, .post {

	float: left;

	border-bottom: 1px solid #eee;

	margin-bottom: 10px;

	padding-bottom: 10px;

	width: 100%;

}



	.ind-post img {

		margin: 0px 10px 5px 0;		

		}



#twocol {

	float: left;

	margin-bottom: 3px;

	padding: 10px 0 0;

	background: url(images/line.gif) repeat-y 50% 0;

	}



	#twocol img {

		margin: 0px 8px 5px 0;

		}

		

	#twocol hr.two {

		height: 0;

		border: 0;

		clear: both;

		border-bottom: 1px solid #eee;

		}

	

.mainhr {

	float: left;

	background: #eee;

	clear: both;

	width: 100%;

	height: 1px;

	margin: 10px 0;

}	

	

.twopost {

	width: 46%;

	float: left;

	}	



	.twopost2, .twopost4 {

		margin-left: 7.5%;

		}

		

	.twopost3, .twopost4 {

		border-top: 1px solid #eee;

		padding-top:5px;

		}

		

	.twopost1, .twopost3 {

		clear: left;

		}		

		

#threecol {

	float: left;

	background: url(images/line.gif) repeat-y 31.5% 0;

	margin-top: 3px;

	width: 100%;

	}



#threecol2 {

	float: left;

	padding: 0;

	background: url(images/line.gif) repeat-y 67% 0;

	width: 100%;

}



	#threecol img {

		margin: 0px 5px 5px 0;

		}



.threepost {

	width: 29%;

	float: left;

	border-top: 1px solid #eee;

	padding-top: 10px;

	}



	.threepost2, .threepost5 {

		padding: 10px 0 0;

		margin: 0 6%;

		}

		

	.threepost1, .threepost2, .threepost3 {

		border-top: 0;

		}

		

	.threepost1, .threepost4 {

		clear: left;

		}



/* Pagination */	

	

.pagination {

	margin: 20px 0 10px;

	float: left;

	background: #eee;

	width: 97%;

	border-bottom: 1px solid #ddd;

	border-right: 1px solid #ddd;

	padding: 12px 1% 10px;

	}	



.pagination a {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #666;

	background-color: #FFFFFF;	

}



.pagination a:hover {	

	border: 1px solid #444;

	color: #444;

	background-color: #FFFFFF;

}



.pagination span.pages {

	padding: 3px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #666;

	border: 1px solid #ccc;

	background-color: #FFFFFF;

}

.pagination span.current {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	border: 1px solid #666;

	color: #444;

	background-color: #FFFFFF;

}

.pagination span.extend {

	padding: 3px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #ccc;

	color: #444;

	background-color: #FFFFFF;

}

			

/* Other Elements */



.red, .entry a {

	color: #205B87;

	}

	

#tagcloud {

	width: 400px;

	text-align: center;

	margin: auto;

	padding: 20px;

	}	

	

#tagcloud a {

	color: #cc0000;

	}



/* Comment Elements */



#postcomments {

	padding-top: 20px;

	}

			

	 h3#comments, #respond h3 { color:#333; font:normal 200% georgia,times,serif; margin: 10px 0; clear: left; }



	 #respond p { font-size:11px; margin:0 0 1em; }	



	 ol.commentlist { list-style:none; margin:0; padding:0; float: left; }



	 ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px;  }



	.commentlist .even {

		background: #eee;

		border-bottom: 1px solid #ddd;

		border-right: 1px solid #ddd;

		}



	.commentlist .avatar {

		float: right;

		padding: 5px;

		border: 1px solid #ddd;

		margin: 0 20px 10px 10px;

		background: #fff;

		}

	

	.commentlist .comment-author {

		font-size: 12px;

		}

	

	.commentlist .comment-text {

		padding: 0 20px 0 0;

		}

	

	.commentlist .url {

		font-size: 16px;

		font-family: 'Arial Unicode MS', Arial, Verdana, Helvetica, sans-serif;

		font-style: italic;

		}



	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }



	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }



	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }



	 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }



	 ol.commentlist ul.children li.odd { background:#fff; }



	 ol.commentlist ul.children li.even { background:#eee; }



/* WordPress Required Elements */



.aligncenter,

div.aligncenter {

   display: block;

   margin: 5px auto;

}



.alignleft, div.alignleft {

   float: left;

   margin: 5px 15px 5px 0;

}



.content .storycontent .alignleft,

.search .storycontent .alignleft,

.archive .storycontent .alignleft { 

	margin-top: 0; 

	}



.alignright, div.alignright {

   float: right;

   margin: 5px 0 5px 15px;

}



.alignnone {

	margin: 5px 0;

	}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 0;

   /* optional rounded corners for browsers that support it */

   -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 {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



#today {

	color: #cc0000;

	}



#wp-calendar {

	margin: auto;

	}



/*****FAKEY ADDITIONS*****/



/*****Footer adjustments*****/

#leftfooter {

	float: left;

	text-align: center;

	padding-left:20px;

	display:inline-block;

	}



#rightfooter {

	float: right;

	text-align: right;

	padding-right:20px;

	}



/*****File-type icons*****/

a[href$='.pdf'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/page_white_acrobat.png) center left no-repeat;

}



a[href$='.doc'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/page_word.png) center left no-repeat;

}



a[href$='.docx'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/page_word.png) center left no-repeat;

}



a[href$='.xls'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/page_excel.png) center left no-repeat;

}



a[href$='.xlsx'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/page_excel.png) center left no-repeat;

}



a[href$='.ppt'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/pictures.png) center left no-repeat;

}



a[href$='.pps'] {

display:inline-block;

padding-left:20px;

line-height:18px;

background:transparent url(images/silk/pictures.png) center left no-repeat;

}