/* ---------------------------------------------------
AUTHOR : Erwin Aligam
WEBSITE : http://www.styleshout.com/
TEMPLATE NAME : Bright Side of Life
TEMPLATE CODE : S-0005
VERSION : 1.1
LAST DATE MOD : January 20, 2010
----------------------------------------------------- */
/* ---------------------------------------------------
HTML ELEMENTS
------------------------------------------------------ */
/* top elements */
* { padding: 0; margin: 0; outline: 0; }
body {
margin: 0;
padding: 0;
font: 11px/1.6em Verdana, Tahoma, Helvetica, sans-serif;
color: #666666;
background: #A9BAC3 url(../images/bg.png) repeat-x;
text-align: center;
}

#logo {
margin-top: -13px;
width: 95px;
height: 95px;
position: absolute;
margin-left: 5px;
}

#logo a img {
border: none;
}

/* links */
a:link, a:visited {
color: #4284B0;
background-color: inherit;
text-decoration: none;
}
a:hover {
color: #9EC068;
background-color: inherit;
}

/* headers */
h1, h2, h3 {
font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
color: #333;
}
h1 { font-size: 1.5em; color: #6297BC; }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }
p, h1, h2, h3 {
margin: 10px 15px;
text-align: left;}
ul, ol {
margin: 10px 30px;
padding: 0 15px;
color: #4284B0;
}
ul span, ol span {
color: #666666;
}
/* images */
img {
padding: 8px;
}
#social {
margin: 50px 0px 50px 16px;
}
#social img {
padding: 0px;
}

#social a img {
border: none;
}

.no-padding {
	padding: 0px;
}

.image-blurred-edge {
  background-color: black;
  width: 186px;
  height: 275px;
  /* you need to match the shadow color to your background or image border for the desired effect*/
  box-shadow: 0 0 7px 7px white inset;
}

.staff-block {
    font-size: 82%;
	display: inline-block;
	/* float: left; */
	width:136px;
	height: 202px;
}

.fb-like {
top: 4px;
}
#share {
float: right;
margin-top: 10px;
}

#handwriting {
font: bold Italic 1.3em 'Waiting for the Sunrise', Helvetica, sans-serif;
color: #3659A2;
}
p.signature {
font: Italic 1.8em 'Dr Sugiyama', Helvetica, sans-serif;
color: #3659A2;
}

img.float-right {
margin: 5px 0px 5px 15px;
}
img.float-left {
margin: 5px 15px 5px 0px;
}
code {
margin: 5px 0;
padding: 10px 15px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #f2f2f2;
border-left: 4px solid #4284B0;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 15px;
padding: 5px 10px 5px 20px;
background: #FAFAFA;
border: 1px solid #f2f2f2;
border-left: 4px solid #4284B0;
color: #4284B0;
font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
font-style: italic;
}
/* form elements */
form {
margin:10px; padding: 5px;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding: 3px 5px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:300px;
padding: 3px 5px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
border: 1px solid #CCC;
background: #FFF;
padding: 5px 3px;
color: #4284B0;
}
#search {
position: absolute;
width: 320px;
height: 30px;
vertical-align: top;
background: transparent;
border: none;
margin-left: 509px;
margin-top: 10px;
}

/* search form */
form.searchform {
background: transparent;
border: none;
margin: 0; padding: 0;
}
form.searchform input.textbox {
margin: 0;
width: 120px;
border: 1px solid #9EC630;
background: #FFF;
color: #333;
height: 14px;
vertical-align: top;
}
form.searchform input.button {
margin: 0;
padding: 2px 3px;
font: bold 12px Arial, Sans-serif;
background: #FAFAFA;
border: 1px solid #f2f2f2;
color: #777;
width: 60px;
vertical-align: top;
}
/* -------------------------------
LAYOUT
---------------------------------- */
#wrap {
background: #FFF;
width: 820px; height: 100%;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
margin: 0; padding: 0;
background: #FFF;
}
.header-photo {
border: none;
padding: 0;
}
/* header */
#header {
position: relative;
background: #FFF url(../images/headerbg.png) repeat-x 0% 100%;
margin-top: 10px;
height: 100px;}

#header h1#company-name {
position: absolute;
margin: 0; padding: 0;
font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
text-transform: lowercase;
top: 0px;
left: 109px;
}
#header h2#slogan {
position: absolute;
top: 35px;
color: #0f0f0f;
text-indent: 0px;
font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform: none;
font-style: italic;
font-size: 11px;
font-weight: normal;
margin: 12px 0px 0px 0px;
left: 120px;
}

#header form.searchform {
position: absolute;
top: 0; right: -12px;
}
/* main */
#main {
float: left;
margin-left: 15px;
padding: 0;
width: 73%;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 15px 0 15px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: url(../images/clock.png) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .comments {
background: url(../images/comment.png) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}

.post-footer .readmore {
background: url(../images/page.png) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
float: left;
width: 23%;
margin: 0; padding: 0;
display: inline;
}
#sidebar ul.sidemenu {
list-style:none;
margin:10px 0 10px 15px;
padding:0;
}
#sidebar ul.sidemenu li {
margin-bottom:1px;
border: 1px solid #f2f2f2;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:bold;
color: #333;
text-decoration:none;
padding:3px 5px 3px 10px;
background: #f2f2f2;
border-left:4px solid #CCC;
min-height:18px;
}
* html body #sidebar ul.sidemenu a { height: 18px; }
#sidebar ul.sidemenu a:hover {
padding:3px 5px 3px 10px;
background: #f2f2f2;
color: #339900;
border-left:4px solid #9EC630;
}

#sidebar a img {
border: none;
}

/* rightbar */
#rightbar {
float: right;
width: 23%;
padding: 0; margin:0;
}

/* Footer */
#footer {
clear: both;
color: #fff;
background: #A9BAC3;
border-top: 5px solid #568EB6;
margin: 0; padding: 0;
height: 50px;
font-size: 95%;
}
#footer a:link, #footer a:visited {
text-decoration: none;
font-weight: normal;
}
#footer a:hover {
color: #333;
}
#footer .footer-left{
float: left;
width: 45%;
}
#footer .footer-right{
float: right;
width: 50%;
}
/* menu tabs */
#menu-tabs ul {
z-index: 999999;
position: absolute;
margin:0; padding: 0;
list-style:none;
right: 0;
bottom: 6px !important; bottom: 5px;
font: bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
#menu-tabs li {
display:inline;
margin:0; padding:0;
}
#menu-tabs a {
float:left;
background: url(../images/tableft.png) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#menu-tabs a span {
float:left;
display:block;
background: url(../images/tabright.png) no-repeat right top;
padding:6px 15px 3px 8px;
color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu-tabs a span {float:none;}
/* End IE5-Mac hack */
#menu-tabs a:hover span {
color:#FFF;
}
#menu-tabs a:hover {
background-position:0% -84px;
}
#menu-tabs a:hover span {
background-position:100% -84px;
}
#menu-tabs #current a {
background-position:0% -42px;
color: #FFF;
}
#menu-tabs #current a span {
background-position:100% -42px;
color: #FFF;
}
/* end menu tabs */
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear { clear: both; }
.green { color: #A1C442; }
.orange { color: #ff9f59;}