* {
border : 0;
margin : 0;
padding : 0;
outline : none;
}
body {
background-color : #25292e;
font-family : 'Helvetica', 'Arial';
font-size : 12px;
color : #666;
line-height : 20px;
}
a {
color : #3c4778;
font-weight : normal;
text-decoration : none;
}
a:hover {
color : #080d21;
}
p {
padding : 10px 0;
line-height : 18px;
}
.post ul, .post ol  {
padding : 2px 0 2px 25px;
}
.post p a, .post ul a, .post small a {
color : #3c4778;
font-weight : normal;
text-decoration : none;
border-bottom : 1px dotted;
}
.post img {
max-width:500px;
height:auto
}
h1 a {
position : absolute;
height : 150px;
width : 200px;
display : block;
background : url('img/logo.png') no-repeat top left;
text-indent : -9999px;
}
h3 {
color : #44939c;
font-size : 22px;
margin-bottom : 16px;
font-weight : normal;
}
h4 {
color : #26425a;
font-weight : bold;
font-size : 16px;
margin : 20px 0 0 28px;
}
h1.icon, h2.icon, h3.icon, span.icon {
color : #223d51;
font-weight : normal;
font-family : Georgia, "Times New Roman", Times, serif;
padding : 12px 0;
padding-left : 50px;
background-position : left center;
background-repeat : no-repeat;
}
.margin-bottom {
margin-bottom : 24px;
}
.aligncenter {
margin : 5px auto 5px auto;
text-align : center;
}
.alignright {
float : right;
margin : 5px auto 5px auto;
}
.alignright {
margin : 14px 0 10px 15px;
}
.wrapper {
width : 940px;
margin : 0 auto;
}
.clear {
clear : both;
}
.addmargin {
margin-top : 15px;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignslide {
margin : 14px 0 0 15px;
}
.bottom {
padding-bottom : 50px;
}
.margin-top {
margin-top : 20px;
}
#top-bar {
background : transparent url('img/menu.png') repeat-x;
height : 62px;
overflow : visible;
position : relative;
z-index : 3;
}
#top-bar #menu {
float : right;
height : 55px;
}
#top-bar ul#menu {
list-style : none;
}
#top-bar ul#menu li {
float : left;
text-align : right;
}
#top-bar ul#menu li .line {
float : left;
background : transparent url('img/spacer.jpg') no-repeat 100% 0;
width : 2px;
height : 55px;
}
#top-bar ul#menu a {
float : left;
display : block;
width : 110px;
height : 42px;
padding : 12px 7px 0 0;
text-transform : uppercase;
text-decoration : none;
font-weight : bold;
font-size : 13px;
color : #000;
}
#top-bar ul#menu a span {
display : block;
color : #999;
font-size : 10px;
text-transform : none;
font-weight : normal;
line-height : 11px;
}
#top-bar ul#menu a:hover, #top-bar ul#menu a.selected, #top-bar ul#menu a.selected:hover {
color : #399cb2;
}
#mid-sec {
position : relative;
background : transparent url("img/middle.jpg") repeat-x 0 100%;
z-index : 1;
}
#mid-sec #bg-small {
width : auto;
min-width : 1002px;
height : 216px;
margin-top : -6px;
}
#mid-sec #social-top {
width : 600px;
height : 150px;
left : 36%;
position : relative;
top : 30px;
}
#mid-sec #social-top .project-left {
float : left;
width : 150px;
}
#mid-sec #social-top .project-right {
float : right;
width : 325px;
color : #938384;
}
#mid-sec #social-top .project-right b {
color : #8ea5b7;
font-family : Verdana;
font-size : 14px;
}
#mid-sec #social-top .project-right a {
color : #8ea5b7;
font-family : Verdana;
font-size : 11px;
}
#page {
background : #fff;
min-width : 1002px;
}
#page .wrapper {
width : auto;
}
#page #content-area {
background : transparent url("img/content.png") repeat-y center 1px;
width : 959px;
margin : 0 auto;
padding : 10px 0 0 40px;
min-height : 240px;
}
#page #sidebox {
float : left;
background : transparent url("img/side.png") no-repeat;
width : 304px;
height : 408px;
padding-top : 30px;
margin-right : 12px;
}
#page #sidebox p {
width : 240px;
margin-left : 38px;
color : #666;
}
#page #sidebox h4#client-testimonials {
margin : 15px 30px 0 0;
text-align : right;
}
#page #sidebox h4#client-testimonials a {
text-decoration : none;
color : #495862;
}
#page #content-area .tiny {
width : 200px;
margin-left : 20px;
}
#page #content-area .small {
width : 280px;
}
#page #content-area .medium {
width : 360px;
}
#page #content-area .large {
width : 850px;
}
#page .column {
float : left;
margin-left : 26px;
padding-top : 28px;
}
#page .column p {
margin-bottom : 16px;
line-height : 18px;
}
#page .link {
width : 182px;
height : 36px;
margin-top : 15px;
margin-bottom : -10px;
padding-left : 3px;
}
#page .link img {
border : 0;
margin-left : 10px;
margin-top : 4px;
}
#content-blog {
width : 553px;
float : left;
border-right : 1px solid #e2e2e2;
padding : 0 0 30px 0;
min-height : 420px;
margin-left : 30px;
}
.post {
padding : 0 30px 40px 0;
}
.post p {
margin : 14px 0 14px 0;
}
.post em {
font-style : italic;
}
.post h2 {
font-family : Helvetica, Arial, Sans-serif;
font-size : 24px;
width : 100%;
border-bottom : 1px solid #e2e2e2;
margin : 25px 0 10px 0;
line-height : 28px;
font-weight : normal;
}
.readmore {
display : block;
float : left;
margin : 0;
padding : 5px 0 10px 0;
}
.readmore a {
text-decoration : none;
font-weight : bold;
}
.countcomments {
background : transparent url('img/comments.png') no-repeat 6px;
padding: 0 0 0 25px;
color: #778294;
}
.more {
background : transparent url('img/read-more.png') no-repeat 5px;
padding: 0 0 0 25px;
color: #778294;
}
#content-blog h2, #content-blog h2 a {
font-family : Helvetica, Arial, Sans-serif;
font-size : 34px;
margin : 10px 0 10px 0;
font-weight : normal;
line-height : 40px;
border-bottom : 0;
color : #283343;
text-decoration : none;
}
#content-blog h2 a:hover {
color : #3d4a7b;
text-decoration : none;
}
.post h3, .post h4 {
font-family : Helvetica, Arial, Sans-serif;
font-size : 20px;
margin : 15px 0 10px 0;
font-weight : normal;
}
.post h4 {
font-size : 18px;
}
.post .indent {
padding-left : 10px;
}
.post .indent p {
padding-left : 10px;
}
.post small {
display : block;
padding : 10px;
width : 500px;
font-size : 11px;
background-color : #f5f5f5;
border : 1px solid #e2e2e2;
}
.dev {
background : #f5f5f5 url('img/dev.png') no-repeat scroll 5px 12px;
display : block;
padding : 10px 10px 10px 50px;
margin-bottom : 30px;
width : 460px;
font-size : 11px;
border-top : 2px solid #e2e2e2;
border-bottom : 2px solid #e2e2e2;
}
.dev p { margin: 0; padding: 0; }
.dev a {
display : block;
font-family : Verdana;
font-size : 11px;
text-decoration : none;
color : #008000;
}
.navigation {
bottom:5px;
clear:both;
margin:15px 0 0;
position:relative;
font-family: Verdana;
font-size: 11px;
}
.navigation b {
float:left;
}
.navigation a, .navigation span {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:white;
border:1px solid #399CC6;
display:block;
float:left;
font-weight:bold;
margin:0 3px 0 0;
padding:2px 10px;
text-decoration: none;
color: #3A66AA;
height: 20px; 
}
.navigation a:hover {
color: #000033;
}
.navigation a.current {
background-color:#399CC6;
border:1px solid #399CC6;
color:white !important;
}
.navigation span.disabled {
color: #333333;
}
#sidebar {
width : 350px;
float : right;
margin : 0 25px 25px 0;
}
#sidebar h3 {
padding : 0 0 3px 0;
font-size : 18px;
}
#sidebar .block {
padding : 15px 5px 20px 15px;
border-bottom : 1px solid #e2e2e2;
}
#sidebar .block img {
padding-right : 10px;
}
#sidebar ul {
list-style : none;
}
.categories {
min-height : 340px;
}
.categories ul {
float : left;
display : inline;
list-style-type : none;
}
.categories ul li {
background : transparent url("img/category.gif") no-repeat scroll 0 6px;
float : left;
line-height : 20px;
width : 105px;
margin-right : 10px;
font-size : 13px;
color : #666;
border-bottom : 1px solid #bdccd1;
padding : 4px 0 4px 18px;
}
.categories ul li a {
font-size : 13px;
color : #666;
text-decoration : none;
display : block;
}
.categories ul li a:hover {
color : #4c899e;
}
ul.boxed-list {
list-style-type : none;
padding : 0;
line-height : 1em;
list-style : none;
border-top : 1px solid #e6e5e7;
}
ul.boxed-list li {
list-style-type : none;
border-bottom : 1px solid #e6e5e7;
margin : 0;
padding : 10px 0 10px 30px;
display : block;
font-size : 13px;
}
ul.boxed-list li.active, ul.boxed-list li:hover {
list-style-type : none;
background-color : #f7f6f7;
}
ul.boxed-list li a {
background : transparent;
font-size : 13px;
font-weight : normal;
padding : 0 0 0 0;
display : block;
border-bottom : none;
color : #666;
text-decoration : none;
}
li.url {
background : transparent url('img/icons/link.png') no-repeat 5px center;
}
li.out {
background : transparent url('img/icons/out.jpg') no-repeat 5px center;
}
li.email {
background : transparent url('img/icons/email.gif') no-repeat 5px center;
}
li.skype {
background : transparent url('img/icons/skype.png') no-repeat 5px center;
}
li.edno23 {
background : transparent url('img/icons/edno23.png') no-repeat 5px center;
}
li.twitter {
background : transparent url('img/icons/twitter.gif') no-repeat 5px center;
}
li.favit {
background : transparent url('img/icons/favit.jpg') no-repeat 5px center;
}
li.facebook {
background : transparent url('img/icons/facebook.gif') no-repeat 5px center;
}
li.rss {
background : transparent url('img/icons/rss.png') no-repeat 5px center;
}
li.linkedin {
background : transparent url('img/icons/linkedin.png') no-repeat 5px center;
}
li.tick {
background : transparent url('img/icons/tick.png') no-repeat 5px center;
}
li.post {
background : transparent url('img/icons/post.png') no-repeat 5px center;
}
li.recommend {
background : transparent url('img/icons/recommend.png') no-repeat 5px center;
}
.error {
margin : 5px 0 15px 0;
}
ul.error li {
padding : 15px 0 15px 15px;
}
.search input {
margin : 5px 5px 5px 5px;
background : #ffffff url("img/lupa.gif") no-repeat scroll right center;
border : 3px solid #dfdfdf;
color : #1f75cc;
font-size : 12px;
padding : 5px 20px 5px 3px;
width : 265px;
}
#footer {
min-width : 1002px;
}
#footer .wrapper {
background : #25292e url("img/footer.png") no-repeat center 0;
width : 959px;
padding-top : 77px;
}
#footer a {
color : #bac8da;
text-decoration : none;
}
#footer a:hover {
color : #859ab4;
text-decoration : underline;
}
#footer #copyright {
clear : both;
padding : 40px 8px;
margin-bottom : 40px;
margin-top : -70px;
}
#footer #copyright p {
float : left;
font-size : 13px;
color : #7b8491;
line-height : 20px;
}
#footer #copyright p a {
font-weight : bold;
text-decoration : none;
}
#footer #copyright p a:hover {
text-decoration : none;
}
#footer #copyright .right {
float : right;
width : 215px;
}
#footer #copyright .right p {
float : left;
}
#footer #copyright .right a {
font-weight : normal;
color : #7b8491;
}
#footer .icon {
float : right;
}
#footer .valid {
background : transparent url("img/tick.png") no-repeat scroll 0 6px;
padding : 1px 0 4px 12px;
}
#footer .sitemap {
background : transparent url("img/sitemap.png") no-repeat scroll 0 6px;
padding : 1px 0 4px 12px;
}
.wordpress {
background : url('img/wordpress.png') no-repeat center 0;
height : 56px;
width : 56px;
}
.wordpress:hover {
background : url('img/wordpress-hover.png') no-repeat center 0;
}
.rss {
background : url('img/rss.png') no-repeat center 0;
height : 56px;
width : 56px;
}
.rss:hover {
background : url('img/rss-hover.png') no-repeat center 0;
}
.usual {
color : #111;
padding : 5px 20px;
width : 600px;
}
.top-social-list li {
list-style : none;
float : left;
}
.top-social-list ul a {
display : block;
padding : 6px 10px;
text-decoration : none !important ;
margin : 1px;
margin-left : 0;
font : 10px Verdana;
color : #fff;
background : #444;
}
.top-social-list ul a:hover {
color : #fff;
background : #111;
}
.top-social-list ul a.selected {
margin-bottom : 0;
color : #000;
background : #fffafa;
border-bottom : 1px solid #fffafa;
cursor : default;
}
.usual div {
padding : 10px 10px 8px 10px;
clear : left;
display : block;
height : 100px;
background : #fffafa;
font : 10pt Georgia;
}
.usual div a {
color : #000;
font-weight : bold;
}
input.comments, textarea.comments {
font-family : 'Arial', 'Lucida Grande', Verdana, Arial, Sans-Serif;
background : #f8fbfe;
border : 1px solid #b6cee6;
padding : 5px 5px 3px 5px;
}
input.comments {
height : 15px;
}
input.button {
background : #f8fbfe;
border : 1px solid #b6cee6;
padding : 5px 5px 3px 5px;
}
.phone {
background-image : url("img/icons/phone-large.gif");
}
.letter {
background-image : url("img/icons/contacts-large.png");
}
.card {
background-image : url("img/icons/card-large.gif");
}
.cog {
background-image : url("img/icons/cog-large.gif");
}
.results {
width : 500px;
margin-top : 12px;
padding : 10px 15px;
background : #fff0d4;
border-bottom : 1px solid #d7d7d7;
border-top : 1px solid #d7d7d7;
line-height : 25px;
font-size : 14px;
}
.navigation {
width : 400px;
font-size : 12px;
}
.navigation a {
color : #3c4778;
font-weight : normal;
text-decoration : none;
font-family : Verdana;
}
.navigation a:hover {
color : #080d21;
}
.relatedposts {
width : 500px;
margin : 5px 15px 2px 0;
padding : 10px;
background : #f0f0f0;
border : 1px solid #d4d4d4;
}
.relatedposts-urls {
border-bottom : 1px solid #d4d4d4;
padding-bottom : 10px;
}
.relatedposts ul {
padding : 2px 5px 5px 20px;
}
.relatedposts ul li a {
border-bottom : 1px dotted;
}
#backgroundPopup {
display : none;
position : fixed;
height : 100%;
width : 100%;
top : 0;
left : 0;
background : #000000;
border : 1px solid #cecece;
z-index : 1;
}
#popup {
display : none;
position : fixed;
height : 384px;
width : 550px;
background : #ffffff;
border : 2px solid #818181;
z-index : 2;
font-size : 13px;
}
#popup h1 {
text-align : left;
color : #6fa5fd;
font-size : 22px;
font-weight : 700;
border-bottom : 1px dotted #d3d3d3;
padding : 12px 12px 5px 12px;
margin-bottom : 20px;
}
#popup table {
padding-left : 12px;
}
#popupClose {
width : 31px;
height : 29px;
font-size : 14px;
right : 10px;
position : absolute;
color : #6fa5fd;
display : block;
cursor : pointer;
background : url("img/close.png");
}
.post-ads {
background : #e3f0f2;
border-color : #addde6;
border-width : 1px;
border-style : solid;
padding : 0 0.6em;
width : 490px;
}
.post-ads a, .post-ads a {
font : 11px verdana;
color : #2a85c6;
}
#post-ads {
background : #e3f0f2;
border-color : #addde6;
border-width : 1px;
border-style : solid;
padding : 0 0.6em;
width : 505px;
}
#post-ads a, #post-ads a {
font : 11px verdana;
color : #2a85c6;
}
#post-ads ul {
padding : 2px 5px 5px 20px;
color : #2a85c6;
}
#post-ads ul li {
padding : 2px 2px 2px 2px;
}
#post-ads ul li a {
padding : 2px 2px 2px 2px;
border-bottom : 1px dotted;
}
.commentpreview {
width : 500px;
background : #f8f8f8;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
color : #4e4e4e;
margin-top : 3em;
padding : 10px;
}
.commentpreview img {
padding-right : 10px;
}
.lcp_catlist {
padding : 2px 5px 5px 20px;
color : #2a85c6;
}
#comments .avatar {
border : 1px solid #d7d7d7;
padding : 1px !important ;
text-align : center;
}
#commets table {
width : 500px;
}
#comments td {
padding : 10px;
vertical-align : top;
font-size : 13px;
}
#comments .author {
font-size : 15px;
}
#comments_wrap h4 {
font-size : 14px;
}
.comments_fixed_height {
padding: 0;
margin: 0;
height: 50px;
overflow: hidden;
}
.comments_fixed_height_extra {
margin-top: 12px;
padding-top: 10px;
font-style: italic;
}
div.tabs {
width : 520px;
}
UL.tabNavigation {
margin : 0;
list-style : none;
}
UL.tabNavigation LI {
display : inline;
}
UL.tabNavigation LI A {
background : #e8edf1;
padding : 3px 50px;
color : #444;
border-top : 1px solid #aeaeae;
border-left : 1px solid #aeaeae;
border-right : 1px solid #aeaeae;
}
UL.tabNavigation LI A.selected {
background : #333333;
padding-top : 7px;
color : #fff;
font-weight : bold;
border-top : 1px solid #333333;
border-left : 1px solid #333333;
border-right : 1px solid #333333;
}
UL.tabNavigation LI A:focus {
outline : 0;
}
div.tabs > div {
border-top : 5px solid #333;
}
.svejo-comment {
background : #defade;
}
.commentsalt {
background : #ffffcc;
}
.svil4ok {
background : #e7f8fb;
}
.comments_wrap {
border-bottom : 1px dotted #d7d7d7;
padding : 0 5px 30px 5px;
}
.comments_wrap .left {
float : left;
width : 46px;
}
.comments_wrap .left img {
border : 1px solid #d7d7d7;
padding : 1px !important ;
}
.comments_wrap .right {
margin-left : 55px;
}
.comments_wrap .right h4 {
margin : 0;
padding : 0;
font-size : 12px !important ;
color : #333333;
font-weight : bold;
}
.comments_wrap .right h4 a {
font-weight : bold;
}
ol.commentlist {
list-style : none;
}
h3.addcomment {
color : #333333;
font-size : 12px;
font-family : Verdana;
display : block;
width : 520px;
font-weight : bold;
margin : 0;
padding-left : 5px;
}
.addcom {
width : 520px;
background : #f0f0f0;
border-top : 2px solid #b6cee6;
border-bottom : 1px solid #cccccc;
}
.admin {
width : 510px;
border-bottom : 1px solid #cccccc;
margin : 0;
padding : 5px 5px 5px 5px;
}
.comcontent {
width : 500px;
padding : 5px 5px 5px 10px;
}
.sb {
background : url('img/comment.png');
width : 100px;
height : 30px;
cursor : pointer;
}
#trackbacks ul {
margin : 0 0 15px 15px;
padding : 5px 5px 5px 5px;
}
ul.friends-list {
display: inline;
float: left;
list-style-type : none;
padding : 0;
line-height : 1em;
list-style : none;
border-top : 1px solid #e6e5e7;
margin-bottom: 15px;
}
ul.friends-list li {
float: left;
width: 260px;
list-style-type : none;
border-bottom : 1px solid #e6e5e7;
margin-right: 10px;
line-height: 20px;
padding : 10px 0 10px 30px;
font-size : 13px;
}
ul.friends-list li.active, ul.friends-list li:hover {
list-style-type : none;
background-color : #f7f6f7;
}
ul.friends-list li a {
background : transparent;
font-size : 13px;
font-weight : normal;
padding : 0 0 0 0;
display : block;
border-bottom : none;
color : #666;
text-decoration : none;
}
.wp-caption {
border: 0;
max-width: 510px;
padding:2px 2px 0 2px;
}
.wp-caption img {
border: 0;
}
.wp-caption-text {
text-align:center;
font:11px Verdana;
}