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



Theme Name: Maple Leaf



Theme URI: http://www.templatelite.com/livedemo/mapleleaf.php



Description: Nice 2-column WordPress Theme by <a href="http://www.templatelite.com">TemplateLite</a>.



Version: 1.02



Author: Brian L modified by 12 Grain



Author URI: http://www.templatelite.com/



Tags: simple, clean, fixed width, widget-ready, widgets, left sidebar, two columns, valid XHTML, valid CSS



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


/*A COLORS
-----------------------------------------------------------------------------

#hex (desc)

#663333 (global links maroon)
#a7b1b4 (bg grey-blue)
#333333 (content dark grey)
#ffffff (white)
#f7f5f1 (off white)
#666666 (footer grey)

/* ----------------------------------------------------------------------- general -------- */



body{
margin:0px auto;
background: #a7b1b4 url('http://www.theoldceremony.com/dev/images/bg_bluePaper.jpg') repeat 0 0;
text-align: left;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#333333;
}



img {
border:0px;
padding:0px;
}



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

a:hover {color: #660000;text-decoration: underline;}



h1 {font-size:21px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

p {margin: 0px 0px 10px 0px;}


blockquote {
clear: left;
text-align: left;
padding: 0px 0px 0px 20px;
margin: 20px 20px 10px 20px;
background: url(images/quote.gif) no-repeat top left;



}



input {

margin-bottom:5px;
vertical-align: middle;

}







/******************************************* layout *****/



#page_top{
margin:0px auto;
padding:0;
width:960px;
border:0px blue solid;
}




#base{

margin:0px auto;
margin-top:0px;
padding:0;
width:960px;
padding: 0px 0px 0px 0px;
}



#header{
position:relative;
margin-top:5px;
width: 960px;
height: 131px;
background:#a7b1b4 url('http://www.theoldceremony.com/dev/images/header_logo.jpg') no-repeat 0 0;


}



#menu{
position:relative;
width: 960px;
height: 75px;
background:#a7b1b4 url() no-repeat left;

}



#navBg

{

width:960px;
height:75px;
position:relative;
background:#a7b1b4 url('') no-repeat left;
padding-top:3px;
text-align:center;

}




#container{
position:relative;
overflow:hidden;
width:960px;
background: transparent url('') repeat 0 0;


}



#sidebar{

float:left;
width:300px;
color:#333;
padding:0px;
background-color: transparent;


}




#content{

position:relative;
float:right;
width:550px;
padding: 0px;
border:0px red solid;
margin-right:50px;
background-color:transparent;

}

#content h1{

position:relative;
float:left;
width:100%;

}




#footer{

clear:both;
position:relative;
background:transparent url() no-repeat left;
width:960px;
height:100px;
overflow:hidden;
font-size:9px;
color:#333;
padding-top:30px;
text-align:center;

}



#footer a,#footer a:hover{

font-size:9px;
color:#333;
text-decoration:underline;

}





/*######### header ############*/



#blogtitle {
position:absolute; 
top:100px;
left:200px; 
width:650px;
font-family: Arial,Verdana; 
font-size:30px; 
font-weight:bold;
text-align:left;
color:#000;
border:0px red solid;
overflow:hidden;


}




#blogtitle a, #blogtitle a:hover {
font-family: Arial, Verdana; 
font-weight:bold;
color:#ffffff; 
text-decoration:none;

}




#subtitle {
position:absolute;
overflow:hidden; 
font-family: Tahoma,Arial, Verdana; 
width:450px; 
height:40px;
left:190px; 
top:220px; 
text-align:left; 
font-size:13px;
letter-spacing: 2px;
color:#ffffff; 
font-style:italic;
border:0px red solid;

}



#menu ul {

position:absolute;
top: 5px;
left: 20px;
height: 34px;
width: 500px;
overflow:hidden;
margin:0px;
padding:0px;


}



#menu ul li {

display: inline;
font-size: 14px;
font-family:Georgia,Times;
color:#333;

}



#menu ul li.separator {
display: block;
float: left;
width:3px;
height: 34px;
background:url(images/menu_separate.jpg) no-repeat center;

}




#menu ul li a {
display: block;
float: left;
line-height: 34px;
color: #333;
padding: 0px 10px 0px 10px;
margin:0px 0 0 0 ;
text-decoration:none;
}




#menu ul li a:hover, #menu ul li.current_page_item a {
color:#000;
text-decoration:underline;


}


.searchbox {

position:absolute;
top:1px; 
right: 30px;
width:250px;
height:30px; 
border:0px;

}



.search-field input {

position:absolute;
top:5px;
left:7px;
width:172px; 
height:18px; 
font-family:Verdana;
font-size:11px; 
font-weight:bold;
color:#999999; 
padding:5px 3px 0px 3px;
border:0px;
background:#ffffff;

}



.search-but input {
position:absolute;
top:7px;
right:5px;
width:50px; 
height:20px; 
background:transparent;
border:0px;

}



#footer img.rss{
position: absolute;
right: 52px;
top: 29px;
height:26px;
width:26px;

}





