/*  
Theme Name: hopla
*/

/* text colours */
#supernav a:hover { color: white; } /* main top nav */
body#single .meta a:link, body#home .meta a:link, body#archives .meta a:link { color: #b7974a; } /* meta links, probably dont need to specify each one though */
.storycontent, #wp-calendar td:hover, #wp-calendar #today, h4 { color: #2e2e2e; } /* the story text and calendar today and hover*/
a:visited { color: #7b5f1b; } /* visited links */
a:link, h1, h2, h3 .feedback, h3, .meta span, #blogtitle h1 a, #blogtitle h1 a:visited { color: #005286; } /* links, h1, h2, h3, the blog title in the band (not sure what feedback is ;-) ) */
h3 .storytitle a:hover { color: #000000; } /* story titles hover */
.storytitle a, .storytitle a:visited, #blogtitle h1 a:hover, .highlight { color: #005286; } /* hover, story titles */
body#single .meta a:hover, body#home .meta a:hover, body#archives .meta a:hover { color: #7b5f1b; } /*hover, story links */
#menu ul ul li, #wp-calendar td, .storytitle span a, .storytitle span a:visited {color: #777681;} /* menu + calendar text, comment count next to story title */
#menu ul li { color: #005286; } /* menu titles */
#bottommeta { color: #777681; } /* footer text */
#menu a { color: #b7974a; } /* menu links */
#menu a:hover { color: #7b5f1b; } /* menu links hover */
.navigation { color: #737373; } /* page nav */
.crazylink { color: green; }
body#single .meta, body#home .meta, body#archives .meta, #blogtitle h1 span, #supernav a, body .commentlist blockquote, body blockquote, .commentlist cite, #menu input#s, code, .commentlist small { 
	color: #000000; 
	} /*meta on single pages, blog title description, main nav, quotes and code */

.meta a {
	color: #b7974a;
	}

.storytitle a:hover { color: #000000; } /* story titles hover */

/* end text colours */

/* other colours */

#supernav a, #wp-calendar a:hover { 
	background-color: #b7974a; 
	} /* area behind the name of your blog and the main nav and hover calendar*/

#blogtitle { 
	background-image: url(images/banner.jpg);
	background-position: left top; 
	background-repeat: repeat-y;
	}

#blogtitle h1 {
	color: #ffffff;
	}

#rap {
	background-color: #fafaff;
	border-right-color: #ffffff;
	border-left-color: #ffffff; 
	} /* the main blog content page background and left and right inner borders */

#shadow {
	border-right-color: #b7974a;
	border-left-color: #b7974a;	
	} /* the outer thin borders */

body, #wp-calendar td:hover, #wp-calendar #today {	
	background-color: white;	
	} /* just set the background of the site to white and today on calendar */

#commentarea { 
	background-color: #d4c8ab;	
	} /* regular comment backgrounds */

.authorcomment { 
	background-color: white;		
	} /* author comments backgrounds */

.highlight { 
	background-color: #fadfde;		
	} /* highlight backgrounds */

#supernav a:hover { 
	background-color: #005286;		
	} /* main nav background */

.notedcomment { 
	background-color: #f7f7ff;	
	} /* noted comments background */

#bottommeta { 
	background-color: #d4c8ab; 
	} /* bottom meta info (admin login, design credits etc) background */

.commentlist blockquote, blockquote {
	border-left: 4px solid #005286; } /* quote border colors */

/* end other colours */

/* images */



#content img { max-width:530px; }



body#single #content img { max-width:580px; }


body#home #rap, body#archives #rap, body#about #rap, body#e404 #rap {

	background-image: url(images/rap.gif);

	background-repeat: repeat-y; } /* pages with sidebar */

	

body {

	background-color: #005286;	

	background-repeat: repeat-x;

	background-position: top; 

	} /* very back image (top stripes either side of page by default)  */



#topimage { 	

	background: #d4c8ab;

	background-position: center top;

	} /* grad.jpg top banner image */



/* end images */



/* other .. in no particular order */

.orderbox {
	border: #005286 solid 1px;
	padding: 10px;
	background: #d9e5ed;
	}
	
#photocontent {
	background: #d7d7d7;
	border-top: #000000 solid 1px;
	}
	
.photosettitle {
	background: #7b7b7b;
	color: #ffffff;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
.photolayout {
	padding: 6px;
	padding-bottom: 20px;
	border-bottom: #000000 solid 1px;
	}
	
.galleryimage {
	margin: 4px;
	border: #7b7b7b solid 1px;
	}
	
#photoend {
	background: #7b7b7b;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	height: 20px;
	border-top: #000000 solid 1px;
	border-bottom: #000000 solid 1px;
	}

#photoend a {
	color: #ffffff;
	}

#googad {
	font-size: 75%;
	}

.thequote {

	font-weight: bold;
	}
	
