/*
Theme Name: Kabranovich
Theme URI: http://karbanovich.com
Description: Karbanovich Blog and Portfolio theme	.
Version: 1.0
Author: Anton Karbanovich
Author URI: http://karbanovich.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/


/*	DEFAULT.CSS
==================================
ALL FORMATTING SHOULD BE INCLUDED
IN THIS STYLESHEET
==================================
*/


/*----------------- CSS RESET --------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*------------------------ END OF RESET ------------------------*/




body{
	margin:0px;
	padding:0px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	background: url(images/bg_bottom_body.jpg) #ffffff repeat-x bottom left;
	background-attachment: fixed;
}

img {
	border: 0px;
}

a
{
color: #2D93B5;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height: 1.7;
}

#wrapper{
width: 860px;
margin: auto;
}

#navigation {
position: fixed;
top: -10px; 
left: 0px;
z-index: 999;
width: 100%;
height: 148px;
background: url(images/wooden_bar.png) repeat-x top center;
}

#navigation #navcontent {
width: 900px; 
margin: auto;
height: 140px;
}

#navigation #logo {
width: 255px;
height: 48px; 
position: relative;
top: 50px;
margin-left: 60px;
float: left;
background: url(images/logo.png) no-repeat top left;
}

#logo a {
width: 100%; 
height: 100%;
display: block;
}
 
#logo a span {
	display: none;
	margin-bottom: 4px;
}

#menu {
position: relative; 
top: 63px; 
left: 164px; 
}

#menu a {
height: 89px;	
padding: 40px 25px 40px 0px;
display: inline;
text-decoration: none;
}

#menu a.top {
background: url(images/menu_top.png) no-repeat left;
}

#menu a:hover.top {
background: url(images/menu_top_hover.png) no-repeat left;
}

#menu a.portfolio {
background: url(images/menu_portfolio.png) no-repeat left;
}

#menu a:hover.portfolio {
background: url(images/menu_portfolio_hover.png) no-repeat left;
}



#menu a.blog {
background: url(images/menu_blog.png) no-repeat left;
}

#menu a:hover.blog {
background: url(images/menu_blog_hover.png) no-repeat left;
}




#menu a.pictures {
background: url(images/menu_pictures.png) no-repeat left;
}

#menu a:hover.pictures {
background: url(images/menu_pictures_hover.png) no-repeat left;
}




#menu a.contact {
background: url(images/menu_contact.png) no-repeat left;
}

#menu a:hover.contact {
background: url(images/menu_contact_hover.png) no-repeat left;
}


#menu a span {
visibility: hidden;
}

#page {
	width: 900px;
	height: 1600px;
	margin: auto;
	background: url(images/bg_ornament.gif) no-repeat top center;
	background-position: 20px 150px;
	
}

#page a.anchor {
	width: 100%;
	height: 130px; 
	display: block;
}


#topblock {
width: 400px;
position: relative;
float: left; 
margin-right: 15px;
margin-left: 12px;
margin-bottom: 20px;
}

#topblock h3 {
font-size: 18px;
color: #666666;
font-weight: lighter;
padding: 5px 0 8px 30px;
border-bottom: 2px solid #cccccc;
}

#topblock h2 {
color: #2D93B5;
font-size: 20px; 
font-weight: lighter;
padding: 8px 0px 5px 30px;
}

#topblock p {
margin-left: 30px;
}

#littlelinks {
font-size: 11px;
margin: 15px;
float: right;
}

#topframe {
background: url(images/picture_bg_glow.jpg) repeat-x top left;
width: 260px;
height: 200px;
margin-top: 12px; 
margin-left: 80px;
}

#topframe div  {
margin: 9px; 
position: relative;
width: 240px;
height: 180px;
top: 8px;
border: 1px solid #ffffff;
overflow: hidden;
}


#topframeport {
background: url(images/top_port_bg.jpg) bottom left;
width: 330px;
height: 230px;
margin-top: 12px; 
margin-left: 30px;
}


#topframeport div  {
margin: 8px; 
position: relative;
top: 7px;
width: 312px;
height: 160px;
border: 1px solid #ffffff;
overflow: hidden;
}

#topframeport h3 {
border: 0px; 
color: #FFFFFF;
font-size: 15px;
font-weight: lighter;
padding: 3px 1px 2px 9px;
}

#topframeport p{
margin-left: 9px;
line-height: 1.5;
color: #999999;
}


/* ----- BLOG -------- */

#blogslider {
overflow: hidden;
height: 350px;
border-bottom: 1px solid #999999;
margin: 10px 30px;
}

#blogcontainer {
width: 2600px;
}

#blogpostdiv {
width: 395px;
height: 390px; 
float: left;
margin-right: 30px;
}

#blogdate {
width: 57px;
height: 65px;
background: url(images/blog_date_bg.jpg) no-repeat top left; 
color: #FFFFFF;
font-size: 10px;
text-align: center;
float: left;
}

#blogdate p {
color: #FFFFFF;
line-height: 1;
margin-top: 3px;
}

#blogdate p.day {
font-size: 26px;
margin: -3 0px;
}

#blogtext {
width: 325px;
height: 350px;
overflow: auto;
float: right; 
text-align: left;
}

#blogtext h2 {
font-size: 22px; 
color: #2D93B5;
}



/* Easy Slider */

	#slider {
	background: url(images/portfolio_slide_bg.jpg) no-repeat top left;
	margin-left: 120px;
	margin-top: 20px;
	
	}

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style: none;
		}
	#slider, #slider li { 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:660px;
		height:335px;
		overflow: hidden; 
		}
	#slider img {
	margin: 12px 12px 1px 12px; 
	border: 1px solid #CCCCCC;
	}
	
	#slider h2 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 7px 1px 5px 15px;
	width: 510px;
	}
	
	#slider h3 {
	width: 150px;
	text-align: right; 
	float: right;
	margin: -20px 14px 0 0;
	padding: 0px;
	font-size: 12px;
	}
	
	#slider p {
	color: #999999;
	margin: -2px 0 0 15px;
	}
		
	span#prevBtn{
	background: url(images/portfolio_left_arrow.jpg) no-repeat top left;
	float: left;
	height: 22px;
	margin-top: -175px;
	text-decoration: none;
	margin-left: 50px;
	}
	span#nextBtn{
	float: right;
	background: url(images/portfolio_right_arrow.jpg) no-repeat top left;
	height: 22px;
	margin-top: -175px;
	margin-right: 50px;
	text-decoration: none;
	}	
	
	span#nextBtn a,
	span#prevBtn a {
	width: 22px; 
	height: 22px; 
	display: block;
	text-decoration: none;
	}				

	
	span#nextBtn a span,
	span#prevBtn a span {
	visibility: hidden;
	}				

/* // Easy Slider */




.clear {
	clear: both;

}