/*
THEME NAME: Simplish
THEME URI: http://labs.utopian.net/blogs/simplish/
DESCRIPTION: Simplish is a WordPress variant of the Scribbish theme for blogs.
TAGS: two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post, microformats, white, light
VERSION: 2.1.8
AUTHOR: <a href="http://labs.utopian.net">Utopian.net Labs</a>, <a href="http://pittcrew.net/geekblog/">K. Pitt</a>, <a href="http://quotedprintable.com">J. Hardy</a>
AUTHOR URI:
*/

/*
 * #container
 * 	#header #navigation-bar
 * 	#page
 * 		#content
 * 			#article-num (.hentry)
 * 				.entry-title
 * 				.posted
 * 				.entry-content
 * 				.meta
 * 		#sidebar
 * 	#footer
 */

/*
Twitter
*/

div .date-style {
	position: absolute;
	margin: 0 0 0 -90px;
	background-image: url(img/date_bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 70px;
	height: 90px;
	padding-top: 15px;
	text-align: center;
}
	div .date-style .num-date {
		font-family: georgia, times, serif;
		font-size: 24px;
		font-style: italic;
                color: #50515c;
	}
	
	div .date-style .month {
		font-family: georgia, times, serif;
		font-size: 10px;
		font-style: italic;
		margin-top: -3px;
                color: #50515c;
	}

/*
MY CLASS
*/

body{
	background: #fff;
	font: normal 0.75em calibri, arial, sans-serif;
	margin: 0;
	padding: 0em 1em 0em; 
	text-align: center;
}
#container{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 800px;
}
#header{
	color: #636965;
	height: 76px;
	margin: 0px 0px 30px 0;
	padding: 0;
}
#page{
	background: transparent;
	margin: 0 0 0 0;
}
#content{
	float: left;
	padding: 10px 0 0 5px;
	width: 800px;
}
#sidebar{
	float: right;
	font-size: 1em;
	padding-left: 15px;
	margin-top: -1px;
	text-align: left;
	width: 200px;
}
#footer{
	background: #fff url(img/bacakground-dark.png) repeat left top;
	border-top: 1px dotted #ccc;
	clear: both;
	font-size: 90%;	
	color:#000;
	height:50px;
	width:800px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	text-align: center;
}	

/*
Navigetion bar
*/

#navigation-bar {
	background: #000 url(img/background-dark.png) repeat left top; 
	height: 30px;
	color: #FFF;
	margin: 0 0 0 0;
}

#navigation-bar ul {
	list-style-type: none;
	margin: 0;
	margin: 0;
	height: 30px;
}

#navigation-bar ul div {
	display: block;
	float: left;
	padding: 0 19px 0 0;
}

#navigation-bar ul div a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	height: 21px;
	margin: 6px 0 0 0;
}

#navigation-bar ul div a:hover, #navigation-bar ul div.selected a {
	border-bottom: 3px solid #fff;
}

#navigation-bar ul div a:active {
	border-bottom: 3px solid #EEE;
}


/*
END Navigetion bar
*/


#header a:link, #header a:visited{
	color:#000;
	text-decoration: none;
}
#header a:hover, #header a:active{
	background: transparent;
	color:#760909;
	text-decoration: none;
}
#header h1{
	float: left;
	font: bold 410% constantia, georgia, times, serif;
	letter-spacing: -1px;
	margin: 0;
}
#header h2{
	float: right;
	font: normal 0.8em calibri, arial, "liberation sans", arial, sans-serif;
	margin: 2.35em 0.2em 0 0;
}

/*
Content
*/


#content h1, #content h2, #content h3, #content h4, #content h5{
	font-family: constantia, georgia, times, serif;
	font-weight: normal;
	letter-spacing: -1px;
}
#content h2{
	font-size: 2em;
	margin: 0 0 0.3em;
}
#content h3{

border-bottom:1px dotted #C0C0C0;
color:#000000;
font-size:22px;
font-weight:normal;
letter-spacing:-0.04em;
line-height:1.2em;

}
#content h4{
	border-bottom: 1px dotted #bbb;
	font-size: 1.6em;
	margin: 1.2em 0 0.3em;
}
#content h5{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	letter-spacing: 0px;
	background: url(img/comment.gif) no-repeat 2px 6px;
	border-bottom: 1px dotted #aaa;
	border-top: 3px solid #aaa;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 15px;
	margin: 1.2em 0 0.3em;
}
#content h1.archive-title{
	color: #a9a9a9;
	font-size: 2.3em;
	margin: 0 0 0.3em;
}
#content h1.archive-title span.archive-subtitle{
	font-weight: bold;
}
#content .archive-meta{
	color: #a9a9a9;
	font-size: 1.4em;
	margin: 0 6em;
	text-align: justify;
}
#content .archive-meta .vcard .fn{
	font-family: georgia, times, serif;
	font-size: 1.6em;
	letter-spacing: -1px;
}
#content .archive-meta .vcard img.avatar{
	border: 1px solid #ddd;
	clear: both;
	float: left;
	margin: 0 8px 0 0;
}
#content .archive-meta .vcard .note{
	margin: 0 0 0 8px;
}
#content p{
	margin: 1.2em 0;
	font-size: 14px;
	color: #000;
	text-align: left;
}
#content ul, #content ol{
	margin-left: 1em;
	padding:0;
	font-size:14px;
}
#content ul{
	list-style-type: square;
	font-size:14px;
}
#content li{
	margin-left: 1em;
	padding: 0;
}
#content dl dt{
	font-weight:bold;
}
#content hr{
	color: #ffffff;
	background-color: #ffffff;
	border-top: 1px dotted #bbbbbb;
	margin-bottom: 1em;
}

