/*
	Theme Name: summerhugs.net
	Theme URI: http://www.summerhugs.net
	Description: The first summerhugs.net theme
	Author: Anda
	Author URI: http://www.summerhugs.net
	*/
	
* {
    margin: 0px;
    padding: 0px;
}
 
body {
    background-color: #f1f1f1;
    background-image: url(images/bg.png);
    background-repeat: repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
	}

p {
	color: #b6b6b6;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

h2 {
	color: #b6b6b6;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}

ul {
	color: #b6b6b6;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	padding-left: 8px;
}

h3, h3 a.title, h3 .title, .title, .wrap h3, .catlink, #newlink h3 {
	font-family: Georgia;
	font-size: 18pt;
	color: #9d9c9c;
	padding-top: 7px;
	padding-bottom: 10px;
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #1f82ba;
    padding-bottom: 5px;
}

 
#main-container {
	margin: auto;
	width: 900px;
} 
 
#container {
    margin: auto;
    background-image: url(images/nav_featured_bg.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 325px;
	}
 
#navigation {
    float: left;
    height: 74px;
    width: 850px;
    padding-left: 100px;
    }

#navigation li {
    display: block;
    list-style-type: none;
    float: left;
    background-image: url(images/nav_separator.png);
    background-repeat: no-repeat;
    background-position: left;
	}
 
#navigation li a {
    color: #666666;
    font-weight: bold;
    width: 108px;
    height: 42px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 26px;
    float: left;
    text-decoration: none;
    margin-left: 2px;
	}
 
#navigation li a:hover {
    background-image: url(images/nav_hover.png);
    background-repeat: repeat-x;
    color: #3eafef;
    margin-left: 2px;
	}
	
.form {
	float: left;
	padding-left: 20px;
	height: 54px;
	padding-top: 14px;
}

#search-left {
	background-image: url(images/search_left.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 21px;
}

#search-right {
	background-image: url(images/search_right.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 21px;
}

.search-field {
	float: left;
	background-image: url(images/search_bg);
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d1d1d1;
	border-bottom-color: #d1d1d1;
	padding-top: 11px;
	padding-bottom: 11px;

}

.search-btn {
	float: left;
	background-image: url(images/search_button.png);
}


 
#title {
 	float: left;
 	height: 60px;
	width: 850px;
	padding-left: 50px;
	background-image: url(images/title.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
 
#featured {
    float: left;
    height: 252px;
    width: 850px;
    padding-left: 200px;
    }

.featured-image {
    float: left;
    height: 179px;
    width: 305px;
    background-image: url(images/featured_image.png);
    }

.featured-text {
    float: right;
    width: 362px;
    height: 178px;
    padding-right: 100px;
	}
 
.featured-text p {
    margin-top: 10px;
	}
	
#sidebar {
    float: left;
    width: 349px;
    margin-top: 10px;
	}
 
.sidebar-top {
    background-image: url(images/sidebar_top.png);
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 365px;
	}
 
.sidebar-middle {
    background-image: url(images/sidebar_middle.png);
    background-repeat: repeat-y;
    float: left;
    width: 323px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #d7d7d7;
    border-left-color: #d7d7d7;
    padding-right: 20px;
    padding-left: 20px;
	}
 
.sidebar-bottom {
    background-image: url(images/sidebar_bottom.png);
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    width: 365px;
    margin-bottom: 10px;
	}
	
.sidebar h2 {
	font-family: Georgia;
	font-size: 20pt;
	color: #2495d5;
	padding-bottom: 7px;
	}

#content {
    float: right;
    width: 514px;
    margin-top: 10px;
	}
 
.content-top {
    float: left;
    height: 29px;
    width: 514px;
    background-image: url(images/content_top.png);
    background-repeat: no-repeat;
	}
 
.content-middle {
    background-image: url(images/content-middle.png);
    background-repeat: repeat-y;
    border-right-width: 1px;
    border-left-width: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #d7d7d7;
    border-left-color: #d7d7d7;
    float: left;
    width: 472px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 5px;
	}
 
.content-middle h3 {
    margin-bottom: 10px;
    font-family: Georgia;
	}
 
.content-bottom {
    float: left;
    height: 30px;
    width: 514px;
    background-image: url(images/content_bottom.png);
    background-repeat: no-repeat;
	}
	

.post-date {
	float: left;
	display: inline;
	width: 53px;
	height: 66px;
	margin: 0 10px 0 0;
	background: url(images/posticon.png) no-repeat;
	}

.post-date h1 {
	font-family: Georgia;
	color: #ffffff;
	font-size: 18pt;
	text-align: center;
	font-weight: normal;
	}

.post-date h2 {
	text-align: center;
	font-family: Georgia;
	font-size: 12pt;
	color: #FFFFFF
	} 

#footer {
    background-image: url(images/footer.png);
    background-repeat: no-repeat;
    float: left;
    height: 69px;
    width: 914px;
    margin-top: 20px;
    margin-bottom: 20px;
	}
 
#footer p {
    color: #666666;
    text-align: center;
    padding: 30px;
	}

#post-container {
    float: right;
    width: 514px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.post-container-top {
    float: left;
    height: 29px;
    width: 514px;
    background-image: url(images/content_top.png);
    background-repeat: no-repeat;
	}
 
.post-container-middle {
    background-image: url(images/content-middle.png);
    background-repeat: repeat-y;
    border-right-width: 1px;
    border-left-width: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #d7d7d7;
    border-left-color: #d7d7d7;
    float: left;
    width: 472px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 3px;
	}
 
.post-container-bottom {
    float: left;
    height: 30px;
    width: 514px;
    background-image: url(images/content_bottom.png);
    background-repeat: no-repeat;
	}

#thumb-container {
	float: left;
	height: 120px;
	width: 120px;
	border-width: 3px;
	border-style: solid;
	border-color: #FFFFFF;
}

#post-title {
	font-family: Georgia;
	font-size: 18pt;
	color: #9d9c9c;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
}

#post-content {
	color: #b6b6b6;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	padding-left: 5px;
}

	
a, a:visited, a:link, a:active { color: #3daded; background-color: inherit; text-decoration: none;}
	a:hover{ color: #9d9c9c; text-transform: none; text-decoration: none;}
	strong, em, { color: #727272; background-color: inherit; font-size: 20px;}
	u{ text-decoration: none; color: #818080; border-bottom: 2px double #818080; background-color: inherit;}
	i{ text-decoration: none; color: #818080; border-bottom: 0px solid #555; background-color: inherit;}
	b{ text-decoration: none; color: #818080; border-bottom: 0px solid #555; background-color: inherit;}
	
img {border:0px;}

	code {
	font-family: georgia;
	font-size: 14px;
	color: #3daded;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	}

.wp-pagenavi {
	padding-top: 10px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #1e7eb4;
	color: #ffffff;
	background-color: #1e7eb4;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #1e7eb4;
	color: #ffffff;
	background-color: #1e7eb4;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #ffffff;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #1e7eb4;
	color: #ffffff;
	background-color: #1e7eb4;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #ffffff;
	border: 1px solid #1e7eb4;
	background-color: #1e7eb4;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #1e7eb4;
	color: #ffffff;
	background-color: #1e7eb4;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #1e7eb4;
	color: #ffffff;
	background-color: #1e7eb4;
}