/*  
Theme Name: Triplo
Theme URI: http://wptheme.marketingmultipolo.com
Description: Triplo Business Blog. An Elegant WordPress theme designed by <a href="http://www.marketingmultiplo.com">Marketing Multiplo</a> based on <a href="http://rock-kitty.net/" target="_blank">Rock.Kitty</a>.
Author: Arkin
Author URI: http://wptheme.marketingmultipolo.com 
*/



body {
background: #32373B;
margin: 0;
padding: 0;
font: 10pt verdana, arial, helvetica, sans-serif;}

#wrapper {
width: 830px;
height: 100%;
margin: 0 auto;}

#header {
clear: both;
width: 830px;
background: url(images/header.jpg) no-repeat;
height: 198px;}

#bg {
float: left;
width: 830px;
height: 100%;
background: url(images/bg.gif) repeat-y;}

.about {
padding-left: 110px;
width: 110px;
font-size: 8pt;
color: #454a44;}

.about h4 {
margin-bottom: 5px;
padding-top: 74px;
font-size: 10pt;
color: #454a44;}

/* TOP NAVIGATION */

#navbar {
background: url(images/topbg.gif) repeat-x;
width: 100%;
margin-top: 0;
margin-bottom: 30px;
height: 55px;
text-align: center;}

.menu * {
margin: 0;}

.menu {
width: 100%;
padding-top: 19px;
margin: 0;}

.menu ul {
margin: 0;
position: relative; 
list-style-type: none;}

.menu ul li {
display: inline;
padding: 11px 15px 13px 15px;
background: transparent url(images/divider.gif) repeat-y center left;
list-style: none;}

.menu li a {
display: inline;
font: bold 12pt  arial, sans-serif;
text-align: center;
text-decoration: none;
color: #ffffff;}

.menu .home {
background: none;}

.menu li a:hover {
color: #DCE7C7;}

/* BLOG NAME PROPERTIES */

h1 {
float: left;
display: inline;
margin: 0;
padding: 0 8px 10px 5px;
font: bold 17pt Arial, sans-serif;
color: #DCE7C7;}

a.mainlink {
text-decoration: none;
color: #DCE7C7;}

a.mainlink:hover {
text-decoration: none;
color: #DCE7C7;}

#description {
padding-top: 8px;
font: bold 10pt Arial, sans-serif;
color: #DCE7C7;}

/* -meta */

.meta{
  margin: 6px 0 0 6px;
  padding: 0 0 6px 23px;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
}
.meta a{
  text-decoration: none;
  color: #fc89a2;
}
.meta a:hover{
  text-decoration: none;
  color: #ffffff;
}

#rss-posts{
  background: url(skin/rss_posts.png) no-repeat 0% 0%;
}
#rss-comments{
  background: url(skin/rss_comments.png) no-repeat 0% 0%;
}
#login{
  background: url(skin/login.png) no-repeat 0% 0%;
}



/* SIDEBAR */

#mainnav {
float: right;
width: 220px;
margin-top: -5px;
padding-right: 20px;
color: #44484B;}

.nav h2 {
clear: both;
width: 220px;
font: bold italic 14pt georgia, sans-serif;
margin-top: 15px;
padding: 6px 0;
text-indent: 10px;
color: #23394B;}

.nav * {
padding: 0;
margin: 0;}

.nav li {
list-style: none;}

.nav li a {
display: block;
padding: 5px 0;
width: 220px;
background: url(images/nav.gif) -2px 5px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px dashed #C4C6C7;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #23292C;}

.nav li a:hover {
background-color: #f8f9ed;
text-decoration: none;
color: #51585B;}

/* MAIN PROPERTIES */

#main {
float: left;
margin-top: 20px;
padding-left: 20px;
line-height: 16px;
text-align: justify;
font: 10pt verdana, arial, helvetica, sans-serif;
width: 510px;
color: #44484B;}

h3 {
margin: 3px 0;
font: bold 16pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 10px;
color: #65A001;}

a.link {
margin-top: 20px;
text-decoration: none;
color: #65A001;}

a.link:hover {
text-decoration: none;
color: #23394B;}

.reply {
clear: both;
margin-top: 20px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #65A001;}

blockquote {
padding-left: 7px;
padding-right: 5px;
font-size: 8pt;
border: 1px solid #609901;
color: #6B7175;}

.clear {
clear: both;}

p.alert, p.download, p.info, p.note{
	margin: 10px 0 0;
	padding: 10px 10px 10px 36px;
}

p.alert{
	border-top: 2px solid #f0baa2;
	border-bottom: 2px solid #f0baa2;
	padding: 10px 10px 10px 36px;
	background: #ffd9c8 url(images/alert.png) no-repeat 12px 16px;
}

p.download{
	border-top: 2px solid #d4ebaf;
	border-bottom: 2px solid #d4ebaf;
	background: #edfcd5 url(images/download.png) no-repeat 10px 16px;
}

p.info{
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	background: #f9f9f9 url(images/info.png) no-repeat 12px 16px;
}

p.note{
	border-top: 2px solid #efe3ae;
	border-bottom: 2px solid #efe3ae;
	background: #fef6d2 url(images/note.png) no-repeat 14px 16px;
} 

/* AUTHOR TEXT */

.postauthor {
display: block;
margin: 0;
padding: 0 0 7px 0;
background: url(images/dottedbg.gif) bottom repeat-x;
font-weight: bold;
color: #60666A;}

.date {
display: block;
margin: 0;
padding: 5px 0 0 0; 
color: #979797;}

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
font-weight: bold;
text-decoration: none;
font-size: 12px;}

.entries a:hover {
text-decoration: none;}

.left {
float: left;}

.right {
float: right;}

/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 18px;
padding-right: 7px;
margin-bottom: 20px;
color: #4A7700;}

.com a {
background: url(images/comment.gif) left no-repeat;
padding-left: 18px;
padding-bottom: 1px;
text-decoration: none;
color: #4A7700;}

.com a:hover {
text-decoration: underline;
color: #95989B;}

.edit {
float: left;}

.edit a {
padding: 0;
background: none;}

.author {
padding: 7px 0 0 10px;
font: bold 13pt Times New Roman, arial;
color: #757B80;}

.author a {
color: #78A136;}

.alt {
background-color: #F0F3F2;
border: 1px solid #E5E5E5;}

.comment {
padding: 0 10px;}

.userinfo {
padding: 0 10px 10px 0;
text-align: right;}

/* FOOTER */

#footer {
clear: both;
background: url(images/footer.gif) no-repeat;
height: 74px;
font-size: 7pt;
color: #838383;}

#footer a {
text-decoration: none;
font-size: 7pt;
color: #838383;}

#footer a:hover {
color: #95989B;}

/* INPUT PROPERTIES */

#search {
margin-right: 5px;
margin-top: -20px;
float: right;}

.searchform {
background-color: #F4F6F5;
border: 1px solid #6F767B;
padding-left: 6px;
color: #44484B;}

.field {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.comments {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #6F6F6F;}

.button {
background-color: #749D39;
border: 1px solid #6F767B;
color: #ffffff;}

* html .button {
height: 20px;}

/* IMAGE STYLE */

img {
float: left;
padding-right: 5px;
border: 0;}

.wp-smiley {
float: none;}

/* GENERAL LINK STYLE */

a {
text-decoration: underline;
color: #608F12;}

a:hover {
text-decoration: none;
color: #23292C;}

/* WIDGET PROPERTIES */

#calendar_wrap {
border: 1px solid #497601;}

.widget_calendar td {
padding: 2px 5px;}

.widget_calendar caption {
font-weight: bold;
font-size: 10pt;
padding: 6px 0;
color: #44484B;}

.widget_calendar th {
color: #497601;}

.widget_recent_comments li {
display: block;
padding: 5px 0;
width: 220px;
background: url(images/nav.gif) 3px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 1px dashed #C4C6C7;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #23292C;}

.widget_recent_comments li a {
border: none;
background: none;}

.widget_recent_comments li a:hover {
background: none;}

.widget_search {
padding-top: 26px;}

.widget_search input#s {
background-color: #F4F6F5;
border: 1px solid #6F767B;
padding-left: 6px;
color: #44484B;}

.widget_search input {
background-color: #749D39;
border: 1px solid #6F767B;
color: #ffffff;}

.widget_text {
line-height: 16px;
font: 10pt verdana, arial, helvetica, sans-serif;}