/*  
Theme Name: HTMList
Theme URI: http://www.htmlist.com/
Description: WordPress theme for HTMList.com
Author: Synapse Studios
Author URI: http://www.synapsestudios.com/
*/


body {
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
        /* 	font:12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; */
	/* background:#212121 url(images/backtop.jpg) top center no-repeat; */
	background:#fff url(images/backtop.jpg) top center no-repeat;
	color:#333;
	margin:0;
	padding:0;
}
a {
	color:#3e6b8f;
	text-decoration:none;
	font-weight:bold;
}
a:visited {
	color:#3E6B8F;
	text-decoration:none;
}
a:hover {
	color:#3E6B8F;
	text-decoration:none;
}
img {
	border:none;
}
p {
	padding:0 0 15px;
	margin:0;
}
h1 {
	margin:0;
	padding-left:0;
	height:50px;
	font:bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color:#fff;
}
h1 a, h1 a:visited {
	color:#0F577F;
	text-decoration:none;
}
h1 a:hover {
	color:#0F577F;
	text-decoration:none;
}
h2 {
	color:#27587F;
	margin:0;
	background:#f8f8ee;
	letter-spacing:-1px;
	font:normal 22px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding-bottom:3px;
	border:#eee 1px solid;
}
h2 a, h2 a:visited {
	color:#27587F;
	text-decoration:none;
}
h2 a:hover {
	color:#3E6B8F;
	text-decoration:none;
}
h3 {
	font:normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color:#27587F;
	margin:10px 0 5px;
	border-bottom:#ccc 1px dashed;
}
h4 {
	font:normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color:#27587F;
	margin:10px 0 5px;
	border-bottom:#ccc 1px dashed;
}
form {
	margin:0;
	padding:0;
}
#page {
	margin:0 auto;
	width:920px;
}

/* Header */
#header {
	height:95px;
	position:relative;
	background:url(images/htmlist_new_logo.gif) no-repeat top left;
        margin-bottom:13px;
}
#headerHomeLink {
	height:85px;
	width:600px;
	display:block;
}

#headerlogo {
	display:none;
	position:relative;
	padding:5px 0 0 20px;
	height:60px;
}

#headerlogo .description{
	position:absolute;
	left:25px;
	bottom:3px;
	color:#fff;
	font-size:14px;
}

#menu-top-navigation {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	background:transparent;
	width:960px;
	left:-20px;
	bottom:5px;
}
#menu-top-navigation .menu-item {
	float:left;
	margin-left:2px;
}
#menu-top-navigation .current-menu-item a:visited {
	color:#fff;
	text-decoration:none;
	background:#3E6B8F;	 
}
#menu-top-navigation .menu-item a {
	color:#fff;
	text-decoration:none;
	padding:5px 15px;
	font:bold 12px/100% Arial, Helvetica, sans-serif;
	display:block;
}
#menu-top-navigation .current-menu-item a, #menu-top-navigation .menu-item a:hover {
	color:#fff;
	text-decoration:none;
	padding:5px 15px;
	font:bold 12px/100% Arial, Helvetica, sans-serif;
	display:block;
	background-color:#3E6B8F;
}

#searchContainer {
	position:absolute;
	top:0;
	right:0;
}

/* Content  */
#content {
	padding:0 5px;
	float:left;
	width:550px;
	margin:5px 0;
	overflow:hidden;
	border:1px solid #eee;
	background-color: #fff;
}
.post {
	clear:both;
	padding-top:10px;
}

.post li {
	padding-bottom:1em;
}

.entry {
	float:left;
	width:545px;
}
.similiar{
	width:515px;
	float:left;
	color:#660099;
	text-align:justify;
	margin:5px auto;
	padding:5px 6px 10px;
}
.post-content {
	clear:both;
	padding:5px;
}

/* Adsense Containers */
.adsense {
	text-align:center;
}

/* Next and Prev post links */
.navigation {
	clear:both;
	padding:10px 0;
	font-size:10px;
	color:#3e6b8f;
}
.navigation a:hover {
	text-decoration:underline;
}

/* Syntax Highlighting plugin */
div.post-content .dp-highlighter {
	width:520px;
}

