/*
File:			custom.css
Description:	Custom styles for Thesis
*/

/*HEADER */
.custom #header {
padding-bottom:0;
padding-top:0;
padding-left:0;
}

/* PULL QUOTES*/
.custom blockquote.left, .custom blockquote.right {
   width: 200px;
   margin: 5px 15px 5px 0;
   padding: 5px 0;
   border: 3px double #AAAAAA;
   border-width: 3px 0;
   font-size: 1.4em;
   text-align: center;
}
.custom blockquote.left { float: left; }
.custom blockquote.right { float: right; }



/* BACKGROUND */
.custom #content_box {background-color:#3D3C3C;}
.custom #content {background-color:#fff;} 

body.custom {
    background: #33332f;
}

.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #999999;
    border: 0.2em solid #999999;
}

.custom #page {
    background: #fff;
}

body.custom {
background: #33332f url('http://www.bloggingmormon.com/wp-content/uploads/2009/10/Wood-Wallpaper_1600.jpg') 100% 0 no-repeat;
background-attachment: fixed;
}

/* FEED */
#feed {
          background: #23a2d7 url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/Box.png) repeat-x;
          padding: .7em; /* may need adjusting */
          position: relative; /* this is used for the RSS icon, explained later in this tutorial */ }

#feed h3 {           
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/subs.png) no-repeat;
          height: 40px;
          text-indent: -9999px;
          width: xpx;}

#feed h4 {           
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/Bookmarks.png) no-repeat;
          height: 25px;
          text-indent: -9999px;
          width: xpx;}

#feed h5 {           
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/Mailbox.png) no-repeat;
          height: 42px;
          text-indent: -9999px;
          width: xpx;}

#feed p { 
          height: 28px; }

#feed input { 
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/email-box.png) repeat-x;
          padding: 0.7em; }

#feed .icon { 
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/rss1.png) no-repeat;
          height: xpx;
          width: xpx;
          position: absolute;
          right: -24px;
          top: -21px; }

#feed .icon1 { 
          background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/Breaking-News-48x481.png) no-repeat;
          height: xpx;
          width: xpx;
          position: absolute;
          right: -24px;
          top: 148px; }

#feed .bookmark { 
          background: url(http://delicious.com/Seth1492"><img src="http://www.bloggingmormon.com/wp-content/uploads/2009/10/delicious1.png) no-repeat;
          height: xpx;
          width: xpx;
          position: absolute;
          right: -24px;
          top: 140px; }

/* WIDGETS */

/* Specify bottom padding on all widgets */
.custom li.widget {
   padding-bottom: 10px;
}

/* Specify bottom margin on all widgets */
.custom li.widget {
   margin-bottom: .5em;
}


/* SIDEBAR */

/* Sidebar headers */
.custom li#recent-posts h3 {font-family: Georgia; font-weight: bold; color: #23A2D7; font-size: 1.6em; height: 50px; background: url() no-repeat; padding:8px 5px 0;
background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/sidebar-rp1.png) no-repeat;
          height: 30px;
          text-indent: -9999px;
          width: xpx;}

.custom li#recent-comments h3 {font-family: Georgia; font-weight: bold; color: #23A2D7; font-size: 1.4em; height: 40px; background: url() no-repeat; padding: 8px 10px 0;
background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/sidebar-rc.png) no-repeat;
          height: 30px;
          text-indent: -9999px;
          width: xpx;}

.custom li#categories-3 h3 {font-family: Georgia; font-weight: bold; color: #23A2D7; font-size: 1.6em; height: 40px; background: url() no-repeat; padding:8px 10px 0;
background: url(http://www.bloggingmormon.com/wp-content/uploads/2009/10/sidebar-ts.png) no-repeat;
          height: 30px;
          text-indent: -9999px;
          width: xpx;}


/* Sidebar Text */
#recent-posts li {font-size:20px; overflow: hidden;}
#recent-posts img { float: left; padding-right: 8px; }
#recent-posts div.right { color: #fff; float: right; font-size: 11px; text-transform: uppercase; }
#recent-posts a { color: #fff;}


#recent-comments li {overflow: hidden;font-size:18px;}
#recent-comments img { float: left; padding-right: 8px; }
#recent-comments div.right { color: #fff; float: right; font-size: 11px; text-transform: uppercase; }

#categories-3 li {overflow: hidden; font-size:19px;}
#categories-3 img { float: left; padding-right: 8px; }
#categories-3 div.right { color: #fff; float: right; font-size: 11px; text-transform: uppercase; }
#categories-3 a { color: #fff;}


#popular-posts img { float: left; padding-right: 8px; }
#popular-posts div.right { color: #fff; float: right; font-size: 11px; text-transform: uppercase; }

#random-posts img { float: left; padding-right: 8px; }
#random-posts div.right { color: #fff; float: right; font-size: 11px; text-transform: uppercase; }


/* COMMENTS */
.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #E7F8FB none repeat scroll 0 0; padding-top:20px;}

/* AUTHOR BOX */
.custom #comments { clear: both; }
.postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
/* BOXES */
#similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; }
#similar { float: left; width: 50%; }
#similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; }
#similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; }
#similar a:hover { border: 0; }
#similar h3 { padding-left: 10px; }
#similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; }
#rightcol { float: right; width: 50%; }
#rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0;  }
#rightcol h3 { padding: 0; }
#rightcol ul { list-style-position: inside;  list-style-type: square; margin-left: 1em; }
#rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; }
#rightcol ul a:hover { border: 0; }
#rightcol li { margin-bottom: 10px; }
#subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: left; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Footer */
#foot { 
	background: #2B2A2A;
	border: 0.6em solid #212020;
	color: #DBEDF9;
	font-size: 11px;
	margin: 20px auto;
	overflow: hidden;
	padding: 2.0em;
}

	#foot a { color: #DBEDF9; border-bottom: 1px dashed #DBEDF9; text-decoration: none; }
	#foot a:hover { background: #DBEDF9; color: #3D3C3C; }
	#foot span.cat, #foot h3 { /* controls all blue headings */
		color: #23A2D7; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }
	#foot h5 { font-size: 23px; }
	#foot ul li ul { list-style-type: square; margin-left: 10px; }
	#foot ul.sidebar_list { padding: 1.8em 30px 0 0; }
	#foot li.widget .widget_box { background: none; border: 0; }
	#foot .textwidget p { line-height: 22px; margin-bottom: 11px; }
	#foot .col { float: left; list-style: none; width: 33.3%; }
	#cats { 
		background: #3D3C3C;
		list-style-type: none;
		margin-top: 13px;
		overflow: hidden;
		padding: 10px 0 7px 20px;
	}
	#cats li { 
		float: left; 
		font-size: 1.2em;
		line-height: 1.8em;
		margin: 0 2px 5px 0;
		width: 165px;
		}
#copyright { 
	border-top: 1px dashed #3D3C3C;