/*
Theme Name: Back Office Online
Theme URI: http://www.back-office-online.com
Description: Original Theme from back-office-online.com
Version: 1.0
Author: Adrien PIGEOT - Co Founder with Christian SALLES <christian.salles@back-office-online.com>
*/

body {
	background-color : #e8e8e8 ;
	color : #000 ;
	font-family : verdana, sans-serif ;
	font-size : 70% ;
	text-align : center ;

}

#mainContainer {
	width : 760px ;
	padding : 0px ;
	margin : auto ;
	text-align : left ;
	background-image : url(images/bg_body.jpg) ;
	background-position : top center ;
	background-repeat : repeat-y ;
}

#pageHeader {
	padding : 20px 20px 0px 20px ;
	margin : 0px ;
	background-image : url(images/bg_header.png) ;
	background-position : top center ;
	background-repeat : no-repeat ;
	clear : both ;
	height : 100px ;
}

#pageHeader h1 {
	text-indent : -9000px ;
	padding : 0px ;
	margin : 10px ;
	height : 50px ;
	background-image : url(images/logo_backofficeonline.png) ;
	background-position : center top ;
	background-repeat : no-repeat ;
}

#pageHeader .slogan {
	text-align : center ;
}

#leftColumn {
	padding : 0px 10px 0px 25px ;
	float : left ;
	width : 180px ;
}

#pageFooter {
	clear : both ;
	padding : 40px 20px 10px 15px;
	height : 30px ;
	text-align : right ;
	color : #666 ;
	font-size : 90% ;
	background-image : url(images/bg_footer.jpg) ;
	background-position : bottom center ;
	background-repeat : no-repeat ;
}

#pageBody {
	float : left ;
	width : 540px ;
	padding : 5px ;
}


#linksBlock {
	border : 1px solid #66B161 ;
	margin : 0px  0px 10px 0px;
}

#linksBlock h2.blockTitle {
	margin : 0px;
	border-top : 1px solid #ABCFA5 ;
	border-left : 1px solid #ABCFA5 ;
	border-bottom : 1px solid #ccc ;
	padding : 0px 2px 4px 2px  ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_green.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

#pagesBlock {
	border : 1px solid #E2584E ;
	margin : 0px  0px 10px 0px ;
}

#pagesBlock h2.blockTitle {
	margin : 0px ;
	border-top : 1px solid #F6A7A8 ;
	border-left : 1px solid #F6A7A8 ;
	border-bottom : 1px solid #ccc ;
	padding : 0px 2px 4px 2px  ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_red.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

#feedsBlock {
	border : 1px solid #E2904E  ;
	margin : 0px  0px 10px 0px;
}

#feedsBlock h2.blockTitle {
	margin : 0px ;
	border-top : 1px solid #F6C4A7 ;
	border-left : 1px solid #F6C4A7 ;
	border-bottom : 1px solid #ccc ;
	padding : 0px 2px 4px 2px  ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_orange.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

#newsBlock {
	border : 1px solid #4E8EE2 ;
	margin : 0px  0px 10px 0px;
}

#newsBlock h2.blockTitle {
	margin : 0px ;
	border-top : 1px solid #A7D0F6 ;
	border-left : 1px solid #A7D0F6 ;
	border-bottom : 1px solid #ccc ;
	padding : 0px 2px 4px 2px  ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_blue.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

#newsBlock ul, #pagesBlock ul, #linksBlock ul {
	margin : 5px ;
	padding : 0px 0px 0px 15px ;
	list-style : square ;
}

#newsBlock ul li, #pagesBlock ul li, #linksBlock ul li {
	padding : 0px ;
	margin : 1px ;
}

#feedList {
	list-style : none ;
	padding : 0px ;
	margin : 3px ;
}

#feedList li {
	padding : 2px ;
	text-align : center ;
}

#pageBody {
	padding : 0px ;
	padding-right : 15px ;
	width : 520px ;
	float : left ;
}

div.post {
	border : 1px solid #4E8EE2 ;
	margin : 0px  0px 10px 0px ;
}

div.post h3 {
	margin : 0px ;
	border-top : 1px solid #A7D0F6 ;
	border-left : 1px solid #A7D0F6 ;
	border-bottom : 1px solid #ccc ;
	padding : 2px ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_blue.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

div.post h3 a:link, div.post h3 a:active, div.post h3 a:visited {
	color : #fff ;
	text-decoration : none ;
}

div.post h3 a:hover {
	color : #fff ;
	text-decoration : underline ;
}

div.post .meta {
	text-align : right ;
	color : #666 ;
	padding : 5px ;
}

div.post .storycontent {

	padding : 5px ;

}



div.page {
	border : 1px solid #E2584E ;
	margin : 0px  0px 10px 0px ;
}

div.page h3 {
	margin : 0px ;
	border-top : 1px solid #F6A7A8 ;
	border-left : 1px solid #F6A7A8 ;
	border-bottom : 1px solid #ccc ;
	padding : 2px ;
	font-size : 100% ;
	color : #fff ;

	background-image : url(images/bg_block_head_red.gif) ;
	background-position : top left ;
	background-repeat : repeat-x ;
}

div.page h3 a:link, div.page h3 a:active, div.page h3 a:visited {
	color : #fff ;
	text-decoration : none ;
}

div.page h3 a:hover {
	color : #fff ;
	text-decoration : underline ;
}

div.page .meta {
	text-align : right ;
	color : #666 ;
	padding : 5px ;
}

div.page .storycontent {
	padding : 5px ;
}

a:link, a:active, a:visited {

	text-decoration : none ;
	color : #096db2 ;
}

a:hover {

	text-decoration : underline ;
	color : #096db2 ;
}

h2.blockTitle img {
	float : left ;
	margin-right : 5px ;
}

div.breaker {
	clear : both ;
	height : 5px ;
}

#skypeBlock, #statBlock {
	text-align : center ;
	padding : 5px ;
}