/*Sociable plugin*/
div.sociable a {
        background-color:transparent;
}
span.sociable_tagline {
        position:relative;
        background-color:transparent;
        font-size:80%;
        font-weight:bold;
}
span.sociable_tagline span {
        display:none;
}
div.sociable ul {
        display:inline;
        margin:0;
        padding:0;
}
div.sociable li {
        background:none;
        display:inline;
        list-style-type:none;
        margin:0;
        padding:1px;
}
div.sociable img {
        float:none;
        width:16px;
        height:16px;
        margin:0;
        padding:0;
}


/* Comments  */
#comments, #respond {
	padding:10px 0 5px 0;
	clear:both;
}
.commentlist {
	margin:10px 0;
	padding-left:20px;
	line-height:130%;
}
.commentlist li{
	padding:5px 10px;
	margin:5px 0;
}
.commentlist .alt {
	background:#eee;
	border:1px dotted #eee;
	color:#000;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight:bold;
	font-style:normal;
	font-size:120%;
	color:#27587F;
}
.synComment cite, .synComment cite a, .synComment cite a:visited {
	color:#fff;
}

.commentImage {
	display:inline;
	float:right;
	padding:0 0 5px 5px;
}

.commentImage img {
	border:1px solid #000;
}

.synComment .commentImage img {
	border:1px solid #fff;
}

.synComment {
	background-color:#0C535F;
	color:#000;
}

.synComment a,
.synComment .commentContent {
	color:#fff;
}

.synComment a:hover {
	text-decoration:underline;
}

.commentDate {
	margin-bottom:5px;
	display:block;
	font-size:87%;
}
#commentform {
	margin-top:10px;
	font:110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding:6px 0;
	margin:0;
}
#commentform label{
	color:#696c69;
	font-size:87%;
}
#commentform input{
	width:200px;
	background:#fff;
	border:1px solid #eee;
	padding:3px;
	margin-top:3px;
}
#commentform textarea{
	width:515px;
	height:115px;
	background:#fff;
	border:1px solid #eee;
	padding:2px;
	margin-top:3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background:#fff;
}
#commentform #submit{
	background:#fff;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#27587F;
	border:1px solid #eee;	
    float:left;
	width:144px;
	height:28px;
	cursor:pointer;
}

#commentform #submit:hover, #searchsubmit:hover {
	background-color:#27587F;
	color:#fff;
	cursor:pointer;
}

/* Sidebar */	
#sidebar {
	float:right;
	padding:5px 0px 80px 0px;
	width:340px;
	overflow:hidden;
	/*background:#fff url(images/sidebar_bg.jpg) bottom center no-repeat;*/
}
.misc{
	width:325px;
	margin:0 0 5px 0;
	padding:0; 
	background:#fff; 
	float:left;
}
.info{
	width:315px;
	font-size:11px;
	margin:0;
	padding:10px; 
	background:#fff; 
	border:#eee 1px solid;
	float:left;
	color: #19466e; /*#0F577F;*/
}

#sidebar div#sponsors { text-align:center; }
#sidebar div#sponsors h2 img { float:left;border:0;position:relative;top:-8px;left:-5px; }
#sidebar div#sponsors p { clear:both; }
#sidebar div#sponsors p span.readReview a { float:right;height:60px;width:60px;background:url(images/readReview.jpg); }
#sidebar div#sponsors p span.readReview a:hover { background:url(images/readReviewHover.jpg); }


/* Sidebar Tabs - Popular Posts, Latest Posts, Random Posts, Tag Cloud */
#sidebar div.sideTabs {
	width:325px !important;
	height:auto !important;
	min-height:258px;
	margin-top:5px;
	padding:5px;
	border:1px solid #ddd;
	background-color:#f9f9ee;
	float:left;
	display: block;
}

#sidebar .mootabs_title li:hover, 
#sidebar .mootabs_title li.active {
	color: #fff;
	background-color: #3e6b8f;
}

#sidebar .mootabs_title li {
	float: left;
	display:inline;
	line-height: 34px;
	background: #fff;
	color: #000;
	border:1px solid #ddd;
	font-weight: bold;
	font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
	margin:0px 2px 0px 0px !important;
	padding:0px 5px !important;
	cursor: pointer;
}

#sidebar .mootabs_title li:hover, 
#sidebar .mootabs_title li.active {
	border: 1px solid #ddd;
	text-decoration: none;
}

#sidebar .mootabs_panel {
	display: none;
	clear: both;
	float:left;
	height:auto !important;
}

