/*   
Theme Name: Love and War
Description: A theme developed for the town of Love and War, Texas
Author: Amber Simmons
Author URI:www.loveandwartx.com


*/


/* Global styles

*/
@font-face {
  font-family: "fontin";
  src: url(http://www.loveandwartx.com/wp-content/themes/Loveandwar/fonts/FontiReg.afm);
}



a:link {color:#01369E;}

a:visited {color:#47659f;}



/****************/



.alignright {
float:right;
padding: 15px;
}

.alignleft { float:left; padding:15px;}


ul.post-categories {
width: 180px;
}

ul.post-categories li a img {
border:none;
}

li.cat-item {
padding:10px;
list-style-type:none;
margin-left:30px;
}



/*wp-calendar*/
table#wp-calendar { font-size: 1em; margin: 0 auto; width: 150px; border: 0; }
table#wp-calendar caption { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #333; }
table#wp-calendar th, table#wp-calendar td { height: 1em; padding: 0.1em 0.2em;/*padding: 5px 7px;*/ text-align: right; border-right: 2px solid #fff;  }
table#wp-calendar th, table#wp-calendar td#today { font-weight: bold; background: #dadada; color: #000; border-bottom: 0; }
table#wp-calendar td#today { font-weight: bold; background: #f2f2f2; }
table#wp-calendar td { border-bottom: 1px solid #efefef; }
table#wp-calendar td a { font-weight: bold; }

.story1 {
}



body#frontPage{
font-family:verdana, arial, helvetica, sans serif;
font-size: 12px;
color:#333;
background-color:#fff ;
text-align:center;
}

#container {
width: 1020px;
background:#fff;
padding:20px;
padding-bottom:0;
margin:0 auto;
text-align:left;
}

h1 {
color:#000;
}

#header {
height: 70px;
}

#header ul{

float:right;
}

#header li{
font-face:arial, verdana, helvetica, sans serif;
font-size:11px;
font-weight:bold;
}
#info ul li a {color:#5b3d8d;}

#info li{
display:inline;
padding-top:0px;
padding-bottom:0px;
border-right:1px solid #333;
padding-right: 10px;
padding-left: 10px;
}

#info li:last-child{

border:none;
}

li.listnone {list-style-type:none;}

/* Hover styles for author notes */

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#333;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#B9D7D9}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #999999;
    background-color:#87CEEA; color:#333;
    text-align: left;
    font-style:italic;
    padding:7px;}


/*<!--RECENT STORIES -->*/

/*Styles for the AJAX section*/
.recent li,
#recentbox li {
list-style-type:none;
}

.postnavnext{ float:right; margin-right:40px;}
.postnavprev {float:left; margin-left:20px;}

ol #recentStories {
width: 648px;
float:left;


}

#recentStories li h1 {

font-family:helvetica, arial, verdana, sans serif;
font-size:21px;
color:#000;
}

#recentStories li
{

min-height:150px;
width:324px;
float:left;
margin-right:25px;
padding-bottom:20px;
}

li.story1 {

background-image:url(images/storyThumbsHP/the-BRB.png);
background-repeat:no-repeat;
padding-top:80px;

}


li.story2 {

background-image:url(images/storyThumbsHP/indecent-pie.png);
background-repeat:no-repeat;
padding-top:80px;

}

li.story3 {

background-image:url(images/storyThumbsHP/superhero.png);
background-repeat:no-repeat;
padding-top:80px;

}
li.story4 {

background-image:url(images/storyThumbsHP/indecent-pie.png);
background-repeat:no-repeat;
padding-top:80px;

}

.storyDesc {
line-height:18px;
}

#addNav{

position: absolute;
left: 770px;
top: 760px;
width:200px;
padding:10px;

padding-left:20px;

}

#addNav h2 {
font-family:helvetica, arial, verdana, sans serif;
font-size:18px;
color:#000;
}

ul.residents li {

list-style-type:none;
line-height: 24px;

}

#frontPage h2

{

font-family:helvetica, arial, verdana, sans serif;
font-size:21px;
color:#000;
}


