/*  
Theme Name: Janet Little Jeffers
Theme URI: janetlittle.com
Description: Custom Wordpress theme for Janet Little Jeffers
Version: 1.0
Author: Anthony Dempsey
Author URI: http://www.anthonydempsey.com

*/

@import url("reset.css");

a { color:#666; text-decoration:none; border-bottom:thin dotted #666; }

#wrapper{
	margin: 0 auto 0 auto;
	width: 1000px;
	text-align: left;
	
}



#box{
	float: left;
	width: 780px;
	height:auto;
	min-height:500px;
	padding:0 15px 15px 0;
	margin-bottom:25px;
	border-right:#FFF dotted 1px;
	/* background:url(images/template/bg-subnav.png) repeat; */
}

#box h1, #box h2, #box h3 { margin:0 0 15px 0; }

#box p { margin-bottom:15px; }
#box h1 { font-size:1.3em; }
.sidebar{
	float: right;
	width: 170px;
	padding:15px;
	display:block;
	font-size:.9em;
	margin-top:40px;
}
.widget { list-style:none; margin-bottom:20px; }
ul li .sidebar {
	color: #000000;
	margin-bottom:20px;
}
.sidebar .widget ul li { margin-bottom:15px; }
.sidebar .widget_twitter h2 { display:block; text-indent:-1000em; overflow:hidden; }
/*
#footer{
	clear: both;
	float: left;
	width: 750px;
	height: 50px;
	background: url(images/footer.png);
	padding: 10px 10px 10px 10px;
}
*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* CSS Document */
body { background-color:#101010; background-image:url(images/template/bg-main-alt.jpg); background-repeat:repeat-x; font-family:Helvetica, Arial, Sans Serrif; }
/* body { background-color:#333333; font-family:Helvetica, Arial, Sans Serrif; } */
#container { width:1000px; height:auto; min-height:500px; margin:0 auto;}



#header{
	width: 1000px;
} 

#navmain { width:934px; height:16px; margin:25px auto; }
#navmain li, #galleries, #about, #contact, #news, #downloads, #blog { width: 155px; height:16px; display:block; float:left; text-indent:-1000em;  overflow:hidden;  }


/* BUTTONS */
#logo { background:url(images/template/b-home.png) no-repeat 0 -50px; width:392px; height:50px; margin:60px auto; }
#logo a, #logo a:hover { display:block; width:392px; height:50px; text-indent:-1000em; overflow:hidden; border:none;}
#galleries { background:url(images/template/b-galleries.png) no-repeat top center; overflow:hidden; text-indent:-1000em; }
#about { background:url(images/template/b-about.png) no-repeat top center; }
#contact { background:url(images/template/b-contact.png) no-repeat top center; }
#news { background:url(images/template/b-news.png) no-repeat top center; }
#downloads { background:url(images/template/b-downloads.png) no-repeat top center; } 
#blog { background:url(images/template/b-blog.png) no-repeat top center; }

#navmain li a:hover, #about.currentpage, #galleries.currentpage, #contact.currentpage, #news.currentpage, #downloads.currentpage, #blog.currentpage { background-position:center -16px; }

.loghit { background-position:-50px 0; }


#galleries:hover, #about:hover, #contact:hover, #news:hover, #downloads:hover, #blog:hover { width: 155px; height:16px; display:block; float:left; background-position:bottom center; text-indent:-1000em; overflow:hidden; }
#galleries.active { background-position:bottom center; }


#galnav { width:1000px; height:auto; float:left; display:none; padding:15px 0; background:url(images/template/bg-subnav.png) repeat;  }

#galnav ul { width:1000px; height:auto; color:#999; float:left; }
#galnav ul li { width:210px; height:19px; margin:0 15px 15px 15px; float:left; font-size:.8em; overflow:hidden; vertical-align:top; }
#galnav ul li img { vertical-align:top; margin-right:10px; }

#galnav ul li a { color:#999; text-decoration:none;  }
#galnav ul li:hover {  /* for IE */
  filter:alpha(opacity=25);
  /* CSS3 standard */
  opacity:0.25;
  }
/*#galnav ul li img { width:50px; margin-right:15px; float:left; border:none; }
#galnav ul li.nospace { margin-bottom:0; }
*/




#content { width:1000px; height:auto; min-height:300px; float:left; color:#fff; margin-top:25px; clear:both; }
#content p { margin-top:15px; line-height:1.2em; font-size:.9em; }
#slideshow { width:934px; height:625px; margin:0 auto; }





#leftcolumn, #rightcolumn { width:450px; height:auto; min-height:250px; float:left; margin-top:55px; }
#leftcolumn { padding-right:50px; margin-left:0; border-right: #7d7d7d thin solid; }
#rightcolumn { float:right;  }