.theauthor {
	font-weight: normal;
	font-size: 75%;
	}

#mainpageadtitle {

	margin-bottom: 1px;

	}



#mainpagead {

	text-align: center;

	font-size: 75%;

	color: #005286;

	}



#postseparate {

	border-top: #7b5f1b dashed 1px;

	margin-top: 15px;

	margin-bottom: -30px;

	}


#pageseparate {

	border-top: #7b5f1b dashed 1px;

	margin-top: 15px;

	margin-bottom: 0px;

	}



#commenttitle {

font-size:150%;

font-weight:normal;

margin-bottom:5px;

}



#commentarea { 

display:block; 

clear:both;

padding-top:10px;

}



.storytitle span { 

font-weight: normal; 

font-size: 90%;

} /* comment count next to story title  */



#wp-calendar {

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

	empty-cells: show;

	margin: 0;

	width: 80%;

} /* calendar */



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

} /* calendar next */



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

} /* calendar prev */



#wp-calendar a {

	display: block;

	text-decoration: none;

} /* calendar link */



#wp-calendar caption {

	text-align: left;

} /* calendar (not sure what) */





#wp-calendar tbody, #wp-calendar tfoot {

	font-size: 80%;

} /* calendar text */



#wp-calendar th {

	font-size: 80%;

	font-style: normal;

	text-transform: capitalize;

} /* calendar weekdays I think */





.highlight {

	margin: 5px 5px 0 0;

	padding: 10px;

	} /* highlight div */



#supernavcontainer {

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	float: left;

	margin-left: 13px;

	margin-top: 30px;

	text-align: left;

	background: #d4c8ab;

	} /* top title nav */



#supernav

{
	margin: 0px;
	
	margin-left: 15px;

	padding: 4px;

} /* top title nav */



#supernav li {

	display: inline;

	text-transform: lowercase;

	padding-left: 3px;

	padding-right: 3px;

}  /* top title tabs */



#supernav a {

	text-decoration: none;
	
	padding: 4px;

} /* top title tabs */



#supernav a:hover {

	text-decoration: none;

} /* top title tabs hover */



.post {

	display: block;

	float: left;

    padding-bottom: 40px;

} /* position each post */



body#single .post{

width: 100%; } /* single page post */



#sidebarcurrent {

font-size: 90%;

padding-bottom: 15px;

} /* eer not sure */



#titlesearch {

	font-size: 100%;

	margin: 8px 15px;

	padding: 0; 

	float:right;

	} /* search it title bar */



#blogtitle {

	clear: both;

	height:150px;  

	width: 826px;

	margin-bottom: 0px;

	} /* the name of the blog in the title bar */



#blogtitle h1 {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 120%;

	margin: 0px;

	padding-top:10px;

	font-weight: normal;

	padding-left:15px;} /* the name of the blog in the title bar */

	

h1 span {	

	font-size: 70%;

	font-weight: normal;

	} /* the description of the blog in the title bar */



h1 {

	font-size: 120%;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

}



h2, .feedback {

	font-size: 110%;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

}



h3 {

font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

font-size:100%;

} 



h4 {

	font-size: 100%;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

}





#menu a:hover, .meta a:hover, .navigation a:hover, .navbottom a:hover  { 	text-decoration: none; } /* various hovers */





.storycontent {

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-bottom: 0px;
	
	text-align: justify;

	

} /* actual post content */

.storycontent p {

	padding-top: 3px;

	

}/* actual post content */



p { 

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	} /* just the p tag */



body#home .storycontent {

	width: 530px;

	} /* actual post home */



body#single .storycontent {

	width: 580px;

} /* actual post single post */





#rap {

	width: 826px;

	margin-right: auto;

	margin-left: auto;

	border-right-style: solid;

	border-right-width: 3px;

	border-left-style: solid;

	border-left-width: 3px;

} /* this is a container divfor the page */



#toprap {

	width: 826px;

	margin-right: auto;

	margin-left: auto;

	}

	

#toplinks {


	margin-right: auto;

	margin-left: auto;

	background-color: #005286;

	} 


#shadow {

	width: 832px;

	margin-right: auto;

	margin-left: auto;

	border-left-width: 1px;

	border-right-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	} /* not a shadow, its the side grey borders */





a {

	text-decoration: none;

}



a img {

	border: none;

}

a:visited {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}



acronym, abbr {

	border-bottom: 1px dashed #333;

}



acronym, abbr, span.caps {

	cursor: help;

	font-size: 90%;

	letter-spacing: .01em;

}



.commentlist blockquote, blockquote {

    font-size:90%;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 8px;

	padding-right: 8px;

} /* quotes */



.storycontent li {			

padding-top: 3px;

        list-style-type: disc;

        list-style-position: outside;

} /* lists */





code { font-family: 'Courier New', Courier, Fixed, sans-serif;

font-size: 120%; } 





