/*
	=====================================
	project: Enthusiastica
	author:  Luka Cvrk (www.solucija.com)
	-------------------------------------
	2009. Solucija
	=====================================
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .7em "Trebuchet MS", Tahoma, Arial, Sans-Serif; background: #eee url(../images/bg.gif) repeat-x; color: #777; }
a { text-decoration: none; color: #6796CE; }
	a:hover { color: #45134A; }
p  { margin: 0 0 1.64em 0; line-height: 1.64em; }
#wrap { margin: 20px auto 0; width: 979px; }

.clear { clear: both; }

a.project{color: #333333;}

#logo { float: left; margin: 35px 0 0 20px; height: 89px; }
	#logo a:hover { border-bottom: 1px solid #222; }
	#logo p { padding: 2px 0 0 4px; font-size: .9em; color: #555; }
	#logo h1 { font-size: 2.6em; margin: 0; text-shadow: 1px 1px 1px #000; }
		#logo h1 a { color: #fff; }

	#explore { float: right; margin: 130px 5px 0 0; }
		#explore-link { float: left; height: 25px; padding: 9px 0 0 20px; width: 106px; color: #808080; background: url(../images/explore.gif) no-repeat; }
			#explore-link:hover { color: #fff; }

	#menu { clear: left; float: left; height: 43px; margin: 0 0 0 10px; background: url(../images/menu.gif) repeat-x; }
		#menu-left { background: url(../images/menu-corners.gif) no-repeat left top; float: left; width: 9px; height: 43px; }
		#menu-right { background: url(../images/menu-corners.gif) no-repeat left bottom; float: right; width: 9px; height: 43px; }
	
	#menu ul { float: left; padding: 7px 0; }
	#menu li { display: inline; text-transform: uppercase; }
		#menu li a { float: left; margin: 0 5px 0 0; padding: 12px 0 15px 20px; color: #777; position: relative; z-index: 2; }
			#menu li a span { padding: 12px 20px 15px 0; }
		#menu li a:hover, #menu li a:focus { color: #1295E4; }
		#menu li a.current { background: url(../images/tableft.gif) no-repeat; color: #000; font-weight: bold; }
			#menu li a.current span { background: url(../images/tabright.gif) no-repeat right top; }
		
	#content-top { clear: both; height: 26px; background: url(../images/content-top.gif) no-repeat; position: relative; margin: 0 !important; margin: -14px 0 0; }
	#content-middle { padding: 0 25px 25px; background: url(../images/content-middle.gif) repeat-y; }
	#content-bottom { clear: both; padding: 6px 0 7px; background: url(../images/content-bottom.gif) no-repeat left bottom; }
	#pic { text-shadow: 1px 1px 1px #3F6AA2; background: url(../images/watercolorcorrected.jpg) no-repeat; height: 159px; padding: 50px 40px 0 30px; position: relative; margin: 0 -7px 30px; font-size: 1.3em; font-style: italic; color: #fff; border-radius:1em; border:1px solid; border-color: #D0D0D0 }
		#pic h1 { float: left; line-height: 1.3em; font-style: normal; font-size: 1.7em; width: 260px; padding: 0 40px 0 0; height: 150px; font-weight: normal; text-transform: uppercase; }
			#pic h1 span { font-size: 1.2em; text-transform: lowercase; font-size: .6em; font-style: italic; color: #F4EDC1; }

h3 { font-size: 1.3em; font: bold 1.3em Arial; color: #222; margin: 0 0 10px; }

h3.inner {
        border-bottom: 1px solid #ddd;
        margin: 0 0 25px;
        padding: 0 0 10px;
}


.column { float: left; width: 283px; margin: 0 40px 0 0; line-height: 2.2em; }
	.column.last { margin-right: 0; }
	.column img { padding: 10px; border: 1px solid #ddd; margin: 0 0 5px; }
	.more a { background: url(../images/bullet.gif) no-repeat 0 7px; padding: 0 0 0 8px; color: #672A6D; font-weight: bold; font-size: .9em; }

.projcol { float: left; width: 283px; margin: 0 40px 0 40px; line-height: 2.2em; }
	.projcol.last { margin-right: 0; }
	.projcol img { padding: 10px; border: 1px solid #ddd; margin: 0 0 5px; }
	.more a { background: url(../images/bullet.gif) no-repeat 0 7px; padding: 0 0 0 8px; color: #672A6D; font-weight: bold; font-size: 1em; }

.maintext {width: 522px; margin: 0 auto 0 auto; line-height: 2.2em; }
        .maintext img { padding: 2px; border: 1px solid #ddd; margin: 0 0 5px; }
	.maintext ul, maintext li {margin: 0em 0em 0em 1em; line-height:1.1em;}
	.maintext a {font-weight: bold; font-size: 1em; }
	.more a { background: url(../images/bullet.gif) no-repeat 0 7px; padding: 0 0 0 8px; color: #672A6D; font-weight: bold; font-size: 1em; }

.blogcontainer {width: 591px; margin: 0 auto 0 auto; line-height: 2.2em; }
        .blogcontainer img { padding: 2px; border: 1px solid #ddd; margin: 0 0 5px; }
	.blogcontainer ul, blogcontainer li {margin: 0em 0em 0em 1em; line-height:1.1em;}
	.blogcontainer a {font-weight: bold; font-size: 1em; }
}

/*p.continued {
    margin-bottom: 0;
    margin-top: 0;
}*/

.more-less a.adjust {
    font-weight: bold; font-size:1.2em;
}

.projcol a.adjust {
    font-weight: bold; font-size:1.2em;
}

.maintext a.loadopen {
}
	
#footer { padding: 20px; color: #999; }
	#links { float: right; }
		#links a { margin: 0 0 0 15px; }


/* blog posts */
.blog-post  { 
	border-bottom: 1px solid #ddd; 
	margin: 0 0 30px; 
}
.blog-date { 
	float: left; 
	width: 65px; 
	text-align: right; 
	font-size: .9em; 
	padding: 4px 0 0;
}
.blog-date span { 
	font-size: 1.8em; 
}
.blog-body { 
	float: right; 
	width: 505px; 
	border-left: 1px solid #ddd;
	padding: 0 0 0 13px;
}