#expandMap {
margin-top:30px;
background: url(/wp-content/themes/LoveandWar/images/map.png) no-repeat;
padding-top:20px;
border: 1px solid #ccc;
}

.showMap {
height:600px;
min-height:600px;
border:none;
}

p.haveAMargin {
margin-left: 20px;
line-height: 18px;

}

#sidebar {
float:left; 
width: 200px;
}


#sidebar a img {
border:0px;
}

ul.cast {
width: 181px;

}

li.characters {
float:left;
list-style-type:none;
padding: 10px;
padding-left: 0px;
min-height: 90px;
width: 75px;
}



#archNav li.cat-item {
display:inline;
list-style-type:none;
padding: 10px;
padding-left: 0px;
height:130px;
min-height: 130px;
width: 75px;
vertical-align:top;
float:Left;
}




.noShow {
display:none;

}

li.places {

padding:5px;
padding-left:0px;
list-style-type:none;
}

li.events {

padding:5px;
padding-left:0px;
list-style-type:none;
}

#storyContent{
float:left;
width: 670px;
margin-left: 70px;
padding-bottom: 50px;
padding-top:20px;
}

#storyContent p {

font-size: 110%;
line-height: 1.5em;
}

#storyContent h1 { font-family:helvetica, arial, verdana, sans serif;}

.floatRight {

float:right;
width:350px;
padding:15px;
}



/* Comment area styles
-------------------------------------------------------------- */

#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
ol#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0;}
ol#commentlist li { padding-bottom:10px; border-bottom: 1px solid #dadada; margin: 0 0 1em 0; padding: 0 1em 1em 0; }
ol#commentlist li.alternate {  border-bottom: 1px solid #dadada; }
ol#commentlist cite { font-style: normal; text-align: left; display: block; color: #818181; }
ol#commentlist cite a { color: #224970; }
ol#commentlist cite a:hover { color: #000; text-decoration: underline; }
ol#commentlist li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }
ol#commentlist li .commentauthor { font-weight: bold; color: #333; }
ol#commentlist li .commentauthor a, ol#commentlist li .commenttime a { font-weight: bold; color: #224970; }
ol#commentlist li .commentauthor a:hover, ol#commentlist li .commenttime a:hover { color: #000; text-decoration: underline; }
ol#commentlist li .commnumber { width: 30px; text-align: left; float: left; font-size: 3em; font-weight: bold; line-height: 1em; }
ol#commentlist li .commentcont p { margin: 0 0 0.5em 0; padding: 0; line-height:1.4em;}
ol.commentlist {list-style-type:none; margin-top:25px; margin-left:-10px;}

