* {
margin : 0;
padding : 0;
}
.contact {
font-size : 12px;
}
body {
background: #cccccc;
font : 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color : #333;
text-align : center;
}
a, a:visited {
text-decoration : none;
color : #4f82cb;
background : inherit;
}
a:hover {
color : #4ebf37;
background : inherit;
}
hr {
border-bottom : 0;
border-right : 0;
border-left : 0;
border-top : 1px dotted gray;
margin-top : 10px;
}
h1, h2, h3 {
font-family : Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
font-weight : bold;
}
h1 {
font-size : 120%;
}
h2 {
font-size : 120%;
}
h3 {
font-size : 110%;
text-transform : uppercase;
color : #88ac0b;
}
h4 {
font-size : 110%;
color : #666666;
}
img {
border : 2px solid #ccc;
}
img.float-right {
margin : 5px 0 10px 10px;
}
img.float-left {
margin : 5px 10px 10px 0;
}
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;
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 {
margin : 10px;
padding : 0 5px;
border : 1px solid #f2f2f2;
background-color : #fafafa;
}
label {
display : block;
font-weight : bold;
margin : 5px 0;
}
input {
padding : 2px;
border : 1px solid #eee;
font : normal 1em Verdana, sans-serif;
color : #777;
}
textarea {
width : 400px;
padding : 2px;
font-family : 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;
}
form.search {
position : absolute;
top : 35px;
right : 25px;
background : transparent;
border : none;
}
form.search input.textbox {
margin : 0;
padding : 1px 2px;
width : 120px;
background : #fff;
color : #333;
}
form.search input.button {
background : #ccc url(images/headerbg.gif) repeat-x;
color : #333;
border : none;
width : 70px;
height : 21px;
}
.wise {
color : #4f82cb;
}
#wrap {
width : 820px;
background : #ccc url(images/content.jpg) repeat-y center top;
margin : 0 auto;
text-align : left;
}
#content-wrap {
clear : both;
width : 760px;
padding : 0;
margin : 0 auto;
}
#header {
width : 820px;
position : relative;
height : 106px;
background : #ccc url(images/header.jpg) no-repeat center top;
padding : 0;
font-size : 14px;
color : #fff;
}
#header h1#keytext {
position : absolute;
margin : 0;
padding : 0;
font : bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing : -2px;
color : #fff;
text-transform : none;
top : 28px;
left : 50px;
}
#header h2#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;
top : 28px;
left : 50px;
}
#header h3#slogan {
position : absolute;
margin : 0;
padding : 0;
font : normal 0.8em 'Trebuchet MS', Arial, Sans-serif;
text-transform : none;
color : #fff;
top : 74px;
left : 58px;
}
#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 {
float : right;
width : 72%;
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(square-green.png) no-repeat 3px 50%;
}
#main h5 {
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(square-green.png) no-repeat 3px 50%;
}
.post-footer {
background-color : #fafafa;
padding : 5px;
margin : 20px 10px 0 10px;
border : 1px solid #f2f2f2;
font-size : 95%;
}
.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;
}
#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.sidemenu {
list-style : none;
text-align : left;
margin : 3px 0 8px 0;
padding : 0;
text-decoration : none;
}
#sidebar ul.sidemenu li {
border-bottom : 1px solid #eff0f1;
background : url(images/go.gif) no-repeat 5px 5px;
padding : 2px 0 2px 25px;
margin : 0 2px;
}
#sidebar ul.sidemenu a {
font-weight : bolder;
text-decoration : none;
background-image : none;
}
#footer {
color : #666666;
background : #ccc url(images/footer.jpg) no-repeat center top;
clear : both;
width : 820px;
height : 55px;
text-align : center;
font-size : 92%;
}
#footer a {
text-decoration : none;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.clear {
clear : both;
}
.gray {
color : #ccc;
}
.bright {
border-top : 0;
border-bottom : 0;
border-left : 0;
border-right : 1px solid;
border-color : #00cc00;
}
.bleft {
border-top : 0;
border-bottom : 0;
border-right : 0;
border-left : 1px solid;
border-color : #00cc00;
}
.pad {
border : 1px solid #88ac0b;
margin : 10px;
}
.mright {
padding-left : 10px;
}
.pack {
background-color : #00cc00;
}
.web {
font-family : Tahoma;
color : #0099cc;
font-size : 11px;
text-align : center;
}
.contact {
border : 1px solid;
color : #a9a9a9;
font-size : 11px;
width : 330px;
}
.send {
padding-left : 100px;
}
.txt1 {
width : 330px;
border : 1px solid;
color : #a9a9a9;
font-size : 11px;
}
.error {
font-size : 12px;
color : #ff0000;
padding-left : 20px;
}
.portofoliu {
background-color : #eeeeee;
width : 100%;
}
.img {
width : 100px;
}
.sch {
font-size : 12px;
}
.quote {
padding-left : 40px;
}