#content blockquote{
	color: #ccc;
	border: 1px solid #F5F5EA;
        border-left: 1px solid #000;
	margin:0px 0px 0px -20px;
	padding:0px 50px;
	background-color: #EEEDE3;
}

#content blockquote p {
	color: #000;
	padding-right: 0;
	font: normal 1.2em/2em Georgia;
	line-height: 19px;
	/*background: url(img/quote.gif) no-repeat 0px -1px;*/
	padding-left: 0px;	
}

#content code{
	font: normal 1em "bitstream vera sans mono", monaco, "lucida console", "courier new", courier, serif;
}

#content pre{
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	color: #000000;
	font: normal 1em "bitstream vera sans mono", monaco, "lucida console", "courier new", courier, serif;
	margin: 0.9em 0;
	overflow: auto;
	padding: 8px;
}

/*
 * Tables. From	Gesso, after Boilerplate.
 */
table { border-collapse: separate; border-spacing: 0; }
table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }
#content th{
	background: #eee;
}
#content .hentry{
	margin: 0 0 8em 0;
}
#content .hentry .entry-title{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	font-style:italic;
	letter-spacing: -0.5px;
	line-height: 99%;
	margin: 0;
}

#content .hentry h2.page-title{
	font-style: italic;
	font-size: 33px;
	color: #815454;
	margin: 0 0 .3em;
	padding-bottom: 15px;
}

#content .hentry .entry-title a:link, #content .hentry .entry-title a:visited{
	color: #547981;
	text-decoration: underline;
}

#content .hentry .entry-title a:hover, #content .hentry .entry-title a:active{
	background: transparent;
	color: #000;
	text-decoration: none;
}

#content .hentry .posted{
	color: #000;
	float: left;
	font: italic .9em Georgia, arial, verdana, sans-serif;
	letter-spacing: 0px;
	margin: 7px 0 0.6em 0px;
}

/*#content .hentry .posted .fn{
	font-weight: normal;
}*/

#content .hentry .posted .author a{
	color: #a9a9a9;
	font: normal .9em "Times New Roman", Times, serif;
	letter-spacing: 2px;
	text-transform:uppercase;
	background: transparent;
	text-decoration: none;
}

#content .hentry .posted .author a:hover {
	color: #666;
	background: transparent;
	text-decoration: underline;
}

/*
 comments style 
*/

#content .hentry .posted .comm{
	color: #a9a9a9;
	background: url(img/comment.gif) no-repeat 2px 2px;
	margin-left: 5px;
	padding-left: 15px;
	text-indent: 15px;
	text-decoration: none;
	font-size: 11px;
}


#content br.downpad{
	margin: 0 0 33px;
}
#content .hentry ul.meta{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	background: transparent;
	border-top: 1px dotted #ccc;
	clear: both;
	color:#949494;
	font-size: 9px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	width: 800px;
	float: left;
}

#content .hentry ul.meta li{
	line-height: 15px;
	margin: 0;
	padding: 0 0px;
}

#content .hentry ul.meta li.rss{
	float:right;
}

		#content .hentry ul.meta li.rss a{
			color: #F90;
		}
		#content .hentry ul.meta li.rss a:hover{
			color: #333;
		}

#content .hentry ul.meta li.tag{
	float:none;
	text-align:center;
}

#content .hentry .meta a:link, #content .hentry .meta a:visited{
	border-bottom: 1px #aaa;
	color: #949494;
	text-decoration: underline;
}
#content .hentry .meta a:hover, #content .hentry .meta a:active{
	color: #CCC;
}

#content ol.comments{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content li.comment, #content li.trackback, #content li.pingback{
	border-left: 1px dashed #fff;
	list-style-type: none;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-top: 0.5em;
}

#content #commentslist li.depth-1{
	border-bottom: 1px dotted #ddd;
	margin: 1.5em 0;
}
#content li.comment.preview{
	background: #ffc;
	border: 3px solid #fab444;
	list-style-type: none;
	padding: 1em;
}
/* Even-Odd Thread Shading - disabled.
#content li.comment.thread-even{
	background: #fff;
}
#content li.comment.thread-odd{
	background: #eee;
}
 */
