/*

Theme Name: NERAF

Theme URI: 

Author: The website-lab

Author URI: http://www.website-lab.co.uk/

Description: Custom theme for NERAF's brochure website and CMS

Version: 1

License: GNU General Public License

License URI: license.txt

Tags: neraf

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



/*@font-face {

	font-family: 'VAGRoundedStdLightBold';

	src: url('fonts/vagroundedstd-black-webfont.eot');

	src: url('fonts/vagroundedstd-black-webfont.eot?#iefix') format('embedded-opentype'),

		 url('fonts/vagroundedstd-black-webfont.woff') format('woff'),

		 url('fonts/vagroundedstd-black-webfont.ttf') format('truetype'),

		 url('fonts/vagroundedstd-black-webfont.svg#VAGRoundedStdLightBold') format('svg');

	font-weight: normal;

	font-style: normal;

}*/





h2.entry-title, h1.entry-title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 22px;

	color: #8167a3;

	margin-bottom: 15px;

}





* {

	margin:0px;

	padding:0px;

}



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0

}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	background: #d4dee8;

}



h1 {

	color:#8167a3;

	font-size:18px;

	padding-bottom:5px;

}



h2 {

	color:#8167a3;

	font-size:14px;

}





img.alignright {

	float: right;

	margin: 0 0 10px 10px;

	border: 1px solid #ccc;

	padding: 5px;

}



img.alignleft {

	float: left;

	margin: 0 10px 10px 0;

	border: 1px solid #ccc;

	padding: 5px;

}





.entry-content > ul,

p > ul {

	margin: 0 0 20px 20px;

	list-style-position: inside;

}



.entry-content p {

	margin-bottom: 20px;

	line-height: 125%;

}





a { color: #000; text-decoration: underline; }





#page {

	margin: 0 auto;

	width: 940px;

	background: #fff;

	-moz-box-shadow: 0 0 10px 10px #bdc6cf;

	-webkit-box-shadow: 0 0 10px 10px #bdc6cf;

	box-shadow: 0 0 10px 10px #bdc6cf;

	margin-bottom: 20px;

	background: url(images/sidebar-grad.png) 0 0 repeat-y #fff;

}



div#social {

	position: absolute;

	z-index: 5;

	width: 940px;

	height: 68px;

	background: url(images/social-bg.png);

}

	ul#social-networks {

		margin-left: 280px;

	}

		ul#social-networks li {

			display: inline;

			margin: 0;

			padding: 0;

		}

			ul#social-networks li a {

				margin-top: 5px;

				margin-right: 0px;

				display: block;

				float: left;

				height: 48px;

				line-height: 48px;

				width: 48px;

				text-decoration: none;

				font-size: 12px;

				margin-left: 0;

			}

				ul#social-networks li.rss a {

					background:url(images/icons/rss.png) no-repeat left;

				}

				ul#social-networks li.twitter a {

					background:url(images/icons/twitter.png) no-repeat left;

				}

				ul#social-networks li.facebook a {

					background:url(images/icons/facebook.png) no-repeat left;

				}

	

	div#search-form {

		float: right;

		margin-right: 25px;

		width: 300px;

		background: #f292cb;

		border-radius: 0px 0px 10px 10px;

		padding: 15px;

		z-index: 1001;

	}

		div#search-form label {

			display: none;

		}

			div#search-form-search {

				position: relative;

			}

				div#search-form-search input[type="text"] {

					height: 40px;

					width: 200px;

					border: none;

					background: #fff;

					border-radius: 10px;

					-webkit-border-radius: 10px;

					-moz-border-radius: 10px;

					-o-border-radius: 10px;

					padding: 0 15px;

				}

				

				div#search-form-search input[type="submit"] {

					height: 40px;

					width: 80px;

					margin-left: -20px;

					background: #f4bede;

					border: none;

					border-radius: 10px;

					-webkit-border-radius: 10px;

					-moz-border-radius: 10px;

					-o-border-radius: 10px;

					color: #000;

					font-weight: bold;

				}



div#main {

	/*background:url(images/gradient-ltr-grey.png) repeat-y left;*/

	/*padding-top:60px;*/

	z-index: 0;

}



div#sidebar {

	display: block;

	width: 240px;

	padding: 15px 0px;

	float: left;

	z-index: 10;

}

	h1#logo {

		background: url(images/logo.png) no-repeat center;

		width: 166px;

		height: 141px;

		position: relative;

		font-size: 0px;

		margin: 0 auto;

		z-index: 20;

	}

	h2#description {

		color: #000;

		font-weight: bold;

		font-size: 15px;

		line-height: 16px;

		width: 224px;

		margin: 0 auto;

		text-align: center;

		padding: 10px;

	}



