/* 
 AUTHOR:Erwin Aligam 
 WEBSITE:http://www.styleshout.com/
TEMPLATE NAME:Refresh
 TEMPLATE CODE:S-0002
 VERSION:1.0
 */
 
/* 
 HTML ELEMENTS
 */ 

/* Top Elements */
*{ margin:0;padding:0}

body{
background:#CCCCCC;
font:70%/1.5em Verdana,Tahoma,arial,sans-serif;
color:#333;
text-align:center;
}

/* links */
a,a:visited{
text-decoration:none;
color:#4F82CB;
background:inherit;
}
a:hover{
color:#4EBF37;
background:inherit;
}

/* headers */
h1,h2,h3{
font-family:Tahoma,Verdana,"Trebuchet MS",Sans-serif;
font-weight:Bold;
}
h1{
font-size:120%;
}
h2{
font-size:110%;
text-transform:uppercase;
color:#88ac0b;
}
h3{
font-size:110%;
color:#666666;
}

h1,h2,h3,p{
padding:10px;
margin:0;
}
ul,ol{
margin:5px 20px;
padding:0 20px;
/*color:#88ac0b;*/
}
ul span,ol span{
color:#666666;
}

code{
margin:5px 0;
padding:10px;
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;
}
acronym{
cursor:help;
border-bottom:1px solid #777;
}
blockquote{
margin:10px;
 padding:0 0 0 28px;
 border:1px solid #f2f2f2;
background:#FAFAFA url(images/quote.gif) no-repeat 5px 5px;
}

/* form elements */
#searchbox{
margin:20px;
padding:0 5px;
border:1px solid #f2f2f2;
background-color:#FAFAFA;
position:absolute;
top:35px;right:25px;
background:transparent;
border:none;
}
label{
display:block;
font-weight:bold;
margin:5px 0;
}
input{
padding:2px;
border:1px solid #eee;
font:normal 0.9em Verdana,sans-serif;
color:#777;
}
textarea{
width:400px;
padding:2px;
font:normal 1em Verdana,sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button{ 
margin:0;
font:bolder 12px Arial,Sans-serif;
border:1px solid #CCC;
padding:2px 3px;
background:#FFF;
color:#88ac0b;
}

/* search */
#searchfield{
margin:0;
margin-right:5px;
padding:1px 2px;
width:120px;
background:#FFF;
color:#333;
}
#searchbutton{
background:#CCC url(images/headerbg.gif) repeat-x;
font:bolder 12px Arial,Sans-serif;
padding:2px 3px;
color:#333;
border:none;
width:70px;height:21px;
}
#searchcomments 
{
margin-top:3px;
margin-right:5px;
}
#searchbox label{
font:10px Arial,Sans-serif;
display:inline;
color:#FFF;
}

/* 
 LAYOUT
 */ 
#wrap{
width:760px;
background:#CCC url(images/content.jpg) repeat-y center top;
margin:0 auto;
text-align:left;
}
#content-wrap{
clear:both;
width:700px;
padding:0;
margin:0 auto;
}
#header{
width:760px;
position:relative;
height:106px;
background:#CCC url(images/header.jpg) no-repeat center top;
padding:0;
font-size:14px;
color:#FFF;
}
#header h1#logo-text{
position:absolute;
margin:0;padding:0;
font:bolder 3.3em "Trebuchet MS",Arial,Sans-serif;
letter-spacing:-2px;
color:#FFF;
text-transform:none;

/* change the values of top and left to adjust the position of the logo*/
top:28px;left:50px;
}
#header a 
{
color:#FFF;
}
#header h2#slogan{
position:absolute;
margin:0;padding:0;
font:normal 1em "Trebuchet MS",Arial,Sans-serif;
text-transform:none;
color:#FFF;

/* change the values of top and left to adjust the position of the slogan*/
top:81px;left:58px;
}

/* Menu */
#menu{
clear:both;
margin:0;padding:0 40px 0 0;
background:url(images/menu.jpg) repeat-y center top;
font:bold 12px/26px Verdana,Arial,Tahoma,Sans-serif;
height:26px;
}
#menu ul{
float:right;
list-style:none;
margin:0;padding:0;
}
#menu ul li{
display:inline;
}
#menu ul li a{
display:block;
float:left;
padding:0 8px;
color:#FFF;
text-decoration:none;
}
#menu ul li a:hover{
background-color:#ECECEC;
color:#333;
}
#menu ul li#current a{
background-color:#FFF;
color:#333;
}

/* Main Column */
#main{
float:right;
width:72%;
_width:70%;
padding:0;margin:0;
}
#main h1{
margin-top:10px;
font:Bold 125% Verdana,"Trebuchet MS",Sans-serif;
color:#88ac0b;
padding:5px 0 5px 25px;
border-bottom:1px solid #EFF0F1;
background:#FFF url(images/square-green.png) no-repeat 3px 50%;
}
#main h1 a{
background:none;
/*color:#88ac0b;Preferred the Blue for the header*/
}
/* images */
#main img{
border:2px solid #CCC;
}
#main img.float-right{
margin:5px 0px 10px 10px;
}
#main img.float-left{
margin:5px 10px 10px 0px;
}