/******************************************* navigation *****/



#menu_bar {
margin:0px;
padding:0px;
height:75px;
clear:both;
width: 975px;
}

#navcontainer {
padding-left: 0;
margin-left: 0;
margin-top:0px;
background: transparent url() no-repeat top right; 
color: #ffffff;
float: left;
width: 100%;
height: 76px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform: uppercase;
}


#main-nav{
margin-left:0px;
padding:0px;
list-style:none;
display:inline;
width:100%;
}
#main-nav li {
float:left;
display:inline;
margin:0;
padding:0;
}

/* band LINK */	
a.bandLink{
float:left;
display: inline;
width:75px;
height:76px;
background: transparent url('http://www.theoldceremony.com/dev/images/nav/nav_bandOff.jpg') no-repeat;
text-indent: 0px;
}
a.bandLink:hover{
background: transparent url('http://www.theoldceremony.com/dev/images/nav/nav_bandOn.jpg') no-repeat;
}

/* shows LINK */	
a.showsLink{
float:left;
display: inline;
height: 76px;
width: 85px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_showsOff.jpg') no-repeat;
text-indent: 0px;
}
a.showsLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_showsOn.jpg') no-repeat;
}

/* media LINK */	
a.mediaLink{
float:left;
display: inline;
height: 76px;
width: 85px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_mediaOff.jpg') no-repeat;
text-indent: 0px;
}
a.mediaLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_mediaOn.jpg') no-repeat;
}


/* press LINK */	
a.pressLink{
float:left;
display: inline;
height: 76px;
width: 75px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_pressOff.jpg') no-repeat;
text-indent: 0px;
}
a.pressLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_pressOn.jpg') no-repeat;
}

/* blog LINK */	
a.contactLink{
float:left;
display: inline;
height: 76px;
width: 100px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_contactOff.jpg') no-repeat;
text-indent: 0px;
}
a.contactLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_contactOn.jpg') no-repeat;
}

/* blog LINK */	
a.blogLink{
float:left;
display: inline;
height: 76px;
width: 75px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_blogOff.jpg') no-repeat;
text-indent: 0px;
}
a.blogLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_blogOn.jpg') no-repeat;
}


/* store LINK */	
a.storeLink{
float:left;
display: inline;
height: 76px;
width: 103px;
background: url('http://www.theoldceremony.com/dev/images/nav/nav_storeOff.jpg') no-repeat;
text-indent: 0px;
}
a.storeLink:hover{
background: url('http://www.theoldceremony.com/dev/images/nav/nav_storeOn.jpg') no-repeat;
}

/*######### header  end ############*/






/******************************************* sidebar *****/


#sidebar h1{
height:45px;
color: #333;
font-size: 14px;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding:15px 0 0 30px;
font-family:Verdana;
border:0px red solid;
text-decoration:none;
background:transparent url('images/sidebar_title.jpg') no-repeat left;

}


#sidebar a{color:#663333;text-decoration:none;}


#sidebar a:hover {color:#990000;text-decoration:underline;}


#sidebar ul {

list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:Verdana,Arial;

}



#sidebar li {

list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family:Verdana,Arial;

}



#sidebar ul ul li{
position: relative;
line-height: 1.7em;
list-style-type: none;
font-size:12px;
border:0px red solid;
font-family:Verdana,Arial;
margin: 0px 0px 0px 5px;
padding:0 5px 0 25px;

}







#sidebar ul ul ul li {

position: relative;
list-style-type: none;
font-size:12px;
border:0px; 
margin: 0px 0px 0px 0px; 
line-height: 1.7em; 
font-family:Verdana,Arial;
background-color:#fff;
padding: 0px 0px 0px 16px;

}










/*********************************************** content*** *****/



.spacer {height:20px;}

.spacerLrg {height:40px;}

.archivetitle{
height:24px;
color: #333;
display:block;
font-size: 14px;
font-weight:normal;
padding: 10px 0px 10px 20px;
margin: 0px 0px 10px 0px;

}



.post{
width:550px;
margin:0px 0 0px 0;
border:0px black solid;
background: transparent url('http://www.theoldceremony.com/dev/images/bg_pagebg.jpg') repeat-y 0 0;
}	


.post_top{
position: relative;
height:70px;
background: transparent url('http://www.theoldceremony.com/dev/images/header_title.jpg') no-repeat 0 0;

/*background: #f6f6f6;*/

}



.post_bottom{
position: relative;
margin: 0 0px 0 0px;
height:53px;
background: transparent url('images/page_footer.jpg') no-repeat 0 0;

}	


.posttitle{
position:relative;
margin:0px;
padding:20px 0px 10px 30px;
font-size:18px;
font-family:Georgia;
color:#333;
border:0px red solid;

}


.posttitle a{
font-family:Verdana;
color:#663333;
text-decoration:none;
}



.posttitle a:hover{
font-family:Verdana;
text-decoration:underline;
color:#663333;
}


.date {
position:absolute;
font-family:verdana;
top:45px;
left: 35px;
font-size: 9px;
padding: 0px 0px 0px 0px;
}



