/*
Theme Name: SecureToday.net
Theme URI: http://www.securetoday.net
Description: SecureToday theme was designed from Gauson's LonelyTree theme and modified to suit this site.  The theme is simple with two columns, fixed width, widget ready,  valid CSS and valid XHTML and compatible with wordpress 2.7.
Version: 1.5.0.1
Author: Zarex dela Cruz
Modified: Zarex dela Cruz
Author URI: http://www.zarex.dela-cruz.com
Tags: two-columns, right-sidebar, fixed-width, flexible-width, theme-options
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* - BASIC CSS - */

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html, body {line-height: 1}

body {
	background: url(images/bg.png) repeat-y center;
	background-color:#DDD;
	color: #6e7073;
	font: 12px/18px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}
a {
	/*text-decoration:none;*/
	/*color:#060;*/
	color: #8f6926;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#333
}

.additional-meta {
	font-size: x-small;
	background: #f8f8f8 url(images/bg-meta.gif) repeat-x left top;
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
}

.meta-mdate{
	float:left;
	padding: 0px 5px 0 3px;
	background: #f8f8f8 url(images/bg-mdate.gif) no-repeat 0px;
	width:56px;
	height:69px;
	font-size: 14px;
}

.mday {
	text-align: center;
}
.mmonth{
	text-align: center;
	font-size: 16px;
}

.entry-meta {
	font-size: 90%;
	background: #fff url(images/bg-meta.gif) repeat-x left top;
	margin-top:15px;
	padding: 5px 5px 5px 5px;
	clear:both;
}

.meta-date {
	float:left;
	padding: 0 10px 0 15px;
	background: url(images/bg-meta-date.gif) no-repeat 0px 4px;
}
.meta-comments {
	background-repeat: no-repeat;
	float: right;
	padding: 0 10px 0 15px;
	background: url(images/bg-meta-comments.gif) no-repeat 0px 4px;
	font-weight:bold;
}

.meta-comments-count{
	  font-size:14px;
}

.date{
	padding: 0 0px 3px 17px;
	background: url(images/date.png) no-repeat 0px 0px;
}

.author{
	float: left;
	padding: 0 0px 3px 17px;
	background: url(images/author.png) no-repeat 0px 0px;
}

.editblock{
	background: url(images/edit.png) no-repeat 0px 0px;
	padding: 0 0px 3px 17px;
}	

.category{
	float:left;
	background: url(images/category.png) no-repeat 0px 0px;
	padding: 0 0px 3px 18px;
}

.tag{
	float:left;
	background: url(images/tags.png) no-repeat 0px 0px;
	padding: 0 0px 3px 18px;
	margin-left: 10px;
}	

blockquote {
	background: #f4f4f4 url(images/bquote.gif) no-repeat 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1em 1em 1em 2em;
	border: solid 1px #e1e1e1;
	font-style: italic;
	color: #939494;
}

blockquote p {
	color: #444444;
	padding: 1em 1em;
}

blockquote * {
	font-family: georgia, arial;
	line-height: 1.5em;
}


hr {	display: block;
	border: none;
	margin: 0.5em auto;
	background-color: #888;
}

pre{
	white-space: normal;
}
img{
	border: 0;
}

p{
	line-height: 140%;
	margin: .5em 0 1.3em;
}

table {
	border-collapse:collapse;
}

fieldset{
	padding: 10px;
}

.clear {clear: both}

/* -- LISTS -- */

ul {
	margin:0;
	padding:0;
}
ul li {
	margin-left:5px;
	padding:0;
}
li {
	list-style-type:none;
	/*margin-bottom: 4px;*/
}
ol {
	list-style-type: decimal;
}
.disc {list-style-type:disc;
}

/* lists inside posts */

.entry-content ul ol {
	margin-left:0;
}
.entry-content ul li {
	margin-left:1.5em;
	list-style:disc;
	list-style-position:inside
}
.entry-content ul li ol {
	margin-left:1.5em;
}
.entry-content ol li {
	margin-left:1.5em;
	list-style: decimal;
	list-style-position:inside
}
.entry-content ol li li {
	margin-left:2em;
}


