/*  

Theme Name: siteground-wp16

Theme URI: http://www.siteground.com

Description: 

Version: 1.0

Author: SiteGround

Author URI: http://www.siteground.com

*/



body {
	color: #333333;
	background: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 75%;
	line-height: 150%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}



a {

	color: #663300;

	text-decoration: underline;

}



a:visited {

	color: #663300;

	text-decoration: underline;

}

a:hover {

	color: #CC6600;

	text-decoration: underline;

}

img, table {

	border: none;

}

p {

	padding: 0px 0px 15px;

	margin: 0px;

}

h1 {

	margin:0px 0 0 7px;

	padding: 10px 0 0 0;

	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;

	color: #fffffd;

}

h1 a, h1 a:visited{

	color: #663300;

	text-decoration: none;

}

h1 a:hover{

	color: #CC6600;

	text-decoration: none;

}

h2, h2 a:visited {

	color: #663300;

	margin: 0px 0px 2px 0px;

	border-bottom: 1px dotted #CCCCCC;

	letter-spacing: -1px;

	font: normal 140%/140% "Trebuchet MS", Tahoma, Arial;

	padding-bottom: 3px;

}

h2 a {

	color: #663300;

	text-decoration: none;

}

h2 a:hover {

	color: #CC6600;

	text-decoration: none;

}

h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #663300;

	margin: 10px 0px 5px;

}

h4 {

	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;

	color: #663300;

	margin: 10px 0px 5px;

}

form {

	margin:0px;

	padding:0px;

}

#page {

	margin: 0 auto;

	width: 820px;

	padding:0 30px;

	background: transparent url(images/page_bg.jpg) top center repeat-y;

}

/* header area */



#headerimg {

	width:820px;

	margin:0 auto;

	height: 180px;

}

#headerimg .description{

	color: #fff;

	font-size: 12px;

	margin:0 0 0 10px;

	font: normal Tahoma, Arial;

}

#headerimg .head{

	height:154px;

}



#header {

	height:26px;

	width: 820px;

}

#nav {

	list-style: none;

	margin: 0 10px;

	padding:0;

	white-space: nowrap;

}

#nav li {

	float: left;

	height:26px;

	margin:0 10px 0 0;

}

#nav .current_page_item a, #nav .current_page_item a:visited{

	color: #000000;

	text-decoration: none;

}

#nav .page_item a {

	float:left;

	display: block;

	color: #663300;

	text-decoration: none;

	background: #fff;

	padding: 8px 20px 0 20px;

	height:18px;

	outline:none;

	font: normal 11px Verdana, Helvetica, sans-serif;

}

#nav .page_item a:hover {

	color: #CC6600;

}



/* content area */

#content {

	margin: 10px 10px 30px 30px;

	float: left;

	width: 510px;

	overflow: hidden;

}

.post {

	clear:both;

	padding-top: 15px;

}

.post-date {

	width: 42px;

	height: 45px;

	float:left;

	background: url(images/date-bg.gif) no-repeat;

}

.post-month {

	font: normal 10px Tahoma, Helvetica, sans-serif;

	color: #fff;

	text-align: center;

	display:block;

	padding: 0px;

	margin-left: 0px;

}

.post-day {
	font-size: 125%;
	text-transform: uppercase;
	color: #666;
	text-align: center;
	display:block;
	line-height: 100%;
	padding-top: 3px;
	margin-left: -3px;
}

.post-year {
	font-size: 80%;
	text-transform: uppercase;
	color: #666;
	text-align: center;
	display:block;
	line-height: 80%;
	padding-top: 2px;
	margin-left: -3px;
}

.post-title {

	float: left;

	margin-left: 10px;

	width: 430px;

}



.entry {

	clear: both;

	padding-top: 10px;

}

.post-cat {

	background: url(images/mini-category.gif) no-repeat;

	padding-left: 20px;

	float:left;

	font-size: 95%;

	color: #999999;

}

.post-comments {

	background: url(images/mini-comments.gif) no-repeat;

	padding-left: 20px;

	float: right;

	font-size: 95%;

}

.post-calendar {

	padding-left: 20px;

	float: right;

	font-size: 95%;

	color: #999999;

}

.mini-add-comment {

	float: right;

}

.navigation {

	clear: both;

	padding: 10px 0px;

}



.previous-entries a {

	float: left;

	padding-left: 18px;

}

.next-entries a {

	float: right;

	padding-right: 18px;

}



/* comments area */

#comments, #respond {

	border-bottom: 1px dotted #CCCCCC;

	padding: 10px 0 5px 0;

	clear: both;

}

.commentlist {

	margin: 10px 0px;

	padding-left: 20px;

	line-height: 130%;

}

.commentlist li{

	padding: 5px 10px;

}

.commentlist .alt {

	background: #fff;

}

.commentlist cite {

	font-weight: bold;

	font-style: normal;

	font-size: 120%;

	color: #663300;

}

.commentlist cite a, .commentlist cite a:visited {

	color: #663300;

}

.commentlist cite a:hover {

	color: #CC6600;

	text-decoration: underline;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

#commentform {

	margin-top: 10px;

	font: 110% Arial, Helvetica, sans-serif;

}

#commentform p {

	padding: 6px 0px;

	margin: 0px;

}

#commentform label{

	color: #787878;

	font-size: 87%;

}

#commentform input{

	width: 200px;

	background:#fff;

	border: 1px solid #dcdacf;

	padding: 3px;

	margin-top: 3px;

}

