/*
------------------------------------------------------
it's learning portofolio
Name: Portofolio - Bright Blue
Version date: 20.12.2006 15:50
------------------------------------------------------
*/



a:active, a:focus, a:hover, a:link, a:visited {
	color: #0000FF;
}

a:hover{
	text-decoration: none;
}


body{
	background: #BBBBBB;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}


/* PageComponent - Breadcrumbs */

.breadcrumbs{
	background: url(gradient.gif) repeat-x top;
	font-size: .8em;
	padding: 8px 10px;
}
/* END PageComponent - Breadcrumbs */

/* PageComponent - Clear */
div.clear{
	clear: both;
}
/* END PageComponent - Clear */

/* PageComponent - CommentForm */

div.commentform{
	margin-top: 10px;
}

div.commentform label{
	font-size: .8em;
	float: left;
	width: 110px;
}

div.commentform textarea{
	float: right;
	height: 6em;
	width: 400px;
}

	/* Contextual(CommentForm) PageComponent - Formbuttons */
	div.commentform .formbuttons{
		clear: both;
		padding: 5px 0 0 120px;
	}
	/* END Contextual(CommentForm) PageComponent - Formbuttons */

/* END PageComponent - CommentForm */

.containerbox1{
	background: White url(sidemenu.gif) repeat-y top left;
	border: 1px solid Black;
	margin: 10px auto;	
	text-align: left;
	width: 770px;
}

.containerbox2{

}

.containerbox3{

}

/* PageComponent - Comments */

.comments h3{
	color: #000000;
	font-size: .8em !important;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px;
}

.comments h3 span{
	color: #31415A;
	font-weight: bold;
}

/* END PageComponent - Comments */

/* Workaround hack for Internet Explorer. The error and hack is explained in detail here: http://www.positioniseverything.net/explorer/escape-floats.html */
/* Hides from IE-mac \*/
* html .containerbox4 {height: 1%;}
/* End hide from IE-mac */


.containerbox4{

	padding-bottom: 30px;
	
}


/* PageComponent - DocumentList */

.documentlist li{
	font-size: .8em;
}


/* a special rule used to separate an icon and a textlink so that the icon is not underlined*/
.documentlist li a{
	text-decoration: none;
}

.documentlist li a img{
	border: 0 none;
	vertical-align: bottom;
}

.documentlist li a span{
	margin-left: 3px;
	text-decoration: underline;
}

/* END PageComponent - DocumentList */

/* PageComponent - Feed */
.feed{
	font-size: .8em;
	margin-top: 2em;
	padding: 0 15px;
}
/* END PageComponent - Feed */

/* PageComponent - Footer */
.footer{
	background: #EEE;
	clear: both;
	font-size: .72em;
	padding: 2px 15px;	
	height: 1.5em;							
}

.footer img{
	vertical-align: top;
}

.footer .published{
	float: left;
}

.footer .comments{
	float: right;
	white-space: nowrap;
}
		
/* PageComponent - Footer */

/* PageComponent - DocumentList */
ul.documentlist{
	list-style-type: none;
}

ul.documentlist li a{
	text-decoration: none;
}

ul.documentlist li a img{
	border: 0;
	vertical-align: bottom;
}

ul.documentlist li a span{
	margin-left: 3px;
	text-decoration: underline;
}
/* END PageComponent - DocumentList */

/* PageComponent - MainContent */
.maincontent{
	padding: 10px 20px 20px 220px;
}

.maincontent h2{
	font-size: 1em;
}

.maincontent h2 img{
	margin-left: 5px;
	border: 0;
}

.maincontent h3{
	color: #31415A;
	font-size: .9em;
	margin-bottom: 0;
}


.maincontent p{
	margin-top: 0;
	font-size: .8em;
}

.maincontent li{
	font-size: .8em;
}

/* Contextual(MainContent) PageComponent - NewsItem  */
.newsitem a img{
	border: none 0;
}
/* END Contextual(MainContent) PageComponent - NewsItem */


	/* Contextual(MainContent) PageComponent - NewsItem - Footer */
		.newslist .newsitem .footer{
			background: #EEE;
			font-size: .72em;
			padding: 2px 15px;	
			height: 1.5em;							
		}
		
		.newslist .newsitem .footer img{
			vertical-align: top;
		}
		
		.newslist .newsitem .footer .published{
			float: left;
		}
		
		.newslist .newsitem .footer .comments{
			float: right;
			white-space: nowrap;
		}
		
	/* END Contextual(MainContent) PageComponent - NewsItem - Footer */

.mainmenu{
	float: left;
	margin-top: 20px;
	position: relative;
	width: 189px;
}

.mainmenu h3{
	background: url(gradient.gif) repeat-x bottom;
	border-top: 1px solid #A8A7A8;
	font-size: .8em;
	padding: 6px 0 6px 15px;
	margin-bottom: 5px;	
}


.mainmenu li{
	font-size: .8em;
	padding-bottom: 5px;
}


.mainmenu ul{
	padding: 0 5px 5px 0;
}

.mainmenu li{
	font-size: .8em;
	padding-bottom: 5px;
}

.mainmenu li a.current, .mainmenu li a.current:active, .mainmenu li a.current:focus, .mainmenu li a.current:hover, .mainmenu li a.current:link, .mainmenu li a.current:visited{
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}

.mainmenu li a.current:hover{
	text-decoration: underline;
}

.mainmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 15px;	
}

.mainmenu ul ul{
	margin-top: .3em;
}

.mainmenu ul ul li{
	font-size: 1em;
}


.picturecontainer{
	background: #FFFFFF;
	float: right;
	font-size: .8em;
	margin-right: 30px;
	padding: 25px 0 15px 0;
	text-align: right;
	width: 200px;
}

.picturecontainer p{
	padding: 0;
	margin: 0;
}

/* PageComponent - SideContainer */
.sidecontainer{
	float: left;
	padding: 25px 0 0 0;
	width: 200px;
}

.sidecontainer p{
	font-size: .8em;
	padding: 0;
	margin: 0;
}
/* END PageComponent - SideContainer */

.topcontainer{
	background: White url(topgradient.gif) repeat-x top;	
}

.topcontainer a, .topcontainer a:active, .topcontainer a:focus, .topcontainer a:hover, .topcontainer a:link, .topcontainer a:visited {
	color: White;
	text-decoration: none;
}

.topcontainerextra{
	color: White;
	padding: 20px 20px 20px 15px;
}

.topcontainer h1{
	font-size: 1.3em;
	margin: 0 0 2px 0;
}

.topcontainer h2{
	font-size: 1em;
	margin: 0;
}


.itslearning{
	color: #FFFFFF;
	font-size: .75em;
	padding: 0 10px 10px 180px;
}

.itslearning a, .itslearning a:hover, .itslearning a:visited{
	color: #FFFFFF;
}


a.iconandlink{
	text-decoration: none;
}

a.iconandlink img{
	vertical-align: bottom;
}

a.iconandlink span{
	margin-left: 3px;
	text-decoration: underline;
}

.comments a.iconandlink{
	float: right;
	margin-top: -2.2em;
}

.commentitem{
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #DDD;
}

.newsitem .date{
	color: #999999;
	font-size: .7em;
	text-align: right;
}