/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {
	margin:0;padding:0; 
	line-height:1.8em;
}

h2.entry-title {
	font-size:180%;
}

h2#comments{
	margin:20px auto 10px;
	font-size:140%;
}

/* headings inside posts */

.entry-content h3 {
	font-size:140%;
}
.entry-content h4 {
	font-size:120%;
}
.entry-content h5 {
	font-size:100%;
}
.entry-content h6 {
	font-size:90%;
}

/* -- MAIN DIV'S -- */

#wrapper {
	background:#2e2f31;
	margin:0 auto 0;
	width:1001px;
}

#header {
	height:238px;
	background: #2e2f31 url(images/header-bg.jpg) no-repeat top;
	margin:0 auto;
	padding:0;
}

#footer {
	background:#2e2f31;
	color: #AAA;
	height:40px;
	overflow:hidden;
	clear:both;
	float:none;
	text-align:center;
	padding: 20px 0;
	font-size: 10px;
}

#footer a:hover{
	color:#FFF;
	text-decoration:none;
}

.container{
	background:#f8f8f8  url(images/contentbg.png) repeat-y;
	margin: 3px 0px;
}

.menucontainer{
	background: #F8F8F8 url(images/menubar.png) repeat-x top;
	height: 42px;
}

div.mainmenu{
	float:left;
	width: 845px;
	position:absolute;
}

.header-rss{
	float:right;
	padding-right:15px;
	background: #F8F8F8 url(images/menubar.png) repeat-x top;
	height: 42px;
	display:block;
}
	

/* -- Logo Area --*/
#logo{
	float:left;
	width: 380px;
	height: 75px;
	display:block;
	margin-top: 30px;
	margin-left:50px;
	border: 0;
}
#logo h1 a{
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 0 15px;
	padding: 0;
	color: #2e2f31;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	outline:none;
}
#logo h1 a:hover {
	text-decoration:none;
}
#logo h2{
	letter-spacing: 1px;
	margin: 0 0 0 15px;
	font-size:14px;
	color:#8E8E8E;
}


/* -- POSTS -- */
.post-index {
	margin:0 0 10px;
}
#post-single {
	margin:0 0 20px;
}
.posts-wrap {
	float:left;
	clear:none;
	width:630px;
	padding: 0px 10px 0px 20px;
}

/* -- SIDEBARS --*/

.sidebar-wrap {
	padding:20px 5px 0px 10px;
	margin:0 auto;
	overflow:hidden;
	float:left;
	clear:none;
	width:310px;
}
.sidebar {
	width:100%;
	clear:none;
}

/* -- 404-PAGE --*/

.error404 {
	margin:0;
	width:100%;
}
.error404 h1,.error404 h2 {
	margin: 10px auto;
}

/* -- COMMENTS -- */

#combox {
	border-top: 5px solid #989698;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

h4#respond {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

h3#comments {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

form#commentform{
	margin:10px;
}

ol.commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 5px solid #323232;
}

ol.commentlist li {
	background: #f8f8ef;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 20px;
}

ol.commentlist li.alt {
	background: #FFF;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 20px;
}

ol.commentlist li.aut {
	background: #fcf6e7;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 20px;
	border-bottom: 1px solid #C7A317;
	border-top: 1px solid #C7A317;
}

.avatar {
	float: left;
	display: inline;
	width: 64px;
	margin-right:5px;
}

.avatar img {
	border: 2px solid #ddddd4;
}

.kjgrcGravatar{
	float:left;
	display:inline;
	width:25px;
	height:25px;
	padding: 1px;
	border:1px solid #dddddd;
}

.commentbody {
	float: left;
	display: inline;
	margin-left: 10px;
	width: 410px;
}

.commentbody em {
	font-size: 11px;
}

p.comment_author, p.comment_author a {
    font-weight: bold;
	color: #666;
	font-size: 11px;
}

