/*
Theme Name: TechJunkie
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A tech theme. Design by Styleshout. Ported to WP by Theme Lab
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/
/* ----------------------------------------------
Template Name : TechJunkie
Template Code : S-0024
Version : 1.0
Author : Erwin Aligam
Author URI : http://www.styleshout.com/
Last Date Modified : May 31, 2008
------------------------------------------------ */
/* ----------------------------------------------
HTML ELEMENTS
------------------------------------------------- */
/* Top Elements */
body {
background: #f3ebe0 url(images/bodybg.gif) repeat-x;
font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: #666666;
text-align: center;
}
h1, h1 a {
color:#ff3120; margin: 0; font-size:18px; font-weight:normal; padding: 5px; text-decoration:none; padding-left:15px;
}
h1 a {
color:#ff3120; margin: 0; font-size:18px; font-weight:normal; padding: 5px; text-decoration:none; padding-left:0px;
}
/* Lists */
ul {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 20px;
}
/********************************************
LAYOUT
********************************************/
#wrap {
position: relative;
width: 900px;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 900px;
background: #deedae url(images/content.gif) repeat-y;
background-color:#deedae;
}
#header {
position: relative;
width: 900px;
height: 195px;
background: #317cb1 url(images/header.gif) no-repeat;
color: #fff;
padding: 0;
margin: 0;
}
#logo {
width:300px;
margin:0px;
padding:20px 0px 0px 20px;
}
/* menu */
#menu {
width: 900px;
height:49px;
background: url(images/menu.gif) no-repeat;
margin:0px;
padding:0px;
}
#menu ul {
margin:0px 30px 0px 0px;
padding:0px 20px 0px 0px;
list-style:none;
float: right;
}
#menu li{
margin:0px;
display: inline;
}
/* menu ends */
#sidebarleft {
float: left;
width: 265px;
padding-left:28px;
padding-top:5px;
}
#greneraleft {
width:265px;
min-height:565px;
height:auto !important;
height:565px;
}
.dialog1 {
width:265px;
margin:0px auto;
color:#000;
padding-top:5px;
}
.dialog1 .hd1 .c1,
.dialog1 .ft1 .c1 {
font-size:1px; /* ensure minimum height */
height:10px;
}
.dialog1 .ft1 .c1 {
height:14px;
}
.dialog1 .hd1 {
background:transparent url(images/whitetl.jpg) no-repeat 0px 0px;
margin-right:12px; /* space for right corner */
}
.dialog1 .hd1 .c1 {
background:transparent url(images/whitetr.jpg) no-repeat right 0px;
margin-right:-12px; /* pull right corner back over "empty" space (from above margin) */
}
.dialog1 .bd1 {
background:transparent url(images/whiteml.jpg) repeat-y 0px 0px;
margin-right:6px;
}
.dialog1 .bd1 .c1 {
background:transparent url(images/whitemr.jpg) repeat-y right 0px;
margin-right:-6px;
}
.dialog1 .ft1 {
background:transparent url(images/whitebl.jpg) no-repeat 0px 0px;
margin-right:12px;
}
.dialog1 .ft1 .c1 {
background:transparent url(images/whitebr.jpg) no-repeat right 0px;
margin-right:-12px;
}
/* sidebar right */
#sidebarright {
width:565px;
height:100%;
float:right;
padding-top:5px;
padding-right:28px;
padding-left:5px;
}
#greneracontainer {
width:560px;
min-height:650px;
height:auto !important;
height:645px;
}
#grenera {
width:500px;
color:#3f657c;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#grenera ol{
}
#grenera li {
padding-top:10px;
}
.dialog2 {
width:565px;
padding-top:5px;
}
.dialog2 .hd2 .c2,
.dialog2 .ft2 .c2 {
font-size:1px; /* ensure minimum height */
height:10px;
}
.dialog2 p {
padding-left:15px;
padding-right:15px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#3f657c;
}
.dialog2 .ft2 .c2 {
height:14px;
}
.dialog2 .hd2 {
background:transparent url(images/whitetl.jpg) no-repeat 0px 0px;
margin-right:12px; /* space for right corner */
}
.dialog2 .hd2 .c2 {
background:transparent url(images/whitetr.jpg) no-repeat right 0px;
margin-right:-12px; /* pull right corner back over "empty" space (from above margin) */
}
.dialog2 .bd2 {
background:transparent url(images/whiteml.jpg) repeat-y 0px 0px;
margin-right:6px;
}
.dialog2 .bd2 .c2 {
background:transparent url(images/whitemr.jpg) repeat-y right 0px;
margin-right:-6px;
}
.dialog2 .ft2 {
background:transparent url(images/whitebl.jpg) no-repeat 0px 0px;
margin-right:12px;
}
.dialog2 .ft2 .c2 {
background:transparent url(images/whitebr.jpg) no-repeat right 0px;
margin-right:-12px;
}
/* footer */
#footer {
width:900px;
height:76px;
padding: 0;
margin: 0;
color: #000000;
background: url(images/footerbg.gif);
background-repeat: no-repeat;
background-position: bottom center;
}
#footercontent {
color:#000000;
margin:0px 20px 0px 0px;
}
#footercontent ul {
overflow: hidden;
margin:10px 0px 10px 10px;
padding:0;
list-style:none;
float:right;
font-size:12px;
}
#footercontent li{
padding:0 10px;
margin:0px 5px 0px -10px;
display:inline;
border-left:1px solid #3f657c;
}
#footercontent a{
color:#3f657c;
font-weight: bold;
font-family:"verdana" ;
font-size:10px;
text-decoration:none;
}
#footer_link a{
color:#3f657c;
font-weight: bold;
font-family:"verdana" ;
font-size:10px;
text-decoration:none;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* custom css shiva */
#track_form {
width:500px;
margin-left:20px;
}
.track_text {
color:#3f657c;
font-weight:bold;
margin-top:25px;
margin-bottom:20px;
}
#contact{
color:#990000;
}
#contact p {
padding-left:30px;
}
#contact ul{
margin:0px;
padding:0px;
}
#contact li{
margin-left:18px;
}
#track_details {
padding-left:20px;
}
/* form css starts here */
form{
margin:0 auto;padding:0;
}
fieldset{
border: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 1em;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
}
legend{margin:1em 0;padding:0 .5em;color:#000000;background:transparent;font-size:1.3em;font-weight:bold;}label{float:left;width:175px;padding:0 1em;text-align:right;}fieldset div{margin-bottom:.5em;padding:0;display:block;}fieldset div input,fieldset div textarea{font-size : 1.1em;
width : 150px;
background-color : #fff;
border : 1px solid #ace149;
color : #000;}
fieldset div select{padding:1px;}div.fm-multi div{margin:5px 0;}div.fm-multi input{width:1em;}div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}#fm-submit{clear:both;text-align:center;}
#fm-submit input{
margin : 15px auto;
padding : 4px 0 4px 0 !important;
width : 5em;
cursor : pointer;
color : #5e820a;
font-size : 11px;
letter-spacing : 0.1em;
background : #c2e76b;
text-align : center;
border : 3px double #8dc112;
}
input:focus,textarea:focus{background:#efefef;color:#000; }fieldset div.fm-req{font-weight:bold;}fieldset div.fm-req label:before{content:"* ";}
#contactform{
padding:1em;
width:100%;
margin: 0 auto;
}
p#fm-intro{margin:0;}
form div.hr {
border-bottom: 2px solid #e2e2e1;
height: 0px;
margin-top: 0pt;
margin-bottom: 7px;
}
#tr-opt {
float: left;
padding : 4px 0 4px 0 !important;
}
#tr-submit input{
margin-left: 10px;
width: 5em;
float:left;
padding : 4px 0 4px 0 !important;
cursor : pointer;
color : #5e820a;
font-size : 11px;
letter-spacing : 0.1em;
background : #c2e76b;
text-align : center;
border : 3px double #8dc112;
}
#log {
width: 300px;
margin-top: 10px;
}
#log_res {
overflow: auto;
}
#log_res.ajax-loading {
padding: 20px 0;
background: url(http://demos.mootools.net/demos/Group/spinner.gif) no-repeat center;
}
.required {
color:#ff3120;
font-weight: normal;
}
#requiredmsg {
color:#ff3120;
font-size: 12px;
font-weight: bold;
padding: 5px 35px;
}
#success {
font-weight: bold;
font-size: 16px;
color: #669900;
padding: 5px 35px;
}
/* form css ends here */