#commentform textarea{

	width: 478px;

	height: 115px;

	background:#fff;

	border: 1px solid #dcdacf;

	padding: 2px;

	margin-top: 3px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #ffffff;

}

#commentform #submit{

	cursor: pointer;	

	width: 124px;

	border: 1px solid #dcdbd0;

	background: #fff;

	margin-right: 2px;

	color: #323b42;

	font-weight: normal;

	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;

}



/*sidebar */

#sidebar {

	float: right;

	padding: 0px 30px 20px 10px;

	width: 210px;

	color: #666666;

	overflow: hidden;

}

/*sidebar title (h2) */

#sidebar h2, #sidebar .sidebartitle{

	font: normal 120% "Trebuchet MS", Tahoma, Arial;

	color: #660000;

	margin: 20px 0px 2px;

	border:none;

	background: url(images/hseparator.gif) bottom no-repeat;

}

/*sidebar text styles */

#sidebar a, #sidebar a:visited{

	color: #663300;

	text-decoration: none;

}

#sidebar a:hover{

	color: #CC6600;

	text-decoration: none;

}

/*sidebar list level1 */

#sidebar ul {

	margin: 0;

	padding: 0;

}

#sidebar ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

/*sidebar list level2 */

#sidebar ul li ul {

	padding: 0;

	margin: 0;

}

#sidebar ul li ul li{

	padding: 2px 0 2px 0px;

}

/*sidebar list level3 */

#sidebar ul li ul li ul li{

	padding: 1px 0 1px 10px;

	border: none;

}

/*blogroll */

ul.list-blogroll li{

	background: url(images/mini-blogroll.gif) no-repeat !important;

	padding-left: 16px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li{

	background: url(images/mini-category.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li{

	background: url(images/mini-monthly-archive.gif) no-repeat !important;

	padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li{

	padding-left: 20px !important;

}

/*sub-pages */

ul.list-page li ul li, li.widget_pages li ul li{

	background: url(images/mini-page-arrow.gif) no-repeat !important;

	padding-left: 10px !important;

}

/*recent comments widget */

li.widget_recent_comments li{

	padding-left: 20px !important;

}

/*calendar widget */

li.widget_calendar td {

	padding: 1px 7px;

}

/*text widget */

.textwidget {

	padding-top: 5px;

}

.cat-item {

	color: #663300;

}



/*search form */

#searchform {

	margin: 15px 0 0;

}

#searchform br {

	display: none;

}

#searchform #s {

	width: 124px;

	height: 16px;

	padding: 4px 5px 0px 5px;

	border: 1px solid #dcdbd0;

	background: #fff;

	margin-right: 2px;

	color: #323b42;

	font-weight: normal;

}

/* search form button - to specify button only use input[type="submit"] */

#searchform input {

	border: 1px solid #dcdbd0;

	width: 67px;

	height: 22px;

	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;

	color: #999;

	vertical-align: middle;

	background:none;

}

.search-date {
	padding-left: 0px;
	float:left;
	font-size: 12px;
	color: #999999;
	font-style: italic;
}



/* footer area */

#footer {

	clear: both;

	color: #5a6674;

	font-size: 95%;

	line-height: 130%;

	padding-bottom: 10px;

}

#footer a, #footer a:visited {

	color: #ffffff;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

	color: #9cdbfb;

	margin: 10px 0px 5px;

}

.footer-recent-comments {

	width: 240px;

	float: left;

	margin-left: 10px;

}

.footer-recent-comments ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

.footer-recent-comments ul li {

	background: url(images/mini-footer-comments.gif) no-repeat;

	padding: 0px 0px 10px 20px;

}

.footer-recent-posts {

	width: 240px;

	float: left;

	margin-left: 10px;

}

.footer-recent-posts strong {

	font-size: 107%;

	line-height: 135%;

	font-weight: bold;

}

.footer-recent-posts ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

	font-size: 92%;

	line-height: 110%;

}

.footer-recent-posts ul li {

	background: url(images/mini-footer-post.gif) no-repeat;

	padding: 0px 0px 10px 20px;

}

.footer-about {

	width: 220px;

	float: right;

	padding-right: 10px;

	padding-left: 10px;

	background: url(images/footer-right-bg.gif) no-repeat;

}



/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}



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

.sg1 {

	background: url(images/banner_01.jpg) no-repeat;

	width:28px;

	height:16px;	

}

.sg2 {

	background: url(images/banner_02.jpg) no-repeat;

	height:16px;	

}

.sgtxt {

font-size: 10px;

font-family: Verdana,Arial,Helvetica,sans-serif;

color: #333333;

text-align:left;

text-decoration:none;

}

.sgtxt {

font-size: 9px;

font-family: Verdana,Arial,Helvetica,sans-serif;

color: #333333;

text-align:left;

text-decoration:none;

}

#sgf {

	border-top:1px dotted #999;

	font-family: Arial, Verdana, Helvetica;

	font-size:10px;

  	font-weight:bold;	

	color: #333333;

	text-decoration: none;	

	text-align:center;

}

#sgf a.sgfooter {

	font-family: Arial, Verdana, Helvetica;

	color: #333333;

  	font-weight:bold;	

	text-decoration: none;

	font-size:10px;

}

#sgf a.sgfooter:hover {

	font-family: Arial, Verdana, Helvetica;

	color: #333333;

  	font-weight:bold;	

	text-decoration: none;

	font-size:10px;

}