p.comment_author a:hover {
	font-weight: bold;
	color: #bba683;
}

p.comment_time {
	line-height: 1.5em;
	color: #999;
	font-size: 11px;
	font-family: tahoma;
}

.comment_text {
	line-height: 1.5em;
	color: #666;
	margin-top: 15px;
	font-size: 11px;
}

.reply form {
	width: 488px;
}

.reply p {
	margin-top: 10px;
	font-size: 11px;
}

.reply fieldset {
	vertical-align: middle;
	display: inline;
}

.reply input {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

.reply textarea {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
}

#reply label {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	margin-left: 2px;
}

.replytext {
	border: 1px solid #989898;
	width: 200px;
	padding: 7px;
	margin: 5px;
	background-color:#E2ECF5;
	color: #366799;
}

.replytext:focus {
	background: #fffff9;
}

.replyarea {
	border: 1px solid #989898;
	line-height: 1.5em;
	padding: 5px;
	width: 510px;
	height: 120px;
	background-color:#E2ECF5;
	color: #37699B;
}

.replyarea:focus {
	background: #fffff9;
}

.replybutton {
	text-align: center;
	width: 100px;
	height: 35px;
	padding: 5px;
	font-weight: bold;
	color: #212121;
	cursor: pointer;
	float:right;
	margin-right:30px;
}

/* no border on smilies */
img.wp-smiley, .post img.wp-smiley{
  padding: 0;
  margin: 0;
  border: 0;
}

/*-- table --*/
table{
  margin: .5em 0 1em;
  border-bottom: 2px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
}


table td, table th{
  text-align: center;
  padding: .3em .5em;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

table th{
	background-color: #d1d1d1;
	border-bottom: 2px solid #d1d1d1;
}

table tr.odd{
	background-color: #E2E2E2;
}

table tr:hover{
  background: #E2E2E2;
}

#column {
	float: left;
	width: 540px;
  margin-top: 5px;
	margin-right: 20px;
	background: #fff;
}

.post {
	margin-top: 10px;
}
.post-top {
	width: 540px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}

.entry {
	background: #FFF;
}

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	line-height: 1.3em;
	font-size: 20px;
  font-weight: bold;
}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	color: #006178;
	font-weight: bold;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
}

.comments a:hover{
	color: #006178;
}

/* -- ALIGNMENTS --*/
img.alignright {
	float:right;
	clear:none;
	margin:0 0 1em 1em;
}
img.alignleft {
	float:left;
	clear:none;
	margin:0 1em 1em 0;
}
img.aligncenter {
	display: block;
	margin:1em auto;
	text-align:center;
}
img.alignnone {
	margin:0 0.5em 0 0;
}

/* -- NAVIGATION --*/
div.navigation {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	padding: 10px 0px;
}

.imagebox{
	padding:5px;
	background: #ebebeb;
	border: 1px solid #E7E8E6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.navigation-index {
}

.nav-next {
	float:right;
	clear:none;
	width:48%;
	text-align:right;
}

.nav-prev {
	float:left;
	clear:none;
	width:48%;
	text-align:left;
}

.wp-caption {
	background-color:#EEE;
	border: 1px solid #E7E8E6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
}

.wp-caption img, .post .wp-caption img{
  margin: 0;
  border: 0;
  padding: 0;
}

.wp-caption.alignleft{
	margin-left: 0px;
}

.wp-caption.alignright{
	margin-right: 0;
}

.wp-caption.aligncenter{
	margin: 0 auto;
}

/** WIDGETS CSS */

.widget{
  margin: 1em 0 1.8em 0;
}

.widget ul ul{
  margin: .4em 0 1em .8em;
}

/*-- sidebar  begins-- */
/*
.sidebar-wrap{
	background-color: #e9e9e9;
}
*/
#sidebar h2,  h3.widgettitle {
	/*text-align:right;*/
	/*font-style:oblique;*/
	background: #ebebeb url(images/icon-cat.png) 0 0 no-repeat;
	/*border-bottom: 1px solid #999;*/
	padding-left: 25px;
	padding-top: 5px;
	height:50px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0 0px 0 5px;
	padding: 0;
	}

