/*
Theme Name: toktalk1
Theme URI: http://toktalk.net
Description: TOKTalk Wordpress theme with right sidebar
Author: Oliver Kim
Author URI: http://toktalk.net
version: 1.0
*/

/* ******************** basics ******************** */

* { margin:0; padding:0; }

body {
     background: #999;
     background: URL(http://www.toktalk.net/wordpress/wp-content/uploads/pix_graphics/tokbg.png);
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 10px;
     margin: 20px;
     text-align: justify;
}
	
h1 {
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 12px;
     text-style : bold;
     padding-top : 15px;
     padding-bottom :0px;
}

h3 {
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 16px;
     text-style : bold;
     padding-top : 5px;
     padding-bottom :5px;
     color: #1d507d;
}

/* ******************** images and misc. ******************** */

img { border : none; padding: 6px; }
img a {border : none; }

blockquote {
     border-left: 1px solid #A5ABAB;
     margin: 10px;
     padding: 0 10px 0 10px;
     font-style : italic;
}

code {
     margin:10px;
     font-family:"Courier New", Courier, monospace;
}

/* ******************** links ******************** */

a {
     color:#1d507d;
     text-decoration : none;
     border: none;
     font-weight : bold;
}

a:hover {
     color:#000;
     text-decoration: none;
     border: none;
     font-weight : bold;
}

/* ******************** container ******************** */

#container {
     width: 960px;
     margin: 0 auto;
     padding: 0px;
     background:#5883a9;
     background-image:url("http://www.toktalk.net/wordpress/wp-content/uploads/pix_graphics/bg5.png");
background-repeat: repeat-y;
background-position: center;
display: block; 
     color:#000;
     border: 5px solid #1d507d;
}
	
/* ******************** header ******************** */

#header {
     background-color: #1d507d;
     height:100px;
     width: 960px; 
     color: #fff;
}

/* ******************** main menu ******************** */

#menu {
     background: #1d507d;
     font-family: sans-serif, arial, verdana, tahoma  ;
     font-size: 10px;
     width:960px; 
     border: 0px;
     margin: 0px;
     padding:0px;
}

#menu ul {
     margin : 0px;
     text-align: left;
     padding-top:6px;     /*    Vertical space */
     padding-bottom:6px;
}

#menu ul li {
     list-style-type: none;
     display: inline;
     margin: 0;
     padding: 6px 8px 6px 8px;
}

#menu ul li a {
     padding: 6px 8px 6px 8px;
     margin: 0;
     // text-decoration: underline;
     color: #fff;
     font-weight:bold;
}

#menu ul li a:hover {
     background-color: #fff; 
     color:#1d507d;
}

/* ******************** content ******************** */

#content {
     float: left;
     width: 76%;
     overflow: hidden;
}	

.post {
     margin-left:10px;
     margin-right:10px;
     padding : 0px;
     line-height: 20px;
     font-size : 12px;
     background:#ffffff;
}

/* Article Title!! */
.post h2 {
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 22px;
     font-weight: bold;
     color: #1d507d;
     background:#ffffff;
     padding-top : 5px; padding-left: 5px; 
     padding-bottom: 0px;               
     padding-right : 5px;
     margin-top:0px;
     text-align:left;
}
	
.post h2 a{
     color: #1d507d;
     text-decoration: none;
}
	
.post h2 a:hover{
     color: #000;
     text-decoration: none;
}
	
.post p {font-size: 12px;}
.post a {text-decoration:none;}
.post ul { font-size : 12px; padding-left: 15px;}
.post ol {  font-size : 12px; padding-left: 15px;}
.post li {  font-size : 12px; padding-left: 5px; list-style-type:disc; margin-bottom:10px; }
.entry p{ font-size : 12px; margin:12px 0;}

/* this appears at the end of each article */
.postmetadata{
     clear: both;
     background:#1d507d;
     padding:6px;
     margin-top: 16px;
}

.navigation {
     font-size:10pt;
     font-weight : bold;
     float:left;
     width:100%;
}
	
.alignleft {float:left; padding:15px;}
.alignright {float:right; padding:15px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

/* ******************** sidebar ******************** */

#sidebar {
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 10px;
     width: 230px;
     float:right;
     margin: 0px;
     padding: 0;
     color: #fff;
}

#sidebar a {
     font-family: verdana, arial, tahoma, sans-serif;
     font-weight: bold; 
     font-size: 10px; 
     text-align: left;
     color: #fff;
}

#sidebar a:hover {
     font-family: verdana, arial, tahoma, sans-serif;
     font-weight: bold; 
     font-size: 10px; 
     text-align: left;
     color: #1d507d;
}

#sidebar h2{
     font-family: verdana, arial, tahoma, sans-serif;
     font-weight: bold; 
     font-size: 12pt; 
     text-align: left;
     color: #08122E;
     margin: 10;
     padding: 10;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;  }
