/*   
Theme Name: karamits blog
Theme URI: http://www.karamits.com/blog
Desciption: horizontal navigation minimal
Author: the karamits
Author URI: karamits.com
Template: 
Version: 2.0
.
General comments/License Statement if any.
.
*/


/* =Global
--------------------------------------------------------------
--------------------------------------------------------------
----*/

body {
	background: #EFEFEF;
	font-family: verdana, sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address, .more-link  {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	}
	
img a, img a:hover {
	text-decoration: none;
	outline: none;
	border: none;
}


blockquote:before, blockquote:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/*---menu-
----------------------------------
--------------------------------*/

div#navbar {
        background-color: #FFF;
        width: 100%;
        height: 70px;
	padding:15px 0;
        position: relative;
        color: #111;
        vertical-align: bottom;
    }

.logo {float: left;}

.logo:hover {opacity:0.8;}

#menus {float: right;
	height: 70px;
	min-width:150px;}

.sddm
{	margin:auto;
	z-index: 30;
	padding:0;
	float: left;
            }

.sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400;
	letter-spacing: 1.1px;
	}

.sddm li a
{       display: inline-block;
	margin: 0 0px 0 0;
	padding: 3px 8px;
	color: #111;
	text-align: left;
	text-decoration: none;
        outline: none;
	font: 11px sans-serif;
}

.sddm li a:hover
{	background: #0099ff;
        color: #fff;}

.sddm div
{	position: absolute;
	visibility: hidden;
	margin:0;
	padding:2px 0 0;
	border: 0px;
        background-color:#eee;
        color: #111;
}

	.sddm div a
	{	position: relative;
		display: block;
		margin-bottom: -8px;
		padding: 2px 0px 0 8px;
		width: 100px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #ffffff;
		font: 11px arial;}
                

	.sddm div a:hover
	{color: #fff;
	background: #0099ff;
                }
                

/*---Search
 ---*/


.search {
	text-transform: uppercase;
	font-size: .7em;
}

#searchform { font: 11px arial;
	margin:0 0 0;
	padding: 0;
	height:15px;
	}
	
#searchform input.box {width:70px;
			height:11px;
			background-color:#fff;
			margin-top:2px;
			border-top:2px solid #ddd;
			border-left: 2px solid #ddd;
			border-bottom:0;
			border-right:0;
			font: 11px arial;
			color: black;
			}

#searchsubmit {height:15px;
width:10px;
font: 11px arial;
background-color: #111;
border: 0;
background-image: url('http://www.karamits.com/images/magnifying.png');
padding:0;
margin:0;}




/*---SIDEBAR
----------------------------------
--------------------------------*/
#supplementary_fake {
	width: 40px;
	height: 135px;
	padding:0px 0px 0px 0px;
	background-image: url('images/radial_grey.png');
	display: inline;
	position: fixed;
	float:left;
	left:0px;
	top: 40px;
	z-index:1;
}


#supplementary {
	width: 40px;
	height: 115px;
	margin-left: -10px;
	padding:10px 0px 10px 20px;
	background-color:transparent;
	float: left;
	display: inline;
	position: fixed;
	top: 40px;
	left: 0px;
	z-index:2;
}

.meta ul {
	margin: 0.2em 0 1em 0;
}

.meta li {
	margin: .3em 0 0 0;
	line-height: 1.5em;
	padding: 0 0 .2em 0;
}

ul#categories li, img, ul#archives li {
	border: 0;
	
}

#supplementary ul {
	list-style-type: none;
}

#supplementary ul li ul li {
	border-bottom: 0px dotted #EEE;
}



#supplementary p {
	line-height: 1.5em;
}

.meta {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.9em;
}

.footnotes {
	margin: 3em 0 0 0;
	padding-left: 2.2em;
	border-top: 0px dotted #999;
	font-size: .85em;
	line-height: 1.2em;
}

li.footnote {
	margin-top: .5em;
}

