/*
Theme Name: Blue-Green Tea
Theme URI: http://www.wpdesignstudio.com
Description: <a href="http://www.wpdesignstudio.com">Blue-Green Tea</a> is exclusively made for WPDesignStudio by shape_tea.
Version: 1.0
Author: shape_tea
Author URI: http://www.stateoftheword.com
Tags: fixed width, two columns, simple, clean, blue, green, white, wordpress, wpdesignstudio, shape_tea
	  This theme was designed and built by shape_tea, please visit at http://www.wpdesignstudio.com
*/

body {
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family: "Lucida Grande", Georgia, Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color:#69645B;
	letter-spacing:0px;
	font-size:62.5%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0;
}

a, a:link, a:visited {
	color:#0489B7;
	text-decoration:none;
}

a:hover {
	color:#0489B7;
	text-decoration:underline;
}

h1, h2, h3, h4, h5 {
	font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
	color:#4B4740;
	letter-spacing:-1px;
	font-weight:normal;
}

h1 {
	margin:0px;
	padding:5px 0px;
	float:left;
	width:38%;
}

h1 a img {
	border:none;
}

h2, #leftside h2 {
	font-size:180%;
	margin:20px 0px 10px 0px;
	padding:0px;
}

#leftside h2 {
	background-image:url(images/bgh2.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#leftside h2.blog {
	background-image:url(images/bg_titleh2.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#leftside h2 a, #leftside h2 a:link, #leftside h2 a:visited {
	color:#4B4740;
	text-decoration:none;
}

#leftside #commentform h3, h3#comments {
	background-image:url(images/bgh3-blue.png);
	background-position:left center;
	background-repeat:no-repeat;
}

#leftside #commentform h3 a, #leftside #commentform h3 a:link, #leftside #commentform h3 a:visited
h3#comments a, h3#comments a:link, h3#comments a:visited {
	color:#4B4740;
	text-decoration:none;
}

#footer h2 {
	color:#98988b;
}

h3, h3 a, h3 a:link, h3 a:visited {
	font-size:140%;
	margin:0px 0px 2px 0px;
	padding:0px;
	line-height:30px;
	color:#4B4740;
}

h3.fresh, h3.fresh a, h3.fresh a:link, h3.fresh a:visited {
	font-size:120%;
	margin:5px 0px 5px 0px;
	line-height:30px;
	color:#4B4740;
	font-style:italic;
}

h3.fresh a:hover {
	color:#0489bc;
	font-style:italic;
	text-decoration:none;
}

h4 {
	font-size:120%;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#b0cd4d;
	line-height:20px;
}

h5 {
	font-size:90%;
	color:#9b9282;
	margin:0px 0px 5px 0px;
	padding:0px;
	line-height:20px;
	letter-spacing:0px;
	font-style:italic;
}

h3 a:hover {
	color:#0489B7;
	text-decoration:none;
}

p {
	margin:15px 0px;
	padding:0px;
	line-height:22px;
}

ul {
	margin:0px 5px 0px 5px;
	padding:0px;
}

ul li {
	margin:5px 0px;
	padding:10px 5px;
}

.entry-content, #rightside .entry-content, #portfolio .entry-content  {
	background-image:url(images/line.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	margin:0px 0px 5px 0px;
	padding:0px 0px 20px 0px;
	float:left;
	width:100%;
}

#rightside .entry-content {
	float:right;
}

#portfolio .entry-content {
	padding:10px 0px 20px 0px;
}

#leftside ul#what li {
	background-image:url(images/tick.png);
	background-position:left center;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:10px 30px;
	border-bottom:#d4d4c7 dashed 1px;
}

#leftside ul li.action, #leftside ul#what li.action  {
	margin:5px 0px 15px 0px;
	padding:10px 5px;
	border-bottom:none;
	list-style-type:none;
	background-image:none;
}

ul li strong, ul#what li strong {
	color:#338599;
	font-weight:normal;
}

#bgcontent {
	background-image:url(images/bgblue.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

#container {
	width:100%;
}

#header {
	background-color:#4b4d51;
	height:40px;
	width:100%;
}

.header-content {
	width:800px;
	margin:0px auto;
	color:#fff;
}