#sidebar img {padding: 0; margin: 0;}


/* for the sidebar headings */

#sidebar ul {
     margin:15px;
     padding:0;
     list-style-type: none; 
     line-height: 14px;
}

#sidebar ul li {
     margin: 0;
     padding: 0;
     line-height: 14px;
     list-style-type: none; 
}

/* for the sidebar contents */

#sidebar ul ul { margin: 15px; padding: 0; text-align:left;}
#sidebar ul ul li {list-style-type: disc; margin: 0; text-align:left;}

#sidebar ul ul ul{ margin:0px; margin-left: 15px; padding-left: 10; }
#sidebar ul ul ul li{ padding : 0; list-style-type: square;  }

/* ******************** comments ******************** */

#commentssection{
     clear: both;
     padding: 2px 12px;
     margin: 0;
}
	
#commentssection h3{
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 12pt;
 /*    font-weight: 300; */
     font-style: normal;
     color: #000;
}

#commentform{
     background: #ffffff;
     margin: 12px 12px 20px 12px;
     padding:20px;
}
	
#commentform p{
     color: #000;
}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
     font-family: verdana, arial, tahoma, sans-serif;
     font-size: 10pt;
     font-weight: 300;
     color: #000;
}
	
#commentbox{
     width:75%;
     min-width:400px;
     margin:5px 5px 0 0;
}

#author, #email, #url, #commentbox, #submit{
     background: #fff;
     font-family: verdana, arial, times;
     font-size: 8pt;
     margin:5px 5px 0 0;
     border: none; 
     padding: 6px;
     border: 1px solid #B2B2B2;
}

#submit{margin:5px 5px 0 0;}
	
ol.commentlist {list-style-type: none;}

ol.commentlist li {
     background: #fff;
     margin:10px 0;
     padding:5px 0 5px 10px;
     overflow: hidden;
}

ol.commentlist li.alt {background: #fff;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
ol.commentlist a {color:#000;}

cite {
     font-family: arial, verdana, tahoma;
     font-size: 9pt;
     font-weight: bold;
     font-style: normal;
}
	
cite a {color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* ******************** search ******************** */

#searchform{
	padding-top: 5px;
        padding-left: 4px;
	font-family: verdana, arial, times;
}

#searchform input#s{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #B7B7B7;
        width:120px;
}

#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 8pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	border: 1px solid #B7B7B7;
	background-color: #fff;
	color: #797979;
}

/* ******************** footer ******************** */

#footer {
	background: #1d507d;
	clear: both;
	width: 100%;
	// margin-top:15px;
	border-top:dotted 1px #fff;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10px;
}
	
#footer p{padding:5px; padding-bottom:0px; margin: 0; color: #eee;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: none;}

/********** custom **************** */

.dropcap {
float:left;
color:#1d507d;
font-size:40px;
line-height:30px;
padding-top:2px;
font-family: verdana, arial, tahoma, sans-serif;
font-weight:bold;
}

.postinfo {
background : #ffffff;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
padding-bottom : 5px;
font-size:10px;
font-weight:normal;
}

.archivetitle { font-size : 12pt; padding-left:20px; }

.ads {
   margin:5px;
   margin-top:5px;
   margin-left :0px;
}

.pix {
   margin:0px;
   margin-left :10px;
   margin-top : 10px;
   padding : 0px;
}

.dl {
   margin:0px; 
   padding:0px;
   margin-top: 5px;
}

.adsense_singlepost {
   float:left;
}

.css_random_img {
   margin:0px; 
   padding:0px;
   border : 0px;
}

/* in header */
.desc {
   font-size : 12px;
   font-family: verdana, arial, tahoma, sans-serif;
   font-weight:bold;
}

.title {
   font-size : 24pt;
   font-family: verdana, arial, tahoma, sans-serif;
   font-weight:bold;

   font-style:italic;
}

/* Related Posts */
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}
ol.related-posts img{clear:both; padding:5px; background:#F7F7F7; border:1px solid #DDD;}
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
ol.related-posts li{font-size:12px;}

#cat_bottom a {
color:#fff;
font-size:10px;
font-weight:normal;
}

#cat_bottom a:hover{
color:#5883a9;
font-size:10px;
font-weight:normal;
}

#cat_bottom td {
width:120px;
vertical-align:top;
text-align: left;
}

#cat_bottom ul {
color:#fff;
padding-left:15px;
}

#cat_bottom table {
padding:5px;
font-weight:bold;
}

#cat_bottom h3 {
font-size: 10px;
color:#fff;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
}

#cat_bottom {
	background: #1d507d;
	clear: both;
	width: 100%;
	margin-top:15px;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10px;
        color:#fff;
}

#quotes_bottom table {
width: 570px;
border-width:0px;
background:#5883a9;
margin:15px;
}

#quotes_bottom td {
width: 80%;
padding:15px;
color:#fff;
background:#5883a9;
font-size:14px;
text-align:center;
}