.commentcrap p{margin-top: -6px; font: 13px  "lucida sans"; line-height:1.2em; margin-left: 30px;}
 a.commenttitle {text-decoration:none; color: #bbbdb9; font-weight:bold; line-height:1.3em;}
 
 a.url {line-height:1.3em; text-decoration:none;}
/* comment form */

#comment-form form { margin-top: 1.5em; }
label.com { float: left; width: 100px; }
input.comtext, textarea.comtext { width: 500px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.comtext:focus, input.comtext:hover, textarea.comtext:focus, textarea.comtext:hover { background: #f7f7f7; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; }
input.comsubmit { margin-left: 100px; }

textarea#comment {width: 500px;}

.commentcrap {padding-bottom: 20px; border-bottom:1px solid #ccc;}

table, table p { font-size: 11px;}

table textarea, table input {width:200px;}

table textarea {height: 120px;}


/* FOOTER STYLES 
--------------------------------------------------------*/

.twitter {float:left; width:250px; padding:10px; margin-left:50px;}
.twitter li {list-style-type:none; padding-bottom: 10px;}
li.twitter-item {width: 80%;}
ul.twitter: {padding:0; margin:0;}



.footspot {
float:left; width:250px;
padding:30px;
padding-bottom:0px;
padding-top:10px;
line-height: 1.5em;	
border-right: 1px solid #E2D9D8;
position: relative;
height:100%;
}

.footspot_alt {
float:left; width:250px;
padding:30px;
padding-bottom:0px;
padding-top:10px;
line-height: 1.5em;	
}

#footer{
clear:both;
border-top: 1px solid #E2D9D8;
margin-top:100px;
height:250px;


}

#footer h2 {font-size:1.3em; color:#999;}
/* Archive styles
-------------------------------------------------------------- */

#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0; }
.archive_meta a { color: #666; text-decoration:none;}
.archive_meta a:hover { color: #224970; }
.archive_feed { padding-top: 0.5em; padding-bottom: 0.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(images/bg/feedicon12.png) no-repeat 0 8px; color: #666; }
.archive_number { padding-top: 0.5em; padding-bottom: 0.5em; margin: 0; color: #666; background: url(images/bg/info.png) no-repeat 0 8px;  }
.archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; margin-left: 50px;}
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a, .post_meta a { color: #224970; }
.archive_post_meta a:hover, .post_meta a:hover { color: #000; text-decoration: underline; }
.archive_title a {font-size:24px; font-family:helvetica, arial, verdana, sans serif; text-decoration:none; color:#333;}
.archive_title a:visited {color:#999;}
.archive_title a:hover {color:#FAC421; text-decoration:underline;}
#archive-side {margin-top:50px;}
#archive-side h2 {font-weight:bold; font-size:14px;}

#archNav li {display:inline !important; list-style-type:none; vertical-align:top; height:150px; min-height:150px;}
#archNav ul {display:inline !important;}
#archNav li a {text-decoration:none;}

#archNav li img {border:0;}

#archNav li .cat-item a img {vertical-align:top; margin:50px;}
#sidebar ul {margin:0px; padding:0px;}
#sidebar li.listnone {padding-top:10px;}
li.characterlist  {float:left; width: 85px; padding: 0px; height: 120px; list-style-type:none; margin-right:15px;}

ul.straightlist li a img {border:0;}

ul.denizenList {clear:both; }

ul.denizenList li {background:none;}

#NavCal {margin-bottom: 20px; margin-top:-20px;}
#NavCal li {padding:5px; font-size: 1em;}

#NavCal li a:link,
#NavCal li a:visited {color:#333;}

.archives li {list-style-type:none; font-size: 18px; font-weight:bold;}

.archives li a {text-decoration:none; padding-left: 15px;}
.emptymonth {color:#ccc; padding-left:15px;}

/* About Page Styles
----------------------------------------------------*/

#container2 { width: 800px; margin: 0 auto; padding-top:20px; }

	h4.about
	{
	font-family:helvetica, arial, verdana, sans serif;
	font-size: 50px;
	color:#999;
	line-height: 30%;
	margin-left: 5px;
	}
	h1.about
	{
	font-family:helvetica, arial, verdana, sans serif;
	font-size: 86px;
	color:#999;
	line-height: 80%;
	margin-top:-40px;

	}
	h3.about
	{
	font-family:helvetica, arial, verdana, sans serif;
	font-size: 16px;
	color:#999;
	margin-bottom: -10px;
	margin-top:20px;
	
	}
	
	#left2{ float:left; width:400px;}
	#right2{float:left; width: 395px;}
	
	p .2 {font-family:Geneva, Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height: 1.5em;}
	
	.townfolks2 { clear:both; padding-top: 10px; }
	
	.townfolks2 li {display: inline; vertical-align:top; padding-right: 20px; list-style-type:none; float:left; }
	
	.YouAreHere {margin-top:50px; font-weight:bold; text-align:center; background:#C0D8F0; border: 1px solid #90C0D8; padding: 15px;}
	
	.dreams  {margin-top:50px; margin-bottom:50px; padding-left: 180px; font-size: 15px; font-family: "fontin"; background:url(/wp-content/themes/LoveandWar/images/dreams_bg.png) repeat-y;}
	
	.fox {margin-top:50px; margin-bottom:50px; padding-left: 120px; background:url(/wp-content/themes/LoveandWar/images/bamboo_bg.png) repeat-y;}
	
	#info ul a:link {color:#6e4ea3;}