/* -------------------------- */
/*  HelloKelli.com  11/02/05  */
/* -------------------------- */

/* general */
body{
	margin: 0 auto;
	text-align: center;
	background: #fff url(images/bg_gradient.png) repeat-x fixed;
	font: .75em Helvetica, Arial, Verdana, sans-serif;


	}
a{
	color: #167899;
	text-decoration: none;

	}
a em{
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;

}
a:visited{
	}
/* layout */
#extra{
       background: url(images/smalltop.png) repeat-x;
       height: 9px;
       width: 100%;
      }
#nav{
	width: 100%;
	height: 30px;
	text-align: right;
overflow: hidden;
        margin-top:-2px;
	}

#top{
	width: 100%;
	background:  url(images/arg_gradient.png) repeat-x ;
	background-position: top center;
	height: 294px;
 margin:0 auto;
	
	}
*html #top{
height: 204px;
}
#quote{
	width: 321px;
	padding: 10px 0 0 20px;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:26px;
  	letter-spacing:-1px;
  	text-transform: lowercase;
  	color: #fff;
	float: left;
        text-align: left;
	}
 h2{
        margin-right: 55px;
margin-top:0px;
        font-family: times new roman, serif ;
        font-size: 20px;

        text-transform: lowercase;
        float: right;
        text-align: right;
}
h1{
        margin-left: 10px;
        font-size: 56px;
line-height: 40px;
padding:0;
margin-bottom:0px;
}
span.big{
        font-family: times new roman, serif ;
        font-size: 20px;
        text-transform: lowercase;
margin-left: -10px;
        }
#feature{
	width: 251px;
	padding: 25px 0 0 75px;
	float: left;
height: 284px;
text-align: left;
	}
#feature p{
text-decoration: none;
	
	line-height: 2.0em;
	color: #167899;
}
.container{
	width: 782px;
	margin: 0 auto;
	overflow: auto;
	
	}
.row{
	width: 782px;
	overflow: hidden;
	margin: 20px auto;

	}

#top .row{
margin: 0px auto;
}
.block{
	width: 300px;
	float: left;
	text-align: left;
	padding-left: 75px;
	padding-right: 15px;
	border-right: 1px solid #BCD3C2;
	}
.block2{
	width: 300px;
	float: right;
	padding-right: 75px;
	text-align: left;
	
	}

.block_title{
	position: relative ;
	top: 5px;
	left: 3px;
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:24px;
  	letter-spacing:-1px;
  	text-transform: lowercase;
  	color: #8BBE5A;
	}


ul{
	font-size: 1.0em;
	margin:0;
	padding:0;
	list-style: none;
	}
li{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #BBE0EB;
	}
li a{
	display: block;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
	line-height: 1.5em;
	color: #167899;
	}
li a:hover {
	background:#F0FDE2;
	}
#nav ul{
	padding-right: 15px;
        margin-top: -2px;
        height: 27px;
overflow: hidden
	}
#nav ul li{
	display: inline;
	line-height: 29px;
overflow: hidden
	}
#nav  a {
	display: block;
	float: right;
        margin-top: -5px;
	text-decoration: none;
	font-family: Georgia, Times New Roman, Times, serif;
	background: url(images/nav_middle.png) repeat-x bottom;
  	font-size:22px;
	padding: 0 7px 0px 7px;
	height: 32px;
  	letter-spacing:-1px;
  	text-transform: lowercase;
	}
#name{
        float: left;
width: 50px;

}
#nav .first a {
	background: url(images/nav_cap_right.png) no-repeat right bottom;
	padding-right: 20px;
	}
#nav .last a {
	background: url(images/nav_cap_left.png) no-repeat left bottom;
	padding-left: 20px;
	}
#nav ul li a:hover {
	color: #fff;
	background: url(images/nav_middle_over.png) repeat-x bottom;
	}
#nav .first a:hover {
	color: #fff;
	background: url(images/nav_cap_right_over.png)no-repeat right bottom;
	padding-right: 20px;
	}
#nav .last a:hover {
	color: #fff;
	background: url(images/nav_cap_left_over.png) no-repeat left bottom;
	padding-left: 20px;
	}
	


/* 
design section----------------------------- */

#design{
	width: 680px;
	float: left;
	text-align: left;
	padding-left: 55px;
	margin: 15px 0;
	padding-right: 15px;
	}

#design li{
	border: 0;
	margin: 5px;
	list-style: none;
	width: 120px;
	float: left;
	}
#design li a{
	height: 100px;
	border: 0;
	width: 104px;
	}
#design li a:hover{
	background: inherit;
	}
	
#design img{
	padding: 2px;
	border: 2px solid #B7CDCC;
	background: #fff;
	display: block;
	}
#design a:hover img {
	background: #C4DFE9;
	}
#dcontent{
	margin: 0 0 70px 0;
	}
#dcontent img{
	padding: 5px;
	border: 2px solid #B7CDCC;
	background: #fff;
	float: left;
	margin-right: 30px;
	}
#single .dtitleentry{
	text-align: center;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:26px;
  	letter-spacing:-1px;
	text-decoration: none;
  	text-transform: lowercase;
  	color: #9DCE77;
	line-height: 2em;
	margin: 20px 0 0 210px;
	width: 490px;
	
	}
#dcontent strong{
	color: #167899;
	font-size: 120%;
	font-family: Georgia, Times New Roman, Times, serif;
	}

#dcontent p{

	border-bottom: 1px dotted #BBE0EB;
	
	}
	
/* Entry
--------------------------------------------------*/
.entry {margin:0; 
	text-align:left;
	font-size: 120%;}
.entry p{
	padding: 0 15px 0 10px;
	line-height: 1.6em;
	}

