/*
Css by Samuel Runcieman
For use on NeoShine.co.uk
Feel free to use for learning purposes

	Colours
	#E4E4E4; Light grey - Body background
	#E4EB9F; Light yellow - Footer Menu's, Sidebars and Navigation
	#D5DF71; Darker yellow - Headers and Most hover effects
*/

/*
Basics, resets and other generic shizzle
*/
* {
padding: 0px;
margin: 0px;
font-size: 10pt;
font-family: Verdana;
border-collapse: collapse;
list-style-type: none;
}
body, html {
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%;
background: #E4E4E4;
border-collapse: collapse;
}

#header {
width: 100%; 
height: 110px;
background-image: url('../img/header.png');
background-repeat: repeat-x;
}
#headerTwo {
width: 100%; 
height: 110px;
background-image: url('../img/namePanel.png');
background-repeat: no-repeat;
background-position: 100px 0px;
}
#headerTwo ul {
float: left;

height: 72px;
margin-left: 450px;
}
#headerTwo div {
font-size: 8pt;
font-family: Verdana;
margin: 2px;
color: #9C9C9C;
}
#headerTwo ul  li{
display: inline;
}
#cName {
font-weight: bold;
font-size: 10px;
border: 0;
width: 150px;
margin-right: 100px;
}
#headerTwo ul  li a {
width: 150px;
font-weight: bold;
float: left;
text-align: center;
height: 100%;
font-size: 30px;
text-decoration: none;
color: #000;padding: 5px 20px 0 20px;
}
div.commentfooter span {
font-size: 10px;
font-weight: bold;
cursor: pointer;
}
#headerTwo ul li a:hover, #headerTwo ul  li .current {
background-image: url('../img/linkRollover.png');
}

#footer {
border-top: 2px solid #000;
background-image: url('../img/footer.png');
padding: 5px;
}

#whatever div {
display: table-cell;
padding: 5px;
width: 25%;
}
.commentbox{
background-color: #ececec;
margin: 0px 10%;
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

.cmntTextarea {
width: 100%;
font-weight: bold;
background: transparent;
border: 0;
height: 100%;
}



.commentfooter {
background: url('../img/arrow.png') 18% 0 no-repeat; 
padding-left: 25%;
padding-top: 2px;
margin-bottom: 18px;
height: 18px;
font-size: 10px;
color: #4A4A4A;
}

div.sideBar {
width: 100%;
margin-bottom: 5px;
background: #E4EB9F;
}
div.sideBarPadding {
padding: 5px;
}


ul.navigation {
padding: 7px 0;
}
ul.navigation li {
display: inline;
}
ul.navigation li a {
padding: 7px 20px;
color: #000;
text-decoration: none;
font-weight: bold;
}

div.navigation {
background-image: url('../../img/navigation.png');
background-repeat: repeat-x;
height: 30px;
text-align: center;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
}


a:link, a:visited, a:hover {
text-decoration: none;
color: #000;
}
a img {
border: 0;
}
h1 {
background: #D5DF71;
border-bottom: 1px solid black;
padding: 5px;
margin: 0 0 5px 0;
}
	
h2 {
text-align: center;
font-weight: bold;
border-bottom: 1px dashed #000;
margin-bottom: 5px;
}
h3 {
text-align: center;
font-weight: bold;
padding: 5px;
}
input {
display: inline;
}

div.footerMenu {
border: 1px solid #000;
background: #E4EB9F;
height: 100%;
}
div.footerMenu ul {
list-style-type: none;
} 
div.footerMenu li a { 
display: block;
padding: 5px;
text-decoration: none;
background-image: url('../../img/bullet.png');
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 25px;
}
div.footerMenu li a:hover {
background-image: url('../../img/bulletHover.png');
background-color: #D5DF71; 
}




.day {
font-size: 25px;
display: block;
}
.month {
font-size: 15px;
}

#searchBar input {
background: transparent url('../../img/sprite.png');
background-repeat: no-repeat;
background-position: 0 -170px;
padding-left: 25px;
border: 0;
width: 90%;
}
#searchResult ul {
list-style-type: none;
} 
#searchResult li a { 
display: block;
padding: 5px;
text-decoration: none;
background-image: url('../../img/bullet.png');
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 25px;
}
#searchResult li a:hover {
background-color: #D5DF71; 
background-image: url('../../img/bulletHover.png');
}
#searchResult div {
padding: 5px 5px 0 5px;
}