.wp-tag-cloud {
	padding-left: 0;
}

.highlight {
	color: #ff9900;
}

.error {
	font-size: 5em;
	text-align: center;
}

.post_nav {
	position: relative;
	width: 160px;
}


#supplementary h3, h2.widgettitle {
	margin: 0 0 -.7em 0;
	font-size: 1.15em;
	border-bottom: none;
}

.widget li {
	border-bottom: 0;
}


#supplementary .offsite a, .offsite a img {
	border: 0;
}


.ontop {position:relative;
	top: -92px;
	left:7px;
	z-index:6;}
	
.head {	z-index:1;
	position: relative;
	margin: 15px 0;
	padding-top:20px;
	width:100%;
	text-align: center;}


/*---CONTENT
----------------------------------
--------------------------------*/
#wrapper {
	width: 1305px;
	margin: 40px auto 0;
	z-index:1;
}



#content-wrapper {
	width: 980px;
	margin: 20px auto ;
	z-index:1;
}

.lightgrey {width:100%;
	position: relative;
	min-width:980px;
	min-height: 600px;
	overflow: auto;
	padding:20px 0;
	clear: both;
	background: #efefef;
	border-bottom:10px solid #ff9999;}
	
.darkgrey {width:100%;
padding:20px 0;
min-width:980px;
	position: relative;
	min-height: 600px;
	overflow: auto;
	clear: both;
	background: #aaa;
	border-top:10px solid #9999ff;}

#right_side {width:300px;
		float:right;}
		
#right_side li {list-style: none;
		font: 11px arial;}
		
#right_side ul {list-style:none;
		margin-bottom: 20px;}
		
#right_side .frontpagedate {
	color: #666666;
	font-size: 10px;
}

#right_side .frontpagedate a{color:#666666;}

#right_side .frontpagedate a:hover{color:#ff0000;}

#right_side .moar a{color:#454545;
			font-size:11px;
			font-weight:600;
			margin-top:5px;
			padding-top:5px;
			border-top: 1px dotted #454545;}

#right_side .moar a:hover{color:#ff0000;}


#content {
	width: 100%;
	margin: 30px 0;
	display: inline;
	min-height: 100%;
}

#single_content {
	width: 100%;
	margin: 30px 0;
	display: inline;
	min-height: 100%;
}



.column {width:460px;
	margin-right:20px;
	float: left;}

.columnright {float: right;
		width:460px;}

.photo {width: 470px !important;}
		

		
.photo img {width:470px;}
		

	
.greek {
	color:#666;}

.gallery-item {max-height: 710px !important;
		height:auto;
		width:auto;
	max-width: 980px !important;
	float: left;
	padding:5px;}

.resources {width:100%;
	float: right;}

.entry1 .column {width:100%;
		margin-right:0;}

#blog_entries {
	width: 315px;
	padding:5px;
	margin:0;
	float: left;
	display: inline;
}

#work_entries {
	width: 650px;
	padding:5px 0;
	margin:0;
	float: left;
	display: inline;
}


h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.15em;
	letter-spacing: 1.1px;
	margin-bottom: 1.3em;
	font-weight: 500;
}

h3 {
	font-size: 1em;
	margin: 1em 0 0 0;
	border-top: 1px solid #ddd;
}



/*-----------HOME
 ----------------*/
.entry {
		margin: 10px 0px 30px 0;
	font-size: 0.9em;
	width:960px;
	padding:10px;
	float:left;
	background-color:#fff;
	line-height: 1.6em;
	-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 3px 3px 4px #666;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 3px 3px 4px #666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.head_border {
	width:100%;
	padding:8px 0 12px 0;
	text-align: center;
	margin:10px 0;}