.notes {
	width:60%;
	float:right;	
	color:#98988b;
	font-size:140%;
	text-align:right;
	padding:10px 0px;
}

.notes a, .notes a:link, .notes a:visited {
	color:#b0cd4d;
}

#topline {
	background-color:#98988b;
	height:5px;
	width:100%;
}

#wrapper{
	width:800px;
	margin:0px auto;
	clear:both;
}

#content {
	width:100%;
	height:500px;
	margin:0px auto;
	font-size:140%;
	letter-spacing:0px;
}

*+html #content {
	width:100%;
	height:auto;
	margin:0px auto;
	font-size:140%;
	letter-spacing:0px;
}

#topcontent {
	width:100%;
	float:left;
}

h2#welcomenote {
	width:74%;
	float:left;
	border-right:#84847b solid 4px;
	font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
	font-size:165%;
	font-weight:normal;
	color:#9f9f91;
	letter-spacing:-1px;
	line-height:55px;
	margin:30px 0px 0px 0px;
}

h2#welcomenote p {
	margin:0px;
	padding:0px;
}

h2#welcomenote strong {
	font-size:330%;
	font-weight:normal;
	color:#338599;
	letter-spacing:-5px;
	line-height:53px;
}

h2#welcomenote em, h2#welcomenote b {
	font-size:220%;
	font-weight:normal;
	font-style:normal;
	color:#909085;
	letter-spacing:-2px;
	line-height:53px;
}

h2#welcomenote b {
	line-height:52px;
}

h2#welcomenote .welove {
	margin:5px 0px 0px 0px;
	line-height:40px;
}

#nav {
	width:25%;
	float:right;
}

#nav ul {
	float:left;
	width:100%;
	margin:43px 0px 0px 0px;
	padding:0px;
	text-align:right;
	font-size:250%;
	font-family: Georgia, Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:-1px;
	line-height:37px;
}

#nav ul li {
	width:100%;
	list-style-type:none;
	text-align:right;
	margin:0px;
	padding:0px;
	border:none;
}

#nav a, #nav a:link, #nav a:visited {
	color:#909085;
	text-decoration:none;
}

#nav a:hover, #nav ul li.current_page_item a {
	color:#338599;
	text-decoration:none;
}

#maincontent {
	margin:30px 0px 10px 0px;
	float:left;
	width:100%;
}

#leftside {
	float:left;
	width:62%;
}

#rightside {
	float:right;
	width:28%;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 10px;
	text-align:right;
}

.twitter {
	margin:0px;
	padding:0px;
}

.twitter img, .quote img.left {
	float:left;
	margin:0px 5px 5px 0px;
}

.quote {
	text-align:center;
}

.quote p {
	padding:0px 10px;
	font-style:italic;
	color:#8f8f85;
}

.quote .company {
	text-align:right;
}

#portfolio {
	margin:10px 0px;
}

#portfolio a img, #portfolio a:link img, #portfolio a:visited img {
	border:#98988b solid 7px;
	float:left;
}

#portfolio a:hover img {
	border:#0489B7 solid 7px;
}

#portfolio .description {
	float:right;
	width:35%;
	margin:0px;
	padding:0px;
}

#footer {
	background-color:#4b4d51;
	width:100%;
	float:left;
	font-size:140%;
	color:#98988b;
	padding:0px 0px 15px 0px;
}

#footerline {
	background-color:#98988b;
	height:5px;
	width:100%;
	float:left;
}

.footer-content {
	width:800px;
	margin:0px auto;
}

.thumbs {
	margin:20px auto 100px auto;
	width:99%;
}

.thumbs ul {
	margin:0px;
	padding:0px;
	float:left;
}

.thumbs ul li {
	float:left;
	margin:0px 9px;
	padding:0px;
	list-style-type:none;
	background-image:none;
	border:none;
}

.thumbs ul li a img, .thumbs ul li a:link img, .thumbs ul li a:visited img {
	border:#98988b solid 4px;
}

.thumbs ul li a:hover img {
	border:#338599 solid 4px;
	/*border:#b0cd4d solid 4px;*/
}


#wrapper-testi {
	width:800px;
	margin:0px auto;
}