#leftcolumn p, #rightcolumn p { width:435px; height:auto; color:#FFF; font-size:.8em; line-height:20px; margin-top:15px; }
#leftcolumn h2 { margin-top:15px; color:#FFF; }





label { width:210px; float:left; color:#FFF; height:27px; display:block; margin-right:15px; }
.mc-field-group input { float:left; width:200px; height:27px; margin-right:10px; margin-bottom:10px; }


#footer { width:1000px; height:100px; margin:50px auto 0 auto; }
#foottopleft { width:467px; height:24px; float:left; }
#foottopright { width:467px; height:24px; float:right; }
#foottopleft li { width:auto; height:24px; margin-right:15px; float:left; }
#foottopright li { width:auto; height:24px; margin-left:15px; float:right; text-align:right; }
#twitter { width:93px; height:24px; display:block; background:url(images/template/b-twitter.png) no-repeat; text-indent:-1000em; overflow:hidden;}
#facebook { width:105px; height:24px; display:block; background:url(images/template/b-facebook.png) no-repeat; text-indent:-1000em; overflow:hidden; }
#twitter:hover, #facebook:hover { background-position: bottom center; }

#vcard, #hello { width:auto; height:24px; display:block; color:#5E5E5E; font-weight:bold; }
#footer p { margin-top:10px; font-size:.5em; color:#5E5E5E; float:left; width:1000px; }
#shutter { background:url(images/template/t-blog.png) no-repeat; width:303px; height:15px; display:block; text-indent:-1000em; overflow:hidden; }
#mail { background:url(images/template/t-mailing-list.png) no-repeat; width:162px; height:15px; display:block; text-indent:-1000em; overflow:hidden; }




.mc-field-group .longform { width:420px; float:left; }
#sbc { float:left; margin:10px auto 0 auto; width:447px; text-align:center; }
.mce_inline_error { color:#F30; }
.mc-field-group .elong, .mc-field-group .elong label{ width:440px; height:24px; float:left; }
.mc-field-group input { background-color:#333; border-color:#999; border-bottom-color:#666; border-width:thin; border-style:dotted; color:#CCC; padding:3px; font-size:1em; }
#mce-responses { width:457px; height:24px; float:left; display:block; background-color:#3F3; }
.mce_inline_error { font-size:.8em; }




/* DETAILED STYLES */
.shadow{
	background: url(images/photos/shadow.png) no-repeat bottom right !important;
	background: url(images/photos/shadow.gif) no-repeat bottom right;
	background-color:#fff;
	
	padding:8px 16px 16px 8px;
	
	}
.tshadow{
	background: url(images/photos/shadow.png) no-repeat bottom right !important;
	background: url(images/photos/shadow.gif) no-repeat bottom right;
	background-color:#fff;
	padding-top:8px;
	padding-left:8px;
	}
.dlshadow{
	background: url(images/photos/shadow.png) no-repeat bottom right !important;
	background: url(images/photos/696969.gif) no-repeat bottom right;
	background-color:#fff;
	padding-top:8px;
	padding-left:8px;
	}
#frame{
	height:auto;
	background-color:#fff;
	display:block;
	/*margin:50px auto;*/
	clear:both;
	margin: -6px 6px 6px -6px;
	padding:6px;
	}
/* END DETAIL STYLES */
#slideshow img { width:912px; }
#foottopright li a:hover, a:hover { color:#72c01e; }
#foottopright a, #foottopleft a { text-decoration:none; border:none; }
.post h3 { font-size:1.2em; color:#666; margin-bottom:25px; }
.widget_search input { width:100%; }
.widget_search #searchsubmit { margin-top:5px; }
.widget_search { text-align:left; }
.widget_search label { text-align:left; font-style:italic; }

#searchsubmit { width:85px; height:29px; background:url(images/template/b-search.png) no-repeat center; text-indent:-1000em; overflow:hidden;  background-color:#333; border-color:#999; border-bottom-color:#666; border-width:thin; border-style:dotted; color: transparent;
    text-transform: capitalize;}
#sbc .subbtn { width:85px; height:29px; background:url(images/template/b-submit.png) no-repeat center; text-indent:-1000em; overflow:hidden; margin-left:186px; background-color:#333; border-color:#999; border-bottom-color:#666; border-width:thin; border-style:dotted; display:block;  color: transparent; text-transform: capitalize; }
#sbc .subbtn:hover, #searchsubmit:hover { background-color:#666; text-indent:-1000em; overflow:hidden; }
.sidebar ul, .sidebar ul li { float:left; margin-bottom:10px; line-height:1.3em; }
.widget_tag_cloud { float:left; margin:0 0 10px 0; padding:0; clear:both; }
h2 i, h3 i { font-size:.8em; font-style:italic; }