#sidebar ul li {
	list-style: none;
	list-style-image:none;
	margin-bottom: 15px;
	}

#sidebar ul li ul li {
	margin-left: 2px;
}

#sidebar ul li ul li a,   .widget ul li a{
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left:14px;
	background:url(images/icon-menu-article.gif) 0 6px no-repeat;
	margin-bottom: 1px;
}

#sidebar ul li.recentcomments a {
	background-image: none;
	padding-left: 0;
}

#sidebar ul li.recentcomments {
	background: url(images/icon-menu-replies.gif) left top no-repeat;
	padding-left: 1.5em;
	vertical-align:top;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/*-- Sidebar end --*/	


/* sidebar search */

#searchtab{
	background: transparent url(images/search-bg.png) no-repeat left top;
}

#searchtab .inside{
  background: transparent url(images/search-go.png) no-repeat right top;
  height: 45px;
  margin-top:5px;
  position: relative;
}

#searchtab input{
  border: 0;
  background: none;
  font-size: 12px;
  padding: 0px;
}

#searchtab input.searchfield, #searchtab input#s{
  position: absolute;
  top: 11px;
  left: 45px;
  color: #6e7073;
  padding: 1px 6px;
  margin: 0;
}

#searchtab input.searchfield:focus, #searchtab input#s:focus{
	color: #111;
}

#searchtab input.searchbutton, #searchtab input#searchsubmit{
	position: absolute;
	right: 32px;
	top: 11px;
	color: #D6D6D6;
	font-weight:bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0;
	cursor:pointer;
}

#searchtab label{
	display: none;
}
#searchtab input.searchbutton:hover{
	color: #FFF;
}

/* Begin Calendar */

#wp-calendar {
   empty-cells: show;
   margin: 10px auto 0;
   width: 100%;
	}

#wp-calendar caption {
  font-size: 120%;
  font-weight:bold;
  padding:2px;
  margin: 0 0 5px 0;
  background: #d1d1d1;
  text-align: center;
  width: 100%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar td {
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; 
	}/* End Calendar */


.lavaLampBottomStyle {
        position: relative;
        height: 40px;
        width: 920px;
        padding: 0px 10px;
        margin: 0px 10px 0px 10px;
        overflow: hidden;
  
        }
.lavaLampBottomStyle li {
        float: left;
        list-style: none;
        }
.lavaLampBottomStyle li.back {
	background-color: #988c72; 	
         width: 9px;
         height: 32px;
		 margin-left:0;
         z-index: 8;
         position: absolute;
        }
		
.lavaLampBottomStyle li a {
	font:14px arial;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	outline: none;
	text-align: center;
	top: 9px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
                    }   
					
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
        border: none;
                        }
						
.meta_bot{
	float:left;
	padding: 0 10px 0 0px;
}

.more{
	float:right;
}

.side-responded{
	min-height: 25px;
	display:table-cell;
	vertical-align:text-middle;
}

.side-responded:hover{
	text-decoration:none;
}

.side-comments{
	margin-left: 30px;
	font-style:italic;
	margin-bottom: 10px;
}

.error{
	background: url(images/error.gif) no-repeat;
	min-height: 139px;
	padding-left: 105px;
	margin-top: 25px;
}

.infocon{
	float: right;
	margin-top: 40px;
	margin-right: 20px;
	width: 181px;
	font-size:10px;
	text-align: center;
	text-decoration: none;
}

.back-decor-l{
	padding: 10px 10px 0px 20px;
	background: url(images/back-decor-l.gif) top left no-repeat;
}

.back-decor-r{
	padding: 10px 20px 0px 20px;
	background: url(images/back-decor-r.gif) top right no-repeat;
}

h2.back-clip{
	background: #f8f8f8 url(images/back-clip) 0 0 no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	height:51px;
}