.entry .info {
 text-align: left;
 margin-top: -10px;
 padding: 0 70px 0 0;
	}

.entry .info p{
	padding: 0;}

.entry a.more {
  padding-left:12px;
  background:url(images/spring_flavour/more.gif) center left no-repeat;
  font-size: 110%;
}

.entry .date {
  margin: 0 0 0 15px;
  padding-left: 15px;
  text-align: right;
  background:url(images/spring_flavour/post.gif) center left no-repeat;
  font-family: Georgia, Times New Roman, Times, serif;
  
  	letter-spacing:-1px;
  	text-transform: lowercase;
}

.entry .info .author {
  padding-left:23px;
  border-color:#949494;
  background:url(images/spring_flavour/author.gif) 10px 2px no-repeat;
}

.entry #filedunder {border-color:#F3F4F4;}
#comments li.comment {list-style-image:url(images/spring_flavour/comments.gif);}

#comments li.trackback,#comments li.pingback {list-style-image:url(images/spring_flavour/pingtrackback.gif);}
.next a {
  padding-right:10px;
  background:url(images/spring_flavour/next.gif) center right no-repeat;
}

.previous a {
  padding-left:10px;
  background:url(images/spring_flavour/previous.gif) center left no-repeat;
}
.editlink {


  position:absolute;
  height:14px;
  width:14px;
  right:2px;
  background:url(images/spring_flavour/edit.gif) 0 -14px;
}

html>body .editlink {bottom:6px;}

.entry .info .editlink a,
.minientry .editlink a,
#comments li .editlink a {
  display:block;
  height:14px;
  width:14px;
  margin:0;
  padding:0;
  border:none;
  font-size:1px; /* IEWin */
  line-height: normal; /* IEWin */
  text-indent:-9999px;
  background:url(images/spring_flavour/edit.gif) 0 0;
}

.entry .info .editlink a:hover,
.minientry .editlink a:hover,
#comments li .editlink a:hover
  {background:none;}

.titleentry a{
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:22px;
  	letter-spacing:-1px;
	text-decoration: none;
  	text-transform: lowercase;
  	color: #fff;
	}
.titleentry a:hover{
  	color: #DDE3E1;
	}
.entry #filedunder {
  clear:both;
  padding:3px 0 0 0;
  font-size:0.9em;
  border-top: 1px dotted #BBE0EB;
  color: #666;
}
/* single page
-------------------------------------------------*/
.single .titleentry a{
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:26px;
  	letter-spacing:-1px;
	text-decoration: none;
  	text-transform: lowercase;
  	color: #9DCE77;
	line-height: 26px;
	
	}
#single .titleentry{
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;

  	font-size:26px;
  	letter-spacing:-1px;
	text-decoration: none;
  	text-transform: lowercase;
  	color: #9DCE77;
	line-height: 26px;
	
	}
#single {
	width: 622px;
	margin: 0 auto;
	}
#entrypage {
	margin:0; 
	text-align:left;
	font-size: 120%;}
#entrypage p{
	padding: 0 15px 0 10px;
	line-height: 1.6em;
	}
#entrypage #filedunder {
  clear:both;
  padding:3px 0 0 0;
  font-size:0.9em; 
  border-top: 1px dotted #BBE0EB;
  color: #666;
}
.cc{
	text-align: center;
	}
/* Comments
--------------------------------------------------*/
#comments li.comment {list-style-image:url(images/spring_flavour/comments.gif);}

#comments li.trackback,#comments li.pingback {list-style-image:url(images/spring_flavour/pingtrackback.gif);}

#commentform {width: 100%;}

#comments .header {
font-family: Georgia, Times New Roman, Times, serif;
  	font-size:24px;
  	letter-spacing:-1px;
  	text-transform: lowercase;
	display: block;
	line-height: 1.5em;
	background: #8BBE5A;
	color: #ffffff;
	text-align: center;
}
#html{
	font-size: 80%;
	padding: 0 20px;
	color: #666;
	}
#ping{
	background: #8BBE5A;
	text-transform: lowercase;
	margin-bottom: 40px;
	color: #ffffff;
	}
#ping a{
	text-decoration: none;
	color: #ffffff;
	}
#ping a:hover{
	color: #167899;
	}

	
/* form
--------------------------------------------------*/
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}


form fieldset {border:0 solid;} /* Opera */

form p {
  padding:6px 0;
  
}

form label {
  display:block;
  float:left;
  width:60px;
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form input, form textarea {
  padding:3px;
  width:200px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
  width:90px !important;
  
  font-weight:bold;
}

#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}
form p {border-color:white;}

form label { color:#6C8C37;}

form em {color:#C8C8B4;}

form input {color:#414141;}

form input, form textarea {
  border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;
}

form .button {
  border-color:white #DCDCDC #DCDCDC white;
  background-color:#F0F0F0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .titleentry {
	visibility: hidden;
        text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size:24px;
line-height: 24px;
  	letter-spacing:-1px;
	text-decoration: none;
  	text-transform: lowercase;
  	color: #fff;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash span.big {
	visibility: hidden;
}
#google{
width: 336px;
float: left;
}
#footer{
clear:both;
margin: 0 auto;
height: 20px;
color: #BDDBE6;
padding: 20px 0 10px 0;
}
#footer a{
color: #BDDBE6;
}
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}

form fieldset {border:0 solid;} /* Opera */

form p {
  padding:6px 0;
text-align: left;
}

form label {
  display:block;
  float:left;
  width:60px;
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form input, form textarea {
  padding:3px;
  width:200px;
  
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
  width:90px !important;

  font-weight:bold;
}

#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}