.post-footer{
background-color:#FAFAFA;
padding:5px;margin:20px 10px 0 10px;
border:1px solid #f2f2f2;
}
.post-footer .date{
background:url(images/clock.gif) no-repeat left center;
padding-left:20px;margin:0 10px 0 5px;

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

/* Sidebar */
#sidebar{
float:left;
width:26.5%;
padding:0;margin:0;
}
#sidebar h1{
margin-top:10px;
padding:5px 0 5px 10px;
font:bold 1.1em Verdana,"Trebuchet MS",Sans-serif;
color:#555;
background:#EEF0F1 url(images/headerbg.gif) repeat-x left bottom;
border:1px solid #EFF0F1;
}
#sidebar .left-box{
border:1px solid #EFF0F1;
margin:0 0 5px 0;
}
#sidebar ul{
list-style:none;
text-align:left;
margin:3px 0 8px 0;padding:0;
text-decoration:none;
}
#sidebar ul li{
border-bottom:1px solid #EFF0F1;
background:url(images/go.gif) no-repeat 5px 5px;
padding:2px 0 2px 25px;
margin:0 2px;
*zoom:1;
}
#sidebar ul a{
font-weight:bolder;
text-decoration:none;
background-image:none;
}

/* Tag cloud */

#tagcloud{
margin-bottom:10px;
white-space:normal;
}

#sidebar #tagcloud li{
display:inline;
background:none;
border:none;
padding:2px 1px 2px 1px;
}

#tagcloud a{
margin-right:3px;
display:inline;
}

#tagcloud a.biggest{
font-size:20px;
}

#tagcloud a.big{
font-size:17px;
}

#tagcloud a.medium{
font-size:13px;
}

#tagcloud a.small{
font-size:12px;
}

#tagcloud a.smallest{
font-size:10px;
}

/* Footer */
#footer{
color:#666666;
background:#CCC url(images/footer.jpg) no-repeat center top;
clear:both;
width:760px;
height:55px;
text-align:center;
font-size:92%;
}
#footer a{ text-decoration:none}

/* alignment classes */
.float-left{ float:left}
.float-right{ float:right}
.align-left{ text-align:left}
.align-right{ text-align:right}

/* display and additional classes */
.clear{ clear:both}
.gray{ color:#CCC}
.egg{ color:#FFFF66}

/* Comments */

.comment 
{
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
padding-top:10px;
margin-bottom:5px;
padding-bottom:5px;
}

.comment .monsterid{
float:right;
margin:5px 5px 5px 5px;
}

.comment .monsterid img{
border:none;
}

.comment .content{
min-height:105px;
margin:5px 0 0 5px;
}
.self{
background-color:#F5F5F5;
}
.commentForm{
padding:5px;
background-color:#F5F5F5;
}

.commentForm label{
/*float:left;
display:block;*/

}

.commentForm input{
width:200px;
}

.commentForm textarea{
width:100%;
height:150px;
}
.commentForm #btnSave{ 
margin:0;
font:bolder 12px Arial,Sans-serif;
border:1px solid #CCC;
padding:2px 3px;
background:#FFF;
color:#88ac0b;
}

#gravatarmsg
{
display:none;
}

/* Contact */

#contact{
background-color:#FAFAFA;
}

#ctl00_cphBody_btnSend{ 
margin:0;
font:bolder 12px Arial,Sans-serif;
border:1px solid #CCC;
padding:2px 3px;
background:#FFF;
color:#88ac0b;
}

/* Archive */

#archive{
background-color:white;
border:1px solid silver;
padding:10px;
}

#archive h2{
border-bottom:1px solid silver;
padding-bottom:4px;
font-size:12px;
margin-bottom:10px;
}

#archive h2 img{
margin-right:3px;
border:none;
}

#archive ul{
list-style-type:square;
margin:0 10px;
padding:10px;
}

#archive ul li{
margin-right:20px;
}

#archive table{
width:100%;
border-collapse:collapse;
}

#archive table td,#archive table th{
text-align:left;
}

#archive table td{
text-align:left;
border-bottom:1px solid #D8D8D8;
padding:2px 0;
}

#archive .date{
width:70px;
}

#archive .comments{
width:70px;
text-align:center;
}

#archive .rating{
width:70px;
text-align:center;
}

#searchpage{
margin-bottom:30px;
}

#searchpage input#q{
width:300px;
}

#searchpage input#comment{
clear:both;
}

.searchresult{
margin-bottom:20px;
}

.searchresult a{
font-weight:bold;
}

.searchresult span.text{
clear:both;
display:block;
margin:3px 0;
}

.searchresult span.type{
display:block;
}

.searchresult span.url{
color:Gray;
}

.searchpage ul.paging{
 list-style-type:none;
 margin:0px;
 margin-bottom:20px;
 padding:0px;
}

.searchpage ul.paging li{
 display:inline;
 border:1px solid gray;
 background:#f1f1f1;
 margin-right:5px;
}

.searchpage ul.paging li a{
 padding:5px 8px;
}

.searchpage ul.paging li.active{
 background:#f1f1f1;
 border:1px solid black;
}

/*----------------------------
Star rater
----------------------------*/

.rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
margin:0;
}

/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(../../pics/star_small.gif);
line-height:10px;
height:10px;
}