#content li.comment .comment-head,
#content li.trackback .comment-head {
	font-weight: bold;
	margin-bottom: 1em;
}
#content #commentslist li .comment-author {
	font-size: 1.4em;
	letter-spacing: -1px;
}
#content #commentslist li span.says {
	display: none;
}
#content li.comment .comment-head abbr,
#content li.trackback .comment-head abbr{
	color: #999;
}
#content li.comment .comment-head a.comment-permalink,
#content li.trackback .comment-head a.comment-permalink{
	text-decoration: none;
}
#content li.comment .comment-author img.avatar{
	background: #fff;
	clear:both;
	float: right;
	margin: 0.5em;
}
#content li.comment p{
	margin-right: 2em;
}
#content form.comments{
	background: #FAFAF8;
	border-top: 1px solid #fff;
	padding: 0em 0.5em;
}
#content form.comments fieldset{
	border: none;
}
#content form.comments legend{
	display: none;
}
#content form.comments label{
	font-weight: normal;
}
#content form.comments textarea{
	height: 128px;
	padding: 0px;
	width: 100%;
}
#content .readmore{
	font-style: italic;
}
#content .navigation{
	display: block;
	font-size: .9em;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-bottom: 15px;
	text-align: center;
}

#content .navigation .prevlink{
	font-size: 15px;
	float: left;
	padding-bottom:20px;
}
#content .navigation .nextlink{
	float:right;
	font-size: 15px;
}

/*
END Content
*/


#sidebar h2{
	font: italic 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0.5em;
	color: #333;
	text-align:center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 2px solid #000;
	border-top: 1px dotted #fff;
}
#sidebar h2 a:link, #sidebar h2 a:visited{
	color: #000;
	text-decoration: none;
}
#sidebar h2 a:hover, #sidebar h2 a:active{
	background: transparent;
	text-decoration: underline;
}
#sidebar ul{
	list-style-type: none;
	margin: 0 0 2em;
	padding: 0;
}
#sidebar li{
	margin: 0;
	padding: 1px 0;
}

#sidebar li a:link, #sidebar li a:visited {
	background: url(img/arrow_mini_right.gif) no-repeat 0 2px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	margin-bottom: 1px;
	color: #006699;
}

#sidebar li a:hover, #sidebar li a:active{
	background: url(img/arrow_mini_right.gif) no-repeat 1px 2px;
	color: #333;
}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}
#sidebar ul li li li{
	list-style-type: none;
	margin-left: 0.8em;
}
#sidebar ul li li li li{
	list-style-type: disc;
	margin-left : 1.5em;
}
#sidebar em{
	font-style: normal;
}
#sidebar .search p input{
	font-size: .9em;
	width: 92%;
}
#sidebar #search, #sidebar #tag_cloud{
        margin-bottom: 2em;
}

#footer a:link, #footer a:visited{
	color: #000;
}
#footer a:hover, #footer a:active{
	color: #fff;
	background: #000;
}
#footer hr{
	display: none;
}
#footer p{
	float: left;
	margin: 20px 0 20px 5px;
	padding: 0;
	width: 100%;
}
#footer ul{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 40%;
}
#footer li{
	display: inline;
	margin: 0;
	padding: 0 0 0 1em;
}

/* Applied-last Element Treatments */

form#commentform {
	float: left;
}

div .comment-p {
	clear:both;
	display:block;
	float:left;
	margin-top: 0px;
	padding-top: 0px;
}

form .details {
	float: left;
	width: 200px;
	padding-top: 1.0em;
	padding-right: 18px;
	display: inline;
}

form .details label small {
	width: auto;
	padding-right: 10px;
	color: #c3bdb2;
	font: normal normal 1.0em/1.2em Arial, sans-serif;
	float: none;
	display: inline;
}

form .details span {
	clear:both;
	display:block;
	float:left;
}

form .message {
	float: left;
	width: 410px;
	padding-top: 1.0em;
}

form .message-large {
	float: left;
	width: 100%;
	padding-top: 1.0em;
}

form .send {
	clear: both;
	float: left;
	width: 124px;
}

form label{
	color: #89857e;
	display: block;
	font: italic 0.9em/1.2em Georgia, serif;
	clear: both;
}


form input {
	font: normal 1em "bitstream vera sans", verdana, sans-serif;
	border-style: none;
	color: #5f5c56;
	font-size: 13px;
	width: 184px;
	padding: 5px 8px 6px;
	background: url(img/subscribe.gif) no-repeat;
	margin-bottom: 8px;
	margin-top: 4px;
	margin-right: 0;
	display: block;
	float: left;
}