#testimonies {
	margin:10px 0px;
	padding:0px;
	width:100%;
	float:left;
}

#testimonies ul {
	padding:0px;
	width:100%;
	float:left;
}

#testimonies ul li {
	margin:0px 29px;
	padding:0px;
	float:left;
	width:26%;
	list-style-type:none;
}

#testimonies ul li img.left {
	float:left;
	margin:0px 5px 5px 0px;
}

#testimonies ul li img.right {
	float:right;
	margin:-10px 0px 5px 5px;
}

#testimonies ul li p {
	margin:5px 0px;
	padding:0px;
	font-style:italic;
	letter-spacing:0px;
}

#testimonies a, #testimonies a:link, #testimonies a:visited {
	color:#b0cd4d;
}

#foot {
	margin:15px 0px 5px 0px;
	float:left;
	width:100%;
}

#foot a, #foot a:link, #foot a:visited {
	color:#818176;
}

#foot a img {
	border:none;
}

.supported {
	width:42%;
	float:left;
	text-align:left;
	font-size:80%;
}

.supported p {
	margin:15px 0px 0px 0px;
	padding:0px;
	line-height:15px;
}

.supported img {
	float: left;
	margin: 0px 10px 0px 0px;
}

.copyright {
	width:49%;
	float:right;
	text-align:right;
	font-size:80%;
	margin:15px 0px 0px 0px;
}

/*----------------------------------------------------------*/

.smile {
	color:#338599;
}

.blue {
	color:#0489B7;
}

.twitterh2 {
	color:#0489B7;
	font-style:italic;
}

.welove {
	margin:15px 0px 0px 0px;
}

a.morelong, a:link.morelong, a:visited.morelong {
	border:none;
	background-image:url(images/longbutton.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:190px;
	height:25px;
	float:right;
	color:#888;
	font-family: georgia, tahoma, verdana, arial;
	font-size:100%;
	letter-spacing:0px;
	padding:7px 13px 2px 0px;
	margin:0px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

a.more, a:link.more, a:visited.more, #submit {
	border:none;
	background-image:url(images/button.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:123px;
	height:25px;
	float:right;
	color:#888;
	font-family: georgia, tahoma, verdana, arial;
	font-size:100%;
	letter-spacing:0px;
	padding:5px 8px 2px 0;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}

#submit {
	background-image:url(images/middlebutton.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:160px;
	height:25px;
	float:left;
	padding:2px 0px 4px 18px;
	text-align:left;
}

.submitbutton {
	background-image:url(images/middlebutton.png);
	background-position:left center;
	background-repeat:no-repeat;
	width:153px;
	height:25px;
	float:left;
	padding:6px 8px 1px 0;
}

a:hover.morelong, a:hover.more {
	color:#0489B7;
}


/*----------------------------------------------------------*/

form#commentform ul {
	margin:25px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

form#commentform ul li {
	list-style-type:none;
	padding:5px 0px;
}

.success {
	margin:15px 0px 30px 0px;
	font-size:80%;
}

.field {
	padding:3px;
	font-family: tahoma, georgia, verdana, arial;
	font-size:90%;
	color:#69645b;
}

textarea {
	/*background-color:#e9f6fc;
	border:#eee solid 1px;*/
	padding:5px;
	font-family: tahoma, georgia, verdana, arial;
	font-size:90%;
	color:#69645b;
	margin:0px 0px 15px 0px;
}

div#commentform li label, div#commentform li .allowed label {
	color:#338599;
	display:block;
	float:left;
	margin:0px 0px 2px 0px;
	position:relative;
	width:99%;
}

div#commentform li .allowed label {
	font-size:110%;
	font-family: georgia, tahoma, verdana, arial;
}

div#commentform li label.grey, .allowed {
	color:#98988b;
	display:block;
	float:left;
	margin:0px 0px 15px 0px;
	position:relative;
	width:99%;
	font-size:85%;
	font-family: tahoma, georgia, verdana, arial;
}

div#commentform li textarea {
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	color:#777777;
	font-family:Tahoma;
	font-size:12px;
	padding:4px;
}

.allowed {
	padding:5px;
	border:#eee dashed 1px;
	width:90%;
	font-size:80%;
	background-color:#f7fafb;
}