﻿/*  
Theme Name: Tablet PC Blog
Theme URI: http://blog.tabletpc.com.au
Description: News Blue comes with 3 columns. It's Cool!. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer :)
Version: 0.1
Author: eComMetrix
Author URI: http://www.ecommetrix.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

body { background:#333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding:0px; }
#wrap { background: #fff; margin: 10px auto; padding: 0px; width: 960px; border:#fff 6px solid;}

#top { white-space: nowrap; margin: 0; padding: 0; height: 100px; width: 960px; }
#img01 {
	margin: 0;
	padding: 0;
	border: none;
}
#img02 {
	margin: 0;
	padding: 0;
	border: none;
}
a:link { text-decoration: none; color : #5188d2; border: none;}

a:active { text-decoration: none; color : #5188d2; border: none;}

a:visited { text-decoration: none; color : #3c61a4; border: none;}

h3 { color:#db5800; font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 0px;}

a:hover	{ text-decoration: none; color : #555353; border: none; } 

#navtop { padding: 0; background: #3c61a4; margin: 0px auto; height: 26px; width: 960px; }

#searchform { height:26px; line-height:26px; float:right; margin: 0; padding: 0;  }
#searchform a { color: #FFFFFF; text-decoration: none; text-transform:uppercase; font-size: 12px; font-weight: bold; }
input#s { color: #000000; width: 120px; border: 1px solid #cbcbcb; background:#fcfcfc;}
input#searchsubmit{ cursor: pointer; background: #3c61a4; color:#fff; font-size:11px; font-weight: bold; border:1px solid #CCCCCC;}
TEXTAREA, INPUT {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#main { background: #fff; margin: 0px auto; padding: 0px; width: 960px; text-align: left;}
#post { background:#fff; margin:0px auto; padding:0px; width: 520px; float:left; }
#sidebar { background:#fff; margin:5px auto; padding: 0 10px 10px 0; width: 400px; float:right; }

.content { background:#e7f3ff; margin:5px auto; padding: 10px; width: 520px; float:left; }
.content h2, .content h2 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize; color:#db5800; }

.content .date { background:#5188d2; width:200px; padding:5px 0 5px 5px; color:#fff; font-size:10px;}

.entry { background:#fff; padding:10px; color:#333; font-size:11px; overflow:hidden; border: #5188d2 1px solid; }

.entry h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize; color:#db5800; }

.entry h2 a:link { text-decoration: none; color : #db5800; border: none;}

.entry h2 a:active { text-decoration: none; color : #db5800; border: none;}

.entry h2 a:visited { text-decoration: none; color : #db5800; border: none;}

.entry h2 a:hover	{ text-decoration: none; color : #db5800; border: none; } 

.permalink { width:150px; float:right; text-align:right;}

.category { width:350px; float:left; height:20px; overflow:hidden;}

.postmeta { height:20px; background:#e7f3ff; font-size:11px; border-top:#ccc 1px solid; padding:2px 2px 2px 10px; }

img.wp-smiley { border:0px;}

.left { font-size: 11px; background:url(images/separateline.gif) repeat-y; width:180px; float:left; padding:0px; padding:0 0 0 5px; overflow:hidden;}
.left a, .left a:visited, .left a:active, .left a:hover { font-size: 11px; }
.left h2 { color:#676767; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.left h2 a, .left h2 a:visited, .left h2 a:active, .left h2 a:hover  { color:#676767; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.left ul { list-style-type: none; margin: 0; padding: 0; }

.left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }

.right { font-size: 11px; background:url(images/separateline.gif) repeat-y; width:200px; float:right; padding:0 0 0 5px; overflow:hidden;}
.right a, .right a:visited, .right a:active, .right a:hover { font-size: 11px; }
.right h2{ color:#676767; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.right h2 a, .right h2 a:visited, .right h2 a:active, .right h2 a:hover { color:#676767; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.right ul { list-style-type: none; margin: 0 ; padding: 0; }

.right ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.right ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
.right ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 14px; border: 0; margin: 0;  }

.textwidget { padding: 4px 4px 0 10px; }
#footer { background:url(images/topbg.gif) repeat-x; margin: 0px auto; width: 960px; clear:both; text-align:center; color:#fff; font-size:10px; padding-top:10px; padding-bottom:10px; }

#footer a:link { text-decoration: none; color : #fff; border: none;}

#footer a:active { text-decoration: none; color : #fff; border: none;}

#footer a:visited { text-decoration: none; color : #e7f3ff; border: none;}

#footer a:hover	{ text-decoration: none; color : #000; border: none; } 

ul.navtop { height:23px; line-height:23px; float:left; list-style: none; font-weight:bold; text-transform:uppercase; padding: 3px 0 0 0; margin: 0; font-size:12px; }
ul.navtop li { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.navtop li  a, ul.navtop li a:visited , ul.navtop li a:link { text-decoration: none; background: #fff; color:#616161; float: left; padding: 0 10px; }
ul.navtop li a:hover, ul.navtop li a:active { text-decoration: none; background: #fff; color: #000; text-decoration: underline; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #3c61a4; }
ul.navtop li ul { float:left; margin:0; padding:0; }

.navigation { text-align: center; margin:0; padding: 10px; }

.alignright { float: right; margin: 0; padding-bottom:20px; padding-top:10px; }

.alignleft { float: left; margin: 0; padding-bottom:20px; padding-top:10px; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}

ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }

ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }

ol.commentlist li.commenthead { list-style: none; margin: 0; }

ol.commentlist li.commenthead h2 { margin: 0;}

input#submit{ background:#e7f3ff;border:2px solid #5188d2; color:#5188d2;font-size:13px; }

textarea { color: #666; width: 450px; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

.footersitemap {
	background:#e7f3ff; 
	font-size: 10px;
	color: #3c61a4;
	float: left;
}
.footersitemap div {
	padding: 5px 10px;
}
.footersitemap ul {
	list-style: none; 
	margin: 0 10px; 
	padding: 0;
}
.footersitemap ul li{
	margin: 3px 0;
}
.footersitemap h6, .footersitemap h6 a {
	margin: 0;
	font-size: 10px;
}
.footersitemap a { 
	text-decoration: none;
	font-size: 10px;
}

form {
	margin: 0;
}