form textarea {
	border-style: solid;
	color: #5f5c56;
	font-size: 13px;
	width: 420px;
	padding: 5px 8px 6px 4px;
	background: #f1ece3 url(img/textarea-comment.gif) repeat-x;
	margin-bottom: 8px;
	margin-top: 4px;
	margin-right: 0;
	border-width: 1px;
	border-top-color: #cdc9c1;
	border-bottom-color: #fff;
	border-left-color: #e5e0d7;
	border-right-color: #e5e0d7;
	height: 120px;
}

form span input {
	border-style: none;
	color: #5f5c56;
	font-size: 13px;
	width: 120px;
	padding: 5px 8px 6px;
	background: url(img/submit.gif) no-repeat;
	margin-bottom: 8px;
	margin-top: 4px;
	margin-right: 0;	
	float: left;
}

.hide-field input{
	background: transparent;
}

abbr{
	border: none;
}
cite{
	font-style: normal;
}
a img{
	border: none;
	margin: 0;
	padding: 0;
}
a:link, a:visited{
	color: #336699;
}
a:hover, a:active{
	background: none;
	color: #003366;
}
span.caps{
	font-size: 0.9em;
	letter-spacing: .07em;
}
p img{
	max-width: 100%;
	padding: 0;
}
.aligncenter, div.aligncenter, img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft{
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
img.alignright{
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
.alignleft{
	float: left
}
.alignright{
	float: right;
}
span.caps{
	cursor: help;
}
.center{
	text-align: center;
}
.hidden{
	display: none;
}
.clear{
	clear: both;
}

/* WordPress img captions */
.wp-caption{
	background-color: #eeeeee;
	border: 1px solid #ddd;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img{
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text{
	font-size: 0.8em;
	padding: 1em 4px 0 5px;
}

/* Galleries. */
div.entry-content div.gallery{
	clear: both;
	float: left;
	margin: 1em auto;
	text-align: center;
	width: 100%;
}
div.entry-content div.gallery dl{
	float: left;
	margin: 0.5em auto;
	text-align: center;
}
div.entry-content div.gallery dl.gallery-columns-2{
	width: 49%;
}
div.entry-content div.gallery dl.gallery-columns-3{
	width: 33%;
}
div.entry-content div.gallery dl.gallery-columns-4{
	width: 24%;
}
div.entry-content div.gallery dl.gallery-columns-5{
	width: 19%;
}
div.entry-content div.gallery dd{
	font-style: italic;
	margin: 0 auto 1em auto;
	text-align: center;
}
 
/* Sitemap template uses .hentry .entry-title as list item. */
#sitemap-list .hentry{
	margin: 0 0 0 1em;
}
#sitemap-list #all-posts span.entry-title{
	font-size: 1em;
	letter-spacing: normal;
	line-height: normal;
}
#sitemap-list #all-posts .hentry .entry-title a:link,
#sitemap-list #all-posts .hentry .entry-title a:visited{
	text-decoration: underline;
}
#sitemap-list #all-posts .hentry .entry-title a:hover,
#sitemap-list #all-posts .hentry .entry-title a:active{
	background: #000 none repeat scroll 0 0;
	color: #fff;
}
#sitemap-list ul ul, #sitemap-list ol ol{
    margin-left:0;
}

/* Search template specifics. */
#content.search-results .hentry{
	margin: 0;
}
#content.search-results .hentry h2.entry-title{
	font-size: 1.7em;
	letter-spacing: -1px;
}
#content.search-results .hentry .entry-title a:link,
#content.search-results .hentry .entry-title a:visited{
	text-decoration: underline;
}
#content.search-results .hentry .entry-title a:hover,
#content.search-results .hentry .entry-title a:active{
	background: #000 none repeat scroll 0 0;
	color: #fff;
}

/*
in da footer
*/
div .site-map {
	border-top:3px solid #000;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width:100%;
}

div .site-map h4{
    font-family: constantia, georgia, times, serif;
	margin: 0;
	font-size: 16px;
	font-style: italic;
	font-weight:normal;
	padding-bottom: 5px;
}

div .site-map ul {
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding:0;
}

.colborder {
	border-right:1px solid #EEEEEE;
	margin-right:20px;
	padding-right:30px;
}

div .site-map li {
	background:url(img/arrow_mini_right.gif) no-repeat 3px 4px;
	line-height:1.5em;
	margin-right:18px;
	padding-left:16px;
}

div .site-map li.mail {
	background:url(img/mail.gif) no-repeat 3px 4px;
}

div .site-map li.mobile {
	background:url(img/mobile.gif) no-repeat 3px 4px;
}

div .site-map .column {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

@media print{
	#content{
		float: none;
		width: 90%;
	}
	#content pre{
		background: #eee;
		color: #000;
	}
	#content form.comments{
		display: none;
	}
	#sidebar{
		display:none;
	}
}