/*
Theme Name: Jennifer's First WordPress Theme
Theme URI: 
Description: The Capterra Blog WordPress Theme
Version: 1.0
Author: Jennifer Liao
Author URI: 
Tags: 
*/

html, body {
	padding: 0;
	background:#01244c url(https://s3.amazonaws.com/capterra/newlayout/images/blog/bg_main.png) repeat-x;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;
	height: 100%;
}

a, a:visited {
	color: #d35900;
	text-decoration: underline;
}

a:hover, a:active {
	color: #d35900;
	text-decoration: none;
}

#bg {
	width: 1334px;
	background: url(https://s3.amazonaws.com/capterra/newlayout/images/blog/top_bg.png) no-repeat;
	margin: 0 auto;
	height: 505px;
	height: 100%;
	}

#header {
	width: 1000px;
	margin: 0 auto;
	padding: 44px 0 33px 0;
	}
	
	#logo {
		float: left;
		width: 405px;
		}
		
	#subhead h1 {
		margin: 0;
		padding: 10px 12px;
		color: #16375d;
		font-weight: bold;
		font-style: italic;
		font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
		float: left;
		font-size: 16px;
		line-height: 19px;
		width: 221px;
		height: 40px;
		background: #ffdd75;
		border-top-right-radius: 15px;
		-moz-border-radius-topright: 15px; 
		-webkit-border-top-right-radius: 15px; 			
		border-top-left-radius: 15px;
		-moz-border-radius-topleft: 15px; 
		-webkit-border-top-left-radius: 15px;
		position: relative;
		top: 50px;
		left: 0; 
		}
			
#all {
	position: relative;
	left: 150px;
	top: 1px;
	width: 1000px;
	margin-bottom: 100px;
	min-height: 100%;
	}
	
#blog_posts {

	width: 690px;
	background: #fff;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	padding: 10px 110px 30px 10px;
	min-height: 100%;
	}

	#blog_posts .search_title {
		color: #01244c;
		font-size: 16px;
		font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding-left: 10px;
		font-weight: bold;
		}
	
	#blog_posts .search_title .search_criteria {
		color: #009F24;
		}

	#blog_posts .blog_post {
		clear: both;
		}
	
	.title_date {
		position: relative;
		left: -50px;
		margin-top: 30px;
		}
	
	.title_block {
		padding-left: 10px;
		float: left;
		}
	
	#blog_posts .blog_post .date {
		width: 90px;
		padding: 10px 8px 0 10px;
		background: #ffe595;
		height: 27px;
		font-size: 14px;
		font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		float: left;
		}
		
		#blog_posts .blog_post .title {
			color: #d35900;
			font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			margin: 0 0 5px 0;
			display: block;

			}
			
			#blog_posts .blog_post .title a, #blog_posts .blog_post .title a:visited {
				color: #d35900;
				text-decoration: none;
			} 
			
			#blog_posts .blog_post .title a:hover, #blog_posts .blog_post .title a:active {
				text-decoration: underline;
				color: #d35900;
				}
			
			.byline {
				font-size: 11px;
				display: block;
				}
				
			.text {
				clear: left;
				padding: 10px;
				}

.comment_list {
	padding-left: 10px;
	}

	.comments_title {	
		color: #d35900;
		font-size: 16px;
		font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
		}
	
	.comment {
		background: #e0e0e0;
		width: 85%;
		padding: 20px;
		}

	.comment_byline {
		background: url(https://s3.amazonaws.com/capterra/newlayout/images/blog/g_commentbottom.png) no-repeat;
		margin: 0 0 20px 20px;
		padding-top: 12px;
		font-size: 11px; 
		}

#respond {
	padding-left: 10px;
	}

#sidebar_full {
	position: absolute;
	right: -10px;
	top: 0;
	}

	#icons {
		margin-top: 70px;
		margin-left: 120px;
		width: 160px
		}

		#icons img {
			padding-left: 3px;
			}

#sidebar {
	width: 300px;
	background: #5076a1;
	border-radius: 15px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	box-shadow: 4px 3px 6px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 4px 3px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow:  4px 3px 6px rgba(0, 0, 0, .4);	
	color: #fff;
	font-size: 11px;
	padding-bottom: 20px;
	}
	
	#sidebar a, #sidebar a:visited {
		color: #fff;
		text-decoration: underline;
			}
	
	#sidebar a:hover, #sidebar a:active {
		text-decoration: none;
		color: #fff;
		}

	#sidebar ul {
		list-style: none;
		padding: 0;
		padding-top: 0;
		margin: 0;
		}	
						
		#sidebar ul li {
			padding: 2px 0 0 12px;
			background: url(https://s3.amazonaws.com/capterra/newlayout/images/blog/b_bullet.png) no-repeat;
			background-position: .2em .6em;
			}
			
			#sidebar ul li a, #sidebar ul li a:visited {
				color: #fff;
				text-decoration: none;
				}
			
			#sidebar ul li a:hover, #sidebar ul li a:active {
				text-decoration: underline;
				color: #fff;
				}

	#search_blue {
		background: url(https://s3.amazonaws.com/capterra/newlayout/images/blog/bg_magglass.png) no-repeat;
		width: 248px;
		height: 30px;
		margin: 20px 2px 15px 10px;
		padding-top: 2px;
		float: left;
		}

		.input {
			border: none;
			background-color: #385270;
			margin: 5px 0 0 30px;
			color: #fff;
			width: 80%;
			}

	.button {
		float: left;
		width: 20px;
		margin: 12px 0 0 3px;
		}

	.side_text {
		margin: 20px;
		clear: both;
		}

		.sidebar_title {
			display: block;
			text-transform: uppercase;
			font-size: 16px;
			font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
			margin-bottom: 10px;
			color: #fff;
			}

#ads {
	margin-top: 25px;
	margin-left: 120px;
	width: 170px;
	padding-bottom: 20px;
	}

	#ads img {
		margin-bottom: 10px;
		}

#topics {
	padding-top: 20px;
	text-transform: uppercase;
	margin-left: 120px;
	width: 160px;
	color: #fff;
	}

	#topics ul {
		list-style: none;
		padding: 0;
		padding-top: 0;
		margin: 0;
		}	

		#topics ul li {
			padding: 4px 0;
			background-position: .2em .6em;
			border-bottom: 1px solid #4e6682;
			}

			#topics ul li a, #topics ul li a:visited {
				color: #fff;
				text-decoration: none;
					}

			#topics ul li a:hover, #topics ul li a:active {
				text-decoration: underline;
				color: #fff;
				}

.button-blue {
	background-color: #01244c;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}



/* DEFAULT WORDPRESS STYLINGS */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Wordpress Paginate Plugin Custom Stylings */
#pagenavi_section{
	clear: both;
	padding: 20px 0px 0px 0px;
	}

/* Single Post Page Post Navigation Stylings */
#next_link_div {
	padding: 0px 12px 0px 0px;
	}
#next_post_link a {
	text-decoration: none;
	}
#next_post_title {
	float: right;
	text-align: right;
	padding-top: 10px;
	}
#pre_link_div {
	padding: 0px 0px 0px 8px;
	}
#pre_post_link a {
	text-decoration: none;
	}
#pre_post_title {
	float: left;
	text-align: left;
	padding-top: 10px;
	}
.post_link_title {
	font-weight: normal;
	}
a:hover span.post_link_title {
	text-decoration: underline;
	}