/*
Theme Name: Technology blog
Theme URI: http://techysociety.com/
Description: "Technology blog" is a free wordpress theme designed and coded by Alexandru Cosmin...
Version: v1
Author: Techy Society
Author URI: http://techysociety.com/
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
margin:0;
padding:0;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
}
a, a:visited {
text-decoration:none;
color:#27a9df;
}
a:hover {
text-decoration:underline;
color:#2999c7;
}
img.alignright {
float:right;
margin:0 0 1em 1em
}
img.alignleft {
float:left;
margin:0 1em 1em 0
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
a img.alignright {
float:right;
margin:0 0 1em 1em
}
a img.alignleft {
float:left;
margin:0 1em 1em 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
img.wp-smiley {
padding:0px;
margin:0px;
border:none;
}
a img.wp-smiley {
padding:0px;
margin:0px;
border:none;
}
/* BODY */
body {
background: url(/images/bg.gif) repeat top left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0px;
margin:10px 0px 0px 0px;
color:#7a878d;
}
#header {
width:900px;
height:78px;
margin:0px auto 0 auto;
padding:30px 30px 0px 30px;
background: url(images/header.png) no-repeat top left;
}
#header .logo {
position:relative;
width:250px;
height:44px;
padding:0px;
margin:0px;
overflow:hidden;
float:left;
}
#header .logo span {
position:absolute;
width:250px;
height:50px;
left:0;
top:0;
margin:0;
background:url(images/logogo.gif) no-repeat;
text-indent:-9999px;
}
#header .searchbox {
width:342px;
height:37px;
padding:0px;
margin:0px 0px 0px 0px;
background: url(images/searchformtop.png) no-repeat top left;
float:right;
}
#header .searchbox .searchformtop {
font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
border:none;
font-weight:bold;
background:none;
padding:0px;
color:#8ea8b2;
margin:9px 0px 0px 10px;
float:left;
width:230px;
height:20px;
padding:2px 0px 0px 4px;
}
#header .searchbox input.gosearch {
width: 86px;
height: 37px;
background:url(images/searchbutton.png) no-repeat;
margin:0px 0px 0px 12px;
float:left;
}
#header .menu {
width:900px;
height:26px;
border-bottom:6px solid #feb569;
background: url(images/menubg.png) repeat-x top left;
float:left;
clear:both;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header .menu ul {
float:left;
height:25px;
list-style:none;
text-transform:uppercase;
}
#header .menu ul li {
float:left;
display:inline;
font-size:12px;
font-weight:bold;
color:#27a9df;
padding:5px 10px 0px 10px;
}
#header .menu ul li a, #header .menu ul li a:visited {
text-decoration:none;
color:#f76a29;
}
#header .menu ul li a:hover {
text-decoration:underline;
color:#f76a29;
}
#header .menu ul li:hover {
padding:4px 10px 1px 10px;
}
#container {
width:900px;
margin:0 auto;
padding:10px 30px 20px 30px;
background: url(images/contentbg.png) repeat-y top left;
overflow:hidden;
}
#posts {
width:420px;
float:left;
}
#posts h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
padding:3px 0px 0px 0px;
letter-spacing:0;
}
#posts h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
}
#posts h3 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
}
#posts .post {
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
line-height:16px;
word-spacing:1px;
margin:0px 0px 10px 0px;
padding:0px 5px 0px 0px;
}
#posts .post ul, #posts .post ol {
list-style:none;
margin:0px 0px 10px 0px;
}
#posts .post ul li, #posts .post ol li {
display:block;
padding:4px 0px 4px 16px;
background: url(images/postli.png) no-repeat top left;
}
#posts .post .postinfotop {
font-size:10px;
color:#a0b0b8;
text-transform:uppercase;
width:420px;
border-bottom:1px solid #EEE;
margin:0px 0px 5px 0px;
}
#posts .post p {
margin:0px 0px 8px 0px;
color:#5d676b;
}
#posts .post p strong {
font-weight:bold;
}
#posts .post p em {
font-style:italic;
}
#posts .post img {
border:1px solid #afe8fb;
background-color:#d9f5ff;
padding:4px;
margin:3px;
}
#posts .post blockquote {
padding:10px;
font-style:italic;
font-size:11px;
}
#posts .post img.wp-smiley {
border:none;
padding:0px;
margin:0px;
background:none;
}
#posts .postinfobottom {
font-size:11px;
border-top:1px dotted #feb569;
border-bottom:1px dotted #feb569;
padding:6px;
margin:5px 0px 20px 0px;
background-color:#F7F7F7;
}
#posts .postinfobottom p {
margin:0px 0px 10px 0px;
}
#posts .postinfobottom p.cent {
margin:0px;
text-align:center;
font-weight:bold;
}
#navigation {
width:420px;
height:16px;
clear:both;
background: url(images/navback.png) no-repeat top left;
margin:0 auto 0 auto;
font-size:10px;
border-bottom:1px solid #EEE;
border-top:1px solid #EEE;
text-transform:uppercase;
padding:5px 0px 5px 0px;
}
#navigation .next {
float:left;
}
#navigation .prev {
float:right;
}
#comments {
width:420px;
}
#comments h3 {
font-size:18px;
letter-spacing:-1px;
margin:0px 0px 10px 0px;
}
#listcomments {
list-style:none;
font-family:Verdana, Geneva, sans-serif;
}
#listcomments li {
border:1px solid #eee;
padding:10px;
font-size:12px;
margin:0px 0px 10px 0px;
overflow:hidden;
}
#listcomments li .leftpart {
width:30px;
height:30px;
padding:2px;
border:1px solid #eee;
float:left;
margin:0px 5px 5px 0px;
}
#listcomments li .rightpart {
width:345px;
float:left;
min-height:36px;
margin:0px 0px 10px 0px
}
#listcomments li .rightpart span {
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px;
text-transform:uppercase;
}
#listcomments li .rightpart p {
font-size:10px;
}
#listcomments li .commenttext {
font-size:11px;
}
#form {
background-color:#F7F7F7;
padding:10px;
}
#form small {
font-size:10px;
text-transform:uppercase;
}
#form input, form textarea {
border:3px solid #eee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#596266;
}
#form input.submitcom {
width: 171px;
height: 30px;
background: url(images/submitc.png) no-repeat;
margin:0px 0px 0px 0px;
border:none;
}
#form input.submitcom:hover {
background: url(images/submitc.png) no-repeat 0 -30px;
margin:0px 0px 0px 0px;
}
#sidebar {
width:300px;
float:right;
padding:0px;
margin:0px 0px 0px 10px;
}
#sidebar a, #sidebar a:visited {
text-decoration:none;
color:#27a9df;
}
#sidebar a:hover {
text-decoration:underline;
color:#2999c7;
}
#sidebar h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:21px;
padding:5px 6px;
background: url(images/menubg.png) repeat-x bottom left;
border-bottom:3px solid #feb569;
}
#sidebar ul {
list-style:none;
width:300px;
margin:5px 0px 5px 0px;
;
font-size:11.4px;
line-height:14px;
font-family:Verdana, Geneva, sans-serif;
}
#sidebar ul li {
padding:2px 0px 2px 16px;
background: url(images/liarrow.png) no-repeat top left;
}
#sidebar ul li:hover {
background-color:#f5fcfd;
}
#sidebar ul li a, #sidebar ul li a:visited {
text-decoration:none;
color:#27a9df;
}
#sidebar ul li a:hover {
text-decoration:underline;
color:#2999c7;
}
#side160px {
width:160px;
float:right;
overflow:hidden;
}
#side160px a, #side160px a:visited {
text-decoration:none;
color:#27a9df;
}
#side160px a:hover {
text-decoration:underline;
color:#2999c7;
}
#side160px h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:21px;
padding:5px 6px;
background: url(images/menubg.png) repeat-x bottom left;
border-bottom:3px solid #feb569;
}
#side160px ul {
list-style:none;
width:160px;
margin:5px 0px 5px 0px;
;
font-size:10.95px;
line-height:14px;
font-family:Verdana, Geneva, sans-serif;
}
#side160px ul li {
padding:2px 0px 2px 16px;
background: url(images/liarrow2.png) no-repeat top left;
}
#side160px ul li:hover {
background-color:#f5fcfd;
}
#side160px ul li a, #side160px ul li a:visited {
text-decoration:none;
color:#27a9df;
}
#side160px ul li a:hover {
text-decoration:underline;
color:#2999c7;
}
#footer {
width:900px;
height:120px;
margin:0 auto;
padding:20px 30px 0px 30px;
background: url(images/footerbg.png) no-repeat top left;
color:#7f3e07
}
#footer a, #footer a:visited {
text-decoration:none;
color:#7f3e07
}
#footer a:hover {
text-decoration:underline;
color:#7f3e07
}
#footer .rightf {
float:right;
width:257px;
margin:15px 0px 0px 0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:2px;
}
#footer .rightf .flogo {
position:relative;
width:257px;
height:26px;
padding:0px;
margin:0px;
overflow:hidden;
text-indent:-9999px;
}
#footer .rightf .flogo span {
position:absolute;
width:257px;
height:26px;
left:0;
top:0;
margin:0;
background:url(images/flogo.png) no-repeat;
text-indent:-9999px;
}
#footer .leftf {
width:580px;
float:left;
padding:0px;
}
#footer .leftf ul {
list-style:none;
width:500px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
background: url(images/fulbg.png) repeat-x bottom left;
overflow:hidden;
}
#footer .leftf ul li {
display:inline;
float:left;
padding:10px 10px 0px 10px;
}
#footer .leftf h2 {
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin:0px 0px 0px 10px
}
#click{text-align: center;}
#click a, a:visited {
color:#d5002d;
text-decoration:none;
}
#click a:hover {
color:#ed0334;
text-decoration:underline;
}