.head_border a{color: #fff;}

.headers {color: #fff;
background-color: #454545;
padding:5px 10px;
margin:15px 0;
font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: sans-serif;
		-moz-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
box-shadow: 3px 3px 4px #999;}

.headers:hover {background-color: #0099ff;}

#single_content .headers:hover a{color:#FFfc00}

#single_content .headers:hover a:hover{text-decoration:line-through;}


.title {
	font-size: 0.9em;
	letter-spacing: 1.3px;
	font-weight:600;
	color: #000;
}

.entry .icon {float: right;
		width:0px;
		height: 0px;
		display: none;
		height:0;
		margin:0;
		visibility: hidden;}

.entry1 .large {visibility: hidden;
		display: none;
		height:0;
		margin:0;
		padding:0;}
		
		
.figures {padding:10px;
border:1px dashed #ddd;}

.error {z-index:1;
position: relative;
background-color: #0099ff;
height:230px;
width:290px;}

.trial {z-index: 2;
position: relative;}

#example {
	width:100%;
	min-height:100%;
	
	color: #111;}
	
#example a {color:#111;
		padding:1px 2px;}

#example a:hover {background-color: #0099ff;}
	
#twitter_container {
	width: 100%;
	margin:0px auto 0;
	overflow: auto;
	padding: 0;}
	
#twitter_container .tweettitle {color: #ddd;
			font-size: 10px;
			text-align:left;
			padding-bottom:5px;
			border-bottom: 1px dashed #999;
			margin-bottom:5px;}
	
#example ul{margin:0;
		padding:0;}
	
#twitter_time_line {padding:0;}

#example ul li{list-style: none;
		padding:0 0 10px 0;
		margin:0;}
		
.entry img {width:100%;
	height:auto;}

.description, .date, .tags  {
	color: #666;
	font-size: 0.8em;
	padding: 0;
}


.entry1 .icon {border:0;}

#work_entries .entry1 {margin: 0 8px 10px 7px;}

.entry1 {
	width:290px;
	min-height:310px;
	margin: 0 5px 10px 5px;
	font-size: 0.9em;
	padding:10px;
	float:left;
	background-color:#fff;
	line-height: 1.6em;
	-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 3px 3px 4px #666;
-webkit-box-shadow: 3px 3px 4px #666;
box-shadow: 3px 3px 4px #666;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.entry1 img {margin:10px 0 0px 0;
	max-width:290px;
	height:auto;}
	
.entry a{text-decoration:none;}
	
.entry a:hover{text-decoration: overline;}

.frontpagedate {
	color: #666;
	font-size: 9px;
}

.title_container {width:100%;
		padding:2px 0 5px 0;
		 border-top: 2px solid #454545;
		border-bottom:1px solid #454545; 
		}
		
.entry .title_container {margin:10px 0;}
		
.style_border {width:100%;
		border-top:1px solid #454545;
		height:5px !important;}

.pagetitle {
	font-size: 11px;
	font-weight:600;
	color: #000;
	width:100%;
}

.pagetitle:hover {background-color: #0099ff;
		color: #fff;}



.entry1 a.more-link {
	color: #333333;
	font-size: 0.9em;
	border: 0;
	text-align: left;
	display: block;
	margin: 0.5em auto;
	text-transform: none;
	font-weight: normal;
	clear: both;
}

.entry1 a.more-link:hover {
	color: #ff0000;
}



/*FOOTER
 --------
 ------
*/

#footer {
	clear: both;
	width:100%;
	background-color: #333;
	min-height:150px;
	overflow:auto;
	padding:30px 0;
	margin-top:20px;
}

#footer_contact {
	width: 180px;
	float: right;
	display: inline;
}

.footer_general {width:270px;
		padding:0 20px;
		margin:0px;
		line-height: 13px;
		border-right:1px solid #888;
		
		float:left;}

.footer_general .pagetitle {color:#eee;
font-size:10px;
letter-spacing: normal;
			font-weight: 100;
			
			padding:2px 0px;
			}
			
.spacer {clear:both;
margin:5px 0;}

.footer_general .frontpagedate {clear: left;
				color:#666;
				font-size:9px;
				letter-spacing: normal;}

