html {
	background:url(null) fixed no-repeat;
}

img, dl, dt, div.cotnainer-bottom {
	behavior: url(./includes/iepngfix.php);
}


* {
	padding: 0;
	margin: 0;
	border: 0;
	font-style: normal;
}

body {
	font-size: 70%;
	font-family:Verdana,Trebuchet,sans-serif;
	color: #4f4f4f;
	background:#fff;

}

.clearer {
	clear: both;
}

#background{
  background-image:url(../images/colours-bg.jpg);
  background-repeat: no-repeat;
  background-position:0 150px;
  background-attachment:fixed;
}

#logo-wrapper{
  width:100%;
  background-image:url(../images/main/headerbg-grad.jpg);
  background-repeat:repeat-x;
  height:100px;
}

.logo-pos{
  margin:0 auto;
  width:760px;
}

#nav-wrapper{
  width:100%;
  background-color:#f5f7f6;
  overflow:hidden;
  height:46px;
}

#blog-header {
  margin:0 auto;
  width:760px;
}

#logo {
	margin:10px 0px 0px 0px;
}

#main-nav {
  height:26px;
  position:relative;
}

#main-nav{
	float: left;
	color: #fff;
	font-size: 0.8em;
	padding: 0;
	width: 760px;
}

#main-nav ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
}

#main-nav li {
  float: left;
  height: 31px;
  padding-right: 6px;
  margin-right: 30px;
}

#main-nav a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	display:block;
  	height:31px;
  	padding:4px 10px 0 34px;
}

#main-nav a:hover, #main-nav a.current {
	color:#fff;
	background-image:url(../images/nav/nav.png);
}

#main-nav li:hover, #main-nav li.current{
	background-image: url("../images/nav/nav.png");
  	background-position: right -32px;
}

#container-outer-wrapper {
  margin:0 auto;
  width:760px;
  position:relative;
  padding:42px 0 0;
}

.hidden {
  position: absolute;
  top: 0;
  left: -9999px;
}

h1, h2, h3, h4, h5, h6, p {
  padding: 0.5em 0;
  line-height: 1.2em;
}

p, a, ul.paging li {
	line-height: 1.5em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height: 1.3em;
}

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

a:hover {
	text-decoration:underline;
}

a.permalink, a.comments, a.share , button{
	line-height:40px;
	display:block;
	text-align:center;
	font-size:14px;
	color:#4F696A;
	height:35px;
	text-decoration:none;
}

a.permalink{
	background:url(../images/main/permalinki.jpg) top left no-repeat;
	padding-left: 35px;
    width: 58px;
}

a.comments {
	background:url(../images/main/comments.jpg) top left no-repeat;
	padding-left: 41px;
    width: 84px;
}

a.share {
	background:url(../images/main/share.jpg) top left no-repeat;
	width:50px;
	padding-left:50px;
	height: 45px;
}

a.permalink:hover{
	text-decoration: underline;
}
a.comments:hover {
	text-decoration: underline;
}
a.share:hover {
	text-decoration: underline;
}

button {
	background:url(../images/RHS/share.png) top left no-repeat;
	width:140px;
	padding-right:50px;
}

.blog-header{
  border-bottom:5px #a92d90 solid; 
	height:39px;
}
.blog-header h2{
	margin:0 10px 0px 10px;
	padding:5px 0;
}
.blog-header h2 a{
	color:#333;
	font-size: 70%;
	font-weight:bold;
}

.blog-header h1{
	color: #333333;
    font-size: 140%;
    font-weight: bold;
	margin:5px 10px 0px 10px;
	line-height:28px;
	padding: 5px;
}


.blog-body{
	padding: 0 7px;
}

.blog-body p.info{
	padding-top:10px;
	font-weight: bold;
}
.blog-body p.info a{
	color:#333;
	text-decoration: none;
}

.blog-body p.info a:hover{
	text-decoration: underline;
}
#main-content {
	min-height:800px;
	margin:0 190px 0 10px;
	padding:0 2em 0 0;
	clear:left;
}

div.blog, div.page-footer {
	margin-bottom:2em;
	background:#fff;
	position:relative;
	overflow:hidden;
	clear:left;
	padding:0 0 2em 0;
	border:1px solid #a92d90;
}

div.page-footer {
	text-align: center;
	clear: left;
	margin-top: 1em;
}

#menus {
  float: right;
  margin:0px 10px 0px 0px;
  width:190px;
  overflow:hidden;
}

#menus dl.container {
	display:block;
	width:190px;
	padding:0 0 0px 0;
}

#menus a{
	color:#6f6969;
	text-decoration:none;
	font-weight:bold;
}

#menus a:hover {
	text-decoration:underline;
}

#menus dl{
  margin-bottom:10px;
}