#sidebar .mootabs_panel.active {
	display: block;
	float:left;
}

#sidebar .mootabs_panel ul {
	width: 313px !important;
	padding:5px !important;
	border:1px solid #ddd !important;
	margin:5px 0px 0px !important;
	background-color: #fff;
	min-height:203px;
}

#sidebar .list1 li {
	background: url(images/star.gif) no-repeat left center !important;
}
#sidebar .list2 li {
	background: url(images/article.gif) no-repeat left center !important;
}
#sidebar .list3 li {
	background: url(images/random.png) no-repeat left center !important;
}

#sidebar .list1 li,
#sidebar .list2 li, 
#sidebar .list3 li {
	padding: 6px 0 6px 25px;
	border-bottom: 1px solid #eee;
}

.misc1{
	width:325px;
	margin:0 0 0 5px;
	padding:0; 
	background:#fff; 
	float:left;
}
.info1{
	width:315px;
	font-size:11px;
	margin:5px 0 5px 0;
	padding:10px; 
	background:#fff; 
	border:#eee 1px solid;
	float:left;
	color:#0e66be;
}
#left {
	float:left;
	width:150px;
}

#right {
	float:right;
	width:150px;
}

/* Sidebar Titles  */
#sidebar .misc .info h2 a,
#sidebar #sponsors h2 a {
	color:#27587F;
	margin:0;
	background:#f8f8ee;
	letter-spacing:-1px;
	font:normal 22px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding-bottom:3px;
}

#sidebar .sidebarBlock {
	margin:10px 0;
        font-family: Arial, Helvetica, sans-serif;
}

#sidebar h3, #sidebar .sidebartitle {
	font:normal 18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#000;
	margin:5px 0 2px;
	background:#f9f9ee;
	border:#eee 1px solid;
}

/* Sidebar Text Styles */
#sidebar a, #sidebar a:visited {
	color:#3E6B8F;
    font-size:11px;
	text-decoration:none;
}
#sidebar a:hover {
	color:#3E6B8F;
    font-size:11px;
	text-decoration:underline;
}

/* Sidebar List Level 1 */
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar ul li {
	list-style: none;
	margin:0;
	padding:0;
	border:none;
}

/*blogroll widget */
ul.list-blogroll li{
	background:url(images/link.gif) no-repeat !important;
	padding-left:22px !important;
}
/*archives widget */
ul.list-archives li, li.bar_archives li{
	background:url(images/archive.gif) no-repeat !important;
	padding-left:22px !important;
}
/* page close */
#close {
	clear:both;
	background:#fff;
	line-height:130%;
	padding-bottom:0;
}

/* Footer */
#footerbg { 
	background-color:#333;
	color:#fff;
}

#footer {
	width:920px;
	margin:0 auto 0;
	padding:20px 0;
	text-align:center;
}
	
#footer a, #footer a:visited {
	color:#50aafe;
	text-decoration:none;
}
	
#footer a:hover {
	text-decoration:underline;
}

/* Alignments */
.center {
	text-align:center;
}
img.center, img[align="center"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignleft {
	float:left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin:2px 10px 5px 0;
}
.alignright {
	float:right;
}
img.alignright, img[align="right"] {
	float:right;
	margin:2px 0 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}

/* Title with Author Images */
div.authorImage {
	float:left;
	padding-right:10px;
	padding-top:2px;
}
div.authorImage img {
	border: 2px solid #27587F;
}

div.authorImage a {
	background-color:transparent;
}

h4.postAuthorDate {
	margin-bottom:5px;
	padding-bottom:7px;
}

/* Tags and Categories */
p.postTags,
p.postCategories { 
	font-weight:bold;
	font-size:80%;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
p.postTags a,
p.postCategories a { 
	background-color:transparent; 
}

/* Post Options */
div.postOptions {
	background-color:#f8f8ee;
	border:1px solid #eee;
	margin:0 0 25px 0;
	padding:10px; 
	font-size:80%;
	text-align:center;
	clear:both;
}
div.postOptions span a { 
	text-decoration:none;
	background-color:transparent;
	font-weight:bold;
}
div.postOptions span a:hover { 
	text-decoration:none;
}
div.postOptions span img {
	vertical-align:middle;
	width:18px;
	height:18px;
	margin:0 5px 0 15px;
}