nav {

}

	nav ul#nav {

		list-style: none;

		margin-left: 25px;

		margin-top: 25px;

	}

		nav ul#nav li {

			padding: 2px 0px;

		}

			nav ul#nav li a {

				color: #fff;	

				text-decoration: none;

				font-weight: bold;

				font-size: 13px;		

			}

			nav ul#nav li ul {

				list-style: none;

				margin-left: 15px;

			}

				nav ul#nav li ul li {

				}



div#header-image {

	background: url(images/header-home.jpg) 0 0 no-repeat #000;

	border-radius: 0 0 10px 10px;

	float: right;

	margin-top: 48px;

}







/* rotate plugin */

div.rotate {

	overflow: hidden;

	position: relative;

	float: right;

	border: 1px solid red;

	z-index: 2;

	width: 640px;

	

}

    div.rotate div {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1000;

		overflow:hidden;

    }

		div.rotate div img {

		}

		div.rotate div h2 {

			position:absolute;

			top:50px;

			width:280px;

			right:30px;

			color:#fff;

			font-weight:normal;

			font-size:28px;

		}

	

		div.rotate div h1 {

			position:absolute;

			bottom:20px;

			right:20px;

			color:#fff;

			font-weight:normal;

			font-size:28px;

		}

	

    	div.rotate div p {

            padding-left:20px;

            width:230px;

            height:230px;

        }

    

    div.rotate div.controls {

        position:absolute;

        left:auto;

        top:auto;

        right:0;

        bottom:0;

        margin-right:190px;

        margin-bottom:20px;

		

    }

    

        div.rotate div.controls a {

            display:block;

            float:left;

            z-index:1001;

            margin:0px 3px;

            height:11px;

            width:20px;

			z-index:9999;

            background:url(js/rotate/off.png) no-repeat center;

        }

        

        	div.rotate div.controls a.active {

            	background:url(js/rotate/on.png) no-repeat center;

			}

			

			div.rotate div.controls a.controls-status {

				width:11px;

				background:url(js/rotate/status.png) no-repeat left;

			}

			

			div.rotate div.controls a.controls-status-pause {

				background-position:0;

				

			}

			div.rotate div.controls a.controls-status-play {

				background-position:-11px;				

			}

/* end rotate plugin */



div#footer {

	width: 940px;

	background: url(images/footer-bg.png) no-repeat top center;

	background-color: #8167a3;

	color: #000;

	padding-bottom: 30px;

}

	div#footer a { color: #000; }

	div#footer-info {

		margin-top: 140px;

		float: left;

		width: 230px;

		margin-right: 10px;

		margin-left: 30px;

		color: #fff;

		line-height: 150%;

	}

	

	div#footer h2 {

		font-weight: normal;

		font-size: 20px;

		margin-bottom: 10px;

	}

	

	div#footer-social {

		float: left;

		margin-top: 50px;

	}

		div.footer-social {

			padding: 0;

			font-size: 13px;

			color: #232323;

			margin-right: 15px;

		}

			div.footer-social a {

				color: #232323;

			}

			div.footer-social .the_date {

				display: block;

				font-size: 12px;

				font-weight: bold;

				margin-bottom: 10px;

			}

			div.footer-social .the_title {

				font-size: 13px;

				font-weight: bold;

				margin-right: 20px;

			}

		

		div.footer-social div.social-inner {

			margin: 0 15px;

			padding: 15px 0;

		}

		

		div#footer-social-top {

			background: url(images/footer-social-top-bg.png) 0 0 no-repeat;

			width: 338px;

			height: 156px;

		}

		div#footer-social-bottom {

			background:url(images/footer-social-bottom-bg.png) 0 0 no-repeat;

			width: 338px;

			height: 133px;

		}

			div#footer-social-bottom div.social-inner {

				padding: 20px 0 15px 0;

			}

		

	

	/* Footer contact form */

	div.footer-contact {

		float: left;

		background: #fff;

		border: 1px solid #cfcfcf;

		width: 300px;

		height: 287px;

	}

		

		div.footer-contact h2 {

			display: block;

			background: #f292cb;

			color: #000;

			padding: 10px;

		}

		

		div.footer-contact div.contact-inner {

			margin: 10px;

		}

		

		div.footer-contact form {

			margin: 10px 0;

		}

		

		div.footer-contact input.text {

			padding: 10px;

			border: 1px solid #cfcfcf;

			display: block;

			width: 80%;

			margin: 0 0 10px 0;

			font-style: italic; 

		}

		

		div.footer-contact input.button {

			border: 0;

			background: #fff;

			cursor: pointer;

			font-weight: bold;

			color: #6d6d6d;

			float: right;

			font-size: 14px;

			margin-top: 10px;

		}





/* Container for the main content area next to sidebar */