.author{
position:absolute;
font-family:arial;
font-size:9px;
color:#666;
top:45px;
right:20px;
}



.author a{
text-decoration:none;
}



.author a:hover{
text-decoration:underline;
}



.info {
line-height: 2em;
font-size: 9px;
padding:10px 10px 5px 10px;
color:#000000;
border:0px red solid
}



.category{
padding:2px 0 2px 10px;

/*background:url(images/category.jpg) no-repeat top left;*/

}


.bubble{
padding:2px 0 2px 20px;
background:url(images/bubble.jpg) no-repeat left top;
}



.tags{
padding:2px 0 2px 20px;
background:url(images/tags.jpg) no-repeat left top;
}



.entry {
width:480px;
color: #333;
line-height: 1.6em;
text-align: left;
padding: 10px 20px 10px 30px;

}

.entry a{
color: #663333;
text-decoration:none;
}
.entry a:hover{
color: #990000;
text-decoration:underline;
}


.entry img{
padding:0px;
border:#FFFFFF 5px solid;

}



.alignleft {float: left; text-align: left;}

.alignright {float: right; text-align: right;}


.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}






.about {
font-size: 11px;
font-style: italic;
line-height: 18px;
text-align:left;
margin: 0px 0px 0px 0px;
width:300px;
height:180px;
padding:0px 0px 0px 15px;
background:transparent url("images/bg_welcome.jpg") no-repeat 0 0;;

}
.about h4{
font-size: 14px;
font-style: italic;
line-height: 16px;
text-align:left;
margin: 0px 0px 0px 10px;
padding:10px;


}
.about p{
font-size: 11px;
font-style: italic;
line-height: 16px;
text-align:left;
margin: 30px 10px 0px 0px;
padding:0px;


}



.sorry {

font-size: 12px;
font-style: italic;
text-align:left;
margin: 0px -10px 0px 0px;
width:460px;
height:200px;
padding:0px;
border: 0px dashed #d6d0c6;
background:#fff;
}







/****************************** comments ***/



#postmetadata {



font-size: 11px;
margin: 10px 0px 20px 0px;
padding: 5px 5px 5px 5px;

}



#comments{
padding:0 20px 0 30px;
width:480px;



}



.nocomments {background: none; color: #000000;}







.commenttitle {
color: #333;
font-size: 12px;
text-align: left;
font-weight: bold;
margin: 0px 0 20px 0;
padding: 2px 0px 2px 0px;
font-variant: normal;
border-bottom: 1px solid #333;
}



.commentlist {list-style: none;margin:0px;padding:0px;}



.commentbody {
height:100%;
color: #333;
font-size: 10px;
list-style-type: none;
margin: 0px 0px 15px 0px;
padding: 10px;
border: 0px solid ;
background:transparent url("images/bg_commentArea.jpg") no-repeat 0 0;



}







.commenthead {

height:40px;
color: #333;
padding: 5px 0px 5px 0px;
margin: 0px 0px 10px 70px;
background:transparent url() no-repeat 0 0;

}



.adminbody {
height:100%;
color: #333;
font-size: 10px;
list-style-type: none;
margin: 0px 10px 15px 30px;
padding: 10px 20px 10px 10px;
background:transparent url("images/bg_commentAdmin.jpg") no-repeat 0 0;
}



.adminhead {

height:32px;
color: #663333;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid #c7cdcd;
background:transparent url() no-repeat 0 0;

}



.trackhead {

height:34px;
color: #000000;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 50px;
border-bottom: 1px solid #333;

}

.trackbody {
height:100%;
color: #333;
font-size:10px
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px 5px 1px 5px;
border: 0px solid #333;
background:#e7e4e0;
}



.avatar {
float: left;
margin: 0px 5px 0px 0px;
padding: 0px;
background:transparent url("images/img_avatar.jpg") no-repeat 0 0;
}



.commentcount {
float: right;
color: #333;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-family: Georgia, Times, 'Times New Roman', serif;
}



.authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}

.commentlink {font-size: 10px; color: #000000; text-decoration:none;}


.trackbody p a {color: #000000;}



#commentform {
margin:0;
width:400px;
padding:10px 0 0 0px;
}



#email, #author, #url {
color: #000000;
background: #ffffff;
font-size: 10px;
padding-left: 2px;
vertical-align: middle;
border: 0px solid #a7b1b4;
font-family: Verdana, Arial, Helvetica, Sans-Serif;

}



#comment {
width: 400px;
color: #000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
border: 0px solid #a7b1b4;
padding: 2px 2px 2px 2px;
}



#submit {

width: 80px;
height: 20px;
color: #000000;
font-size: 12px;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 2px 10px;
border: 0px solid #5A6B1E;
font-family: Verdana, Arial, Helvetica, Sans-Serif;

}







/***** widget *****/



#wp-calendar td {font-size:11px;color:#999999;}
#wp-calendar td a {font-weight:bold;text-decoration:underline;}
#wp-calendar {
width: 210px;
text-align: center;
font-size:11px;
color:#5A6B1E;

}