body {

	margin: 0;

	padding: 0;

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

	font-size: 0.8em;

	line-height: normal;

	}



cite {

	font-size: 100%;

	font-style: normal;

}







.navigation {

	display: block;

	text-align: center;

	padding-bottom: 40px;

	padding-top: 10px;

	font-size: 80%;

	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;

}  /* prev/next page buttons */





ol#comments li p {

	font-size: 100%;

}





/* classes used by the_meta() */

ul.post-meta {

	list-style: none;

}



ul.post-meta span.post-meta-key {

	font-weight: bold;

}





body#single .meta {

    width:580px;

    padding-bottom: 20px;

    padding-top: 0px;

	}



body#home .meta {

	width:530px;

   	padding-top: 5px;

	}





.meta {

	text-align: left;

	font-size: 85%;

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

	font-weight: normal;

	margin-top: 0px;

	margin-left: 6px;

    margin-bottom: 0px;

	clear : left;

	}

	

.meta a:hover {

	text-decoration: none;

	}





.meta li, ul.post-meta li {

	display: inline;

	}



.meta ul {

	display: inline;

	list-style: none;

	margin: 0;

	padding: 0;

	}

.storytitle a {

	text-decoration: none;

	}



.storytitle a:hover {

	text-decoration: none;

	}



.storytitle {

	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size: 140%;	

	margin: 0;

    padding-bottom: 2px;

	} /* post titles */

.cstitle {

	font-family: "Lucida Grande", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size: 140%;	

	margin: 0;

    padding-bottom: 2px;
    
    text-align: center;

	} /* post titles */

body#single .storytitle {

    padding-top: 0px;

	font-size: 150%;	

    margin-bottom: 8px;

} /* post titles on single pages */



#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

	background: #fff;

	border: 1px solid #333;

	padding: .2em;

}



#commentform textarea {

	width: 100%;

}







.commentlist cite {

	font-weight:normal;

	font-size: 110%;

	text-align: left;

	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

}



.commentlist cite small {

	font-size: 80%;

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

	font-weight: normal;

}

	

#commentlist {

	margin: 20px 10px 0 0;

}





.comments {

	list-style: none;

 margin: 0px 0px 10px 0px;

 width: 530px;

	padding: 10px 10px 5px 8px;

}



.pings {

	list-style: none;

 margin: 0px;

 width: 530px;

}



.authorcomment {

	list-style: none;

 width: 530px;

 margin: 0px 50px 10px 0px;

	padding: 10px 10px 5px 8px;

	}



	

	.notedcomment {

	list-style: none;

 width: 530px;

 margin: 0px 50px 10px 0px;

	padding: 10px 10px 5px 8px;

	}



body#single #content {

	padding-bottom: 10px;

		width: 650px;

			margin-right: auto;

	margin-left: auto;

}

.catTitle h2 {

	text-align: center;

	color: #000000;

	padding-top: 20px;
	
	margin-bottom: -15px;
	
	}
	
.archiveList {
	list-style: none;
	}

body#home #content, body#archives #content, body#e404 #content {

	padding-left: 15px;

	padding-bottom: 10px;

	padding-right: 15px;

		width: 530px;

}


#topspacing {

	background: #d4c8ab;
	
	width: 826px;

	height: 20px;

	}

#topbanner {

	background: #d4c8ab;
	
	width: 826px;

	height: 150px;
	
	clear: both;
	
	margin-bottom: 0px;
	
	background-image: url(images/banner.jpg);
	
	background-position: left top; 
	
	background-repeat: repeat-y;
	
	}

#toplinks {

	width: 826px;
	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	float: left;

	text-align: left;

	background: #d4c8ab;


	}

#topimage {

	background: #d4c8ab;

	clear: both;

	width: 826px;

	z-index: -1;

	}



#bottommeta {

	width: 826px;

	height: 70px;

	text-align: center;

	padding-top: 8px;

	font-size: 75%;

	clear: both;

	}



#nicearchives {

	margin-top: 20px;

	margin-bottom: 40px;

    margin-left: 4px;

	}



#menu li ul li small

{

display: block;

margin: 0px;

margin-left: 10px;

font-size: 90%;

}



#menu {

	margin-right: 0px;

	margin-top: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 15px;

	text-align: left;

	float: right;

	width: 205px;

}



#menu input#s {

	background: white;

}



#menu ul li {

	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	list-style-type: none;

	margin-top: 10px;

    font-size: 100%;

	padding-left: 0px;

}



#menu ul {

	list-style-type: none;

	margin: 0;

	padding-left: 3px;

}



#menu ul ul li {

	margin: 0;

	padding-left: 3px;

    font-weight: normal;

	list-style-type: none;

    font-size: 80%;

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

	text-align: left;

}





.alignright {

	float: right;

}



.alignleft {

	float: left;

}