#footer_info {
	margin: 0 0 0 0px;
	width: 180px;
	float: right;
	display: inline;
}

#footer {
	font-size: 9px;
	color: #cccccc;
	letter-spacing: 1.3px;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer_contact {
	padding: 1em 0 1em 1em;
}


.central {width:960px;
	position: relative;
	margin:0 auto;}






/* =Link Styles
--------------------------------
---------------------------------
----------------------------------*/





#main_nav li {
	border-bottom: 0px solid #EEE;
	text-align:left;
}


.current_page_item, .current {
	width: 100%;
	border-right: 3px solid #EEE;
}




/*standard fash */
 
 .header {
	margin: 0 0 1em 0;

}

.commentcount {
	color: #aaa ;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



.offsite img {
	margin-top: 1em;
	border: 0;
}


h4 {
	font-size: 1.4em;
	margin: 2em 0 0 0;
	font-variant: small-caps;
}

h5 {
	font-size: 1.3em;
	margin: .8em 0;
}


/* =Plug-in Styles
------------------------------------------------------------------*/

ul.delicious {
	list-style-type: none;
}

ul.delicious li {
	margin: 1em 0;
	line-height: 1.5em;
	padding-bottom: .8em;
}


.smartarchives {
	margin: 2em 0 3em 0;
	font-size: .8em;
}

.smartarchives ul {
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
	
.smartarchives h2 {
	margin: 0 0 0 0;
}

.smartarchives h2 a {
	text-decoration: none;
	color: #000;
	border: 0;
}

.smartarchives h2 a:hover {
	text-decoration: none;
	border: 0;
}

.monthly {
	clear: both;
	padding-top: 3em;
}

ul.archive_block {
	padding-left: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 2em;
}

#content .archive_block li {
	float: left;
	display: inline;
	padding: 5px 7px;
	background: #000;
	color: #FFF;
	font-size: 11px;
	margin-left: .2em;
	margin-bottom: .2em;
}

#content .archive_block li.empty {
	font-size: 11px;
	color: #333;
}

#content .smartarchives .archive_block li a {
	color: #CCC;
	border-bottom: 0;
	font-weight: normal;
	font-size: 11px;
		
}

.contactform {
	margin: 2em 0;
}

.contactform label {
	font-weight: bold;
}

.contactleft {
	margin: 1em 0 0 0;
}

#contactsubmit {
	margin: 1em 0 0 0;
}




/* =Threaded Styles
------------------------------------------------------------------*/

ul.commentlist cite {
	font-style: normal;
	font-weight: bold;
}

ul.commentlist span.says {
	display: none;
}


ul.commentlist .comment-meta {
	margin-top: -.5em;
}

ul.children {
	list-style-type: none;
	margin-left: 10px;
}

h3#comments {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: 600;
	color: #333333;
	letter-spacing: 1.1px;
	clear: both;
}

ul.commentlist .navigation {
	border: 0;
}

ul.commentlist .comment.bypostauthor .vcard img {
	border: 1px solid #FF9900;
}

ul.commentlist .comment .comment-author.vcard img{
	border: 1px solid #000;
}

.depth-2 {
	margin-top: 2em;
}


/* =Comment Styles
------------------------------------------------------------------*/
ul.commentlist, ul.commentmeta {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


ul.commentmeta {
	margin-top: 2em;
}

img.avatar {
	margin: 0 1em 0 0;
	float: left;
	display: inline;
}

.commenttext {
	margin-left: 4.4em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

#comments, #respond {
	margin: 2em 0 0 0;
	border: 0;
}

.moderation {
	margin-left: 4.4em;
}

.ctitle {
	font-variant: small-caps;
}

/* =Better image scaling in IE
------------------------------------------------------------------*/

img { -ms-interpolation-mode:bicubic; }


/* =Required 
------------------------------------------------------------------*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



/* =Widget
------------------------------------------------------------------*/
.textwidget {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}