div#primary {

	float: left;

	width: 700px;

	color: #000;

}



body.home div#primary > div{

	margin-top: 40px;

}



body.home div#primary > div h2.entry-title { display: none; }

	

	/* Main div around the content. Use margin to offset it at the top and the left */

	div#primary > div {

		margin: 100px 15px 15px 60px;

	}

		

		div.entry-content {

			color: #000;

			line-height:18px;

		}



a.post-edit-link {

	display:block;

	float:right;

	text-decoration:none;

	width:30px;

	text-align:center;

	background:#CCC;

	padding:3px;

	border-radius:3px;

	color:#000;

}

	a.post-edit-link:hover {

		text-decoration:underline;

	}



table.events-table {

	width:100%;

}

	table.events-table tr th, table.events-table tr td  {

		padding:5px;

		vertical-align:top;

	}

	table.events-table tr th {

		text-align:left;

	}

	table.events-table tr:hover td {

		background:#eee;

	}

	table.events-table tr td {

	}

		table.events-table tr td a {

			display:inline;

			color:#01adef;

			font-size:14px;

		}





.entry-title {

	margin-bottom: 15px;

}



div.event-info {

	float:left;

	padding:10px;

	width:230px;

}

	div.event-info p {

		margin-bottom:5px;

	}

		div.event-info p strong {

			display:block;

		}

		div.event-info p a {

			text-decoration:none;

			color:#01adef;

		}



ul.news {

	list-style:none

}

	ul.news li {

		margin-bottom: 20px;

		padding: 10px;

	}

	ul.news li:hover {

		background-color: #eee;

	}

		ul.news li h3 {

			color: #8167a3;

			font-weight:normal;

			font-size: 15px;

			margin-bottom: 10px;

			font-weight: bold;

		}

		ul.news li p {

			display: inline;

		}

		ul.news li span.the_date {

			display: block;

			text-align: right;

			margin-top: 10px;

			background: none;

			font-size: 12px;

			color: #666;

		}





/* contact form */

.wpcf7-submit {

	display:inline-block;

	text-decoration:none;

	text-align:center;

	background:#CCC;

	padding:3px;

	border-radius:3px;

	color:#000;

	border:none;

}

	.wpcf7-submit:hover {

		text-decoration:underline;

		cursor:pointer;

	}

	

div.wpcf7 {

	float:left;

	width:380px;

	margin-right:20px;

}



table.contact {

}

	table.contact tr th,

	table.contact tr td {

		vertical-align:top;

		padding:3px;

		font-weight:normal;

	}

	table.contact tr td {

		position:relative;

	}

	table.contact tr th {

		text-align:right;

	}

	table.contact tr td input[type="text"],

	table.contact tr td textarea {

		width:280px;

		border:1px solid #ccc;

		background:none;

		padding:3px;

	}

	table.contact tr td textarea {

		margin-right:5px;

		float:left;

	}

	table.contact tr td span.required-msg {

		display:block;

		float:right;

		margin-bottom:-6px;

		margin-right:12px;

		font-size:11px;

	}

	.wpcf7-not-valid-tip {

		display:block;

		position:absolute;

		color:#f00;

		z-index:100;

		float:left;

		top:0px;

		margin:0px 6px;

	}



div.contact {

	float:left;

	width:200px;

	margin-left:15px;

}

	div.contact p {

		margin-bottom:10px;

	}







div.entry-meta {

	font-size: 12px;

	color: #666;

	border-bottom: 1px solid #ccc;

	margin-bottom: 20px;

	padding: 5px 0;

}



	div.entry-meta a {

		color: #666;

	}





.form-allowed-tags {

	background: #eee;

	padding: 5px;

	color: #666;

	font-size: 12px;

	margin: 20px 0;

}











body.search-results #content nav { margin-bottom: 20px; }

body.search-results #content nav h3.assistive-text { display: none; }







#footer-partners {

	margin: 0 auto;

	margin-bottom: 50px;

	width: 940px;

	text-align: right;

	padding: 0;

}



	#footer-partners ul {

		list-style: none;

		margin: 0;

		padding: 0;

		float: right;

	}

	

	#footer-partners ul li {

		display: inline;

		list-style: none;

		margin-left: 15px;

	}

	

	#footer-partners ul li a {

		border: 0;

		text-decoration: none;

	}







/*

.contact-map {

	display: block;

	width: 460px;

	margin: 0 auto;

	margin-top: 50px;

}

*/



.contact-row {

	clear: both;

	width: 625px;

	height: auto;

}

.contact-address {

	float: left;

	width: 280px;

	margin-bottom: 30px;

}

.contact-map {

	float: left;

	width: 335px;

}



.contact-alt {

	background: #eee;

	width: 580px;

	height: 120px;

	padding: 5px 10px;

}