#menus dl#feeds dt{
  background-image:url(../images/RHS/feed-header.png);
  text-indent:-50000px;
}
#menus dl#links dt{
  background-image:url(../images/RHS/links.png);
  text-indent:-50000px;
}

#menus dl#popular dt{
  background-image:url(../images/RHS/popular-posts.png);
  text-indent:-50000px;
}
#menus dl#recent dt{
  background-image:url(../images/RHS/recent-posts.png);
  text-indent:-50000px;
}
#menus dl#share dt{
  background-image:url(../images/RHS/share-with-friend.png);
  text-indent:-50000px;
}
#menus dl#topics dt{
  background-image:url(../images/RHS/topics.png);
  text-indent:-50000px;
}


#menus dl.container dt {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:10px 20px 10px 10px;
	position:relative;
	margin:0 0 -20px 0;
	height:22px;
}

#menus dl.container dd {
  background:url(../images/RHS/gradient-base.png) no-repeat bottom;
	padding:40px 20px 20px 20px;
	font-size:0.9em;
}

#menus .container-foot{
	width:190px;
	height:50px;
	background:url(../images/background.gif) no-repeat bottom right;
	margin:0 0 1em 0;
}

#menus dl.container dd form label input {
	border:1px solid #4F696A;
	padding:0.2em;
	margin:0.5em 0 1em;
	width:80%;
	display:block;
}

#menus li {
  list-style: none;
  font-weight:bold;
  margin-bottom:5px;
}


#newsletter {
	position: relative;
}

#newsletter fieldset label {
	display: block;
}

#send-friend {
  background: url(../images/send-to-a-friend.gif) no-repeat top left;
  width: 181px;
  height: 134px;
  position: relative;
  margin-bottom: 1em;
}

#send-friend input.submit, #newsletter input.submit {
  display: block;
  text-indent: -9999px;
  background: transparent;
  width: 40px;
  height: 30px;
  position: absolute;
  top: 88px;
  left: 65px;
  cursor: pointer;
}

#send-friend fieldset input, #newsletter fieldset input {
  left: 17px;
  position: absolute;
  top: 63px;
  width: 145px;
  color: #175872;
  font-weight: bold;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 17px;
}

#newsletter fieldset input {
	background: url(../images/submit-field.gif) no-repeat top left;
	padding: 8px 12px;
	height: 15px;
	padding-top: 11px;
	width: 150px;
	position: relative;
	top: 0;
	left: -8px;
}

#newsletter input.submit {
	background: url(../images/submit-arrows.gif) no-repeat top left;
	position: relative;
	top: 0;
	left: 55px;
}

h1 a, h2 a {
	color: #175872;
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	text-decoration: underline;
}

div.blog-footer li, div.comments-footer li {
	float: left;
	margin-right: 20px;
	list-style: none;
}

div.blog-footer ul, div.comments-footer ul {
	clear: both;
}

div.blog-footer, div.comments-footer {
	margin-top: 1em;
	float: left;
}
div.blog-footer{
	padding: 0 7px;
}
div.blog-footer div {
	clear: both;
	margin-bottom: 1em;
}

h1, h2 {
	font-size: 1.5em;
}

div.comment h2 {
	font-size: 1.2em;
}

div.comment p {
	padding: 0 1em;
}

ul.paging li {
	display:block;
	list-style: none;
	float: left;
	margin:0 5px;
	color:#333;
	font-weight:bold;
	border-right:1px solid #333;
	padding-right:5px;
}

ul.paging li a{
	color:#333;
	font-weight:bold;
	text-decoration: none;	
}

ul.paging li#last, ul.paging li#first{
	border-right:none;
}

div.comments-footer ul.paging li {
	margin: 0;
}

#rss-feeds a.more {
	position: absolute;
	bottom: 2.5em;
	left: 55px;
	font-size: 0.8em;
	color: #175872;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	display: inline;
}

div.topic-feeds, div.user-feeds {
	clear: left;
}

div.topic-feeds ul li, div.user-feeds ul li {
	display: block;
	width: 25%;
	float: left;
	margin-bottom: 1em;
}

div.container-bottom {
	background: url(../images/blog-content-btm.png) no-repeat left bottom;
	width: 182px;
	height: 18px;
	margin-bottom: 1em;
	position: static;
}

div.add-comment label {
	display: block;
	margin: 0.5em 0;
	padding: 0.5em 0;
}

div.add-comment label span {
	line-height: 1.7em;
	font-weight: bold;
	display:block;
	width:10em;
	float:left
}

div.add-comment label input, div.add-comment label textarea {
	width: 40em;
	border: 1px solid #4F696A;
	padding: 2px;
}

div.add-comment label input:focus, div.add-comment label textarea:focus {
	border: 2px solid #4F696A;
}

