/*
 * Project: Rahisisha Sites
 * Theme: Classic
 * CSS by: Rahisisha Solutions Ltd
 */

/*
 * Section: General
 * Media: Screen
 */
	
@media screen {
	 
	html {
		overflow-y: scroll
	}
	body {
		background: #FFFFFF;
		color: #2B2B2B;
		margin: 0;
		padding: 0;
		font: 13px/1.5 "Merriweather Sans", Arial, "Liberation Sans", FreeSans, sans-serif;
	}
	h1, h2, h3, h4, h5, h6 {
		position: relative;
		font-family: "Roboto Slab", Arial, "Liberation Sans", FreeSans, sans-serif;		
	}
	h1 {
		line-height: 28px;
		text-align: left;
		margin-bottom: 5px;
	}
	h2 {	
		font-size: 22px;		
		line-height: 22px;	
		text-align: left;
		margin-bottom: 5px;		
	}
	h3 {
		font-size: 21px
	}
	h4 {
		font-size: 19px
	}
	h5 {
		font-size: 17px
	}
	h6 {
		font-size: 15px
	}
	ol {
		list-style: decimal
	}
	ul {
		list-style: disc
	}
	li {
		margin-left: 30px
	}
	p, dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
		margin-bottom: 20px
	}
	img {
		max-width: 100%
	}
	a {
		color: #000;
		text-decoration: none;	
	}
	a:hover {
		color: #000;
		text-decoration: underline;
	}
	.align-center {
		text-align: center
	}
	#wrapper {
		min-height: 100%
	}
	
	img.grayscale {
	    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	    filter: gray; /* IE6-9 */
	    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	}
	
	.langswitch {
		text-align: right; 
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	/*
	 * Section: Wrapper
	 * Media: Screen
	 */
	.wrapper { 
		width: 960px;
		border: 2px solid #000;
		margin-top: 10px;	
		margin-bottom: 10px;	
		padding-top: 10px;
		text-align: left;
	}
	
	.grid-container { 
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0px;
	}	
	
	/*
	 * Section: Header
	 * Media: Screen
	 */
	 
	.header {
		padding-top: 20px;	
		padding-bottom: 10px;
	}
	
	.header-left {
		background-color: #231f20;
		min-height: 80px;
	}	
	
	.header-right {
		background-color: #df1f26;
		min-height: 80px;
	}
	
	.header-text h2 {
		color: #df1f26;	
		font-size: 24px;
		font-style: italic;
		margin-bottom: 0;
	}
	
	#logo {
		padding-top: 5px;
	}
	
	/*
	 * Section: Content
	 * Media: Screen
	 */

	.content {
		font-size: 14px;		
		color: #000000;
		padding: 0;
		margin: 0;
		margin-top: 10px;	
		margin-bottom: 20px;	
	}

	.bg-right {
		background-color: #000;
		background-image:url(../../images/background.jpg);
		min-height: 600px;
		background-position: top center;
		background-repeat: no-repeat;
	}	
	
	.content-left {
		background-color: #f1f1f2;
		min-height: 600px;
	}	
	
	.content-right-inside-left {
		margin: 0;
		padding: 0;
	}	
	
	.content-right-inside-right {
		background-color: rgba(241, 241, 241, 0.90);
		margin: 0;
		padding: 0;
		min-height: 600px;
	}	

	.content h1 {
		color: #df1f26;
		font-weight: bold;
		font-size: 26px;
	}
	
	.content .large-text {
		font-size: 18px;
	}	
	
	/*
	 * Section: Navigation
	 * Media: Screen
	 */	
	
	nav[role="navigation"] {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	nav[role="navigation"] ul {
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	nav[role="navigation"] li {
		list-style: none;
		margin: 5px;
		text-align: center;
		border: 0;
		border-bottom: 2px solid #df1f26;
	}
	nav[role="navigation"] li:last-child {
		border: 0;
	}
	nav[role="navigation"] li a {
		color: #000000;
		font-size: 15px;
		font-weight: bold;		
		display: block;
		padding: 5px;
		text-decoration: none;
		text-align: left;
		text-transform: uppercase;
	}
	nav[role="navigation"] li a:hover {
		color: #df1f26;
		text-decoration: none;
	}	
	
	/*
	 * Section: Footer
	 * Media: Screen
	 */
	
	.footer { 
		background-color: #272727;
		color: #6D6E70;	
		font-size: 12px;
		padding: 15px;
	}
	
	.footer a { 
		color: #6D6E70;
		text-decoration: underline;
	}	
	
	.footer a:hover { 
		color: #6D6E70;
		text-decoration: none;
	}
	
	.footer .company {
		text-align: left;
		font-size: 20px;
		text-decoration: none;	
	}
	
	.footer .copyright {
		text-align: right;
	}
	
	/*
	 * Language switcher
	 * Media: Screen
	 */
	
	.langswitch.en a:before{
		content:url(../../images/sw.png);
		position:relative;
		top:3px;
		right:2px;
	   
	}
	
    .langswitch.sw a:before{
		content:url(../../images/en.png);
    	position:relative;
		top:3px;
		right:2px;
	   
	}
	
	
}


/* Pagination */
.pagination>li>a, 
.pagination>li>span {
	color:#2C3033;
}

.paging {
	width:270px;
	clear:both;
	padding:6px 6px;
	line-height:17px;
	font-size:13px;
}
 
.paging span, .paging a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:5px 8px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background-color: #df1f26;
	border:1px solid #ddd;
	font-weight:normal;
}
 
.paging a:hover{
	color:#fff;
	background-color: #df1f26;
}
 
.paging .current{
	padding:5px 8px;
	color:#fff;
	background-color: #000000;
}