div.add-comment span em, #newsletter span em {
	font-size: 0.8em;
	color: #942501;
	font-weight: normal;
	font-style: italic;
}

h2 a {
	color: #434343;
}

#menus ul.out-links li {
	font-weight:bold;
	color:#a90d92;
}

#menus ul.out-links li li {
	margin-left: 0.5em;
	font-weight:normal;
}

#menus ul.out-links li a {

}

div.blog-body ul {
	padding: 0 2em;
}

#menus ul.out-links li ul {
	margin-bottom: 1em;
}

ol {
	list-style-position: inside;
	padding: 0.5em 0;
}

ol li {
	margin-left: 23px;
	text-indent: -21px;
}

ul.topic-links {
	font-size: 0.8em;
}

ul.footer-links {
	position: relative;
	left: 125px;
	height: 80px;
}

ul.footer-links li {
	list-style: none;
	float: left;
	margin: 0.5em;
}

div.tags {
	margin-bottom: 3em;
}

div.related-blogs li {
	margin-bottom: 0.5em;
	display: block;
	width: 420px;
}

#add {
	float: left;
	clear: left;
}

#footerWrapper{
  background-color:#fff7fc;
  width:100%;
  border-top:#a90d92 solid 5px;
  padding-bottom: 20px;
}

#footer {
	margin:0px 10px 0px 6px;
}

button {
	cursor:pointer;
}

div.tags p, div.related-blogs p, div.interact p {
	color:#4F696A;
	font-size:14px;
	font-weight:bold;
}

#footer ul{
	margin:10px 20px 10px 20px;
}


#footer .blue-box{
	float:left;
	width:248px;
	background:url(../images/course-top.gif) top no-repeat;
	height:500px;
}

#footer .green-box{
	float:left;
	width:248px;
	background:url(../images/online-top.gif) top no-repeat;
	height:500px;
}

#footer .orange-box{
	float:left;
	width:248px;
	background:url(../images/books-top.gif) top no-repeat;
	height:500px;
}

#footer .bottom{
	width:241px;
	height:93px;
	display:block;
	padding:0px 0px 0px 7px;
	top:130px;
	position:relative
}

#footer .books-bottom{
	background:url(../images/books-bottom.gif) top no-repeat;
}

#footer .courses-bottom{
	background:url(../images/courses-btm.gif) top no-repeat;
}

#footer .online-bottom{
	background:url(../images/online-bottom.gif) top no-repeat;
}

#footer .green-box{
	float:left;
	width:248px;
	background:url(../images/online-top.gif) top no-repeat;
}

#footer .orange-box{
	float:left;
	width:248px;
	background:url(../images/books-top.gif) top no-repeat;
}

#footer .box-text{
	background:url(../images/all-mid.gif) top repeat-y;
	height:270px;
	top:200px;
	position:relative;
}

#footer .box-text-content{
	padding:10px 20px 10px 20px;
	top:-160px;
	position:relative;
}

#footer #courseshero{
	background-image:url(../images/footer/courseshero.jpg);
	display:block;
	width:542px; 
	height:125px; 
}
#footer #onlinerevisionhero{
	background-image:url(../images/footer/onlinerevisionhero.jpg);
	width:542px; 
	height:122px;
  display:block;
}

#footer div.btnviewall{
	background-image:url(../images/footer/btnviewall.gif);
	height:35px;
	width:104px;
	display:block;
}

#footer div#booksherohome_01{
	background-image:url(../images/footer/booksherohome_01.jpg);
	width:109px;
	height:156px;
}
#footer div#booksherohome_02{
	background-image:url(../images/footer/booksherohome_02.jpg);
	width:109px;
	height:156px;
}
#footer div#booksherohome_03{
	background-image:url(../images/footer/booksherohome_03.jpg);
	width:109px;
	height:156px;
}
#footer div#booksherohome_04{
	background-image:url(../images/footer/booksherohome_04.jpg);
	width:109px;
	height:156px;
}
#footer div#booksherohome_05{
	background-image:url(../images/footer/booksherohome_05.jpg);
	width:105px;
	height:156px;
}

.footer-info{
	width:100%;
	height:100px;
	background-color:#f1f1f1;
}

.footer-info .center{
	width:768px;
	margin:0 auto;
	padding-top:30px;
}

.footer-info .center .footer-logo{
	float:left;
	background-image:url(../images/footer/footerlogo.jpg);
	width:140px;
	height:39px;
	margin-top: 6px;
	margin-right:10px;
}
/*
.footer-links {
	margin:10px 0px;
	padding:10px 0px 0px 0px;
	border-top:solid 1px #999999;
	text-align:center;
	color:#CCC;
}

.footer-links a{
	color:#999999;
}

.footer-links a:hover{
	color:#FF0000;
}*/
