/*	
	Gobbi Style CSS
	Author: Ivan Joksimovic
	Date: 04.06.2010
	Version: 1.0
	ivanjoksimovic@gmail.com
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 1.35em;
	color: #000;
	text-align: center;
	background-color: #fff;
	margin: 0 auto;
	width: 960px;
	height: auto;
}

#random {
	padding: 0px 0px 0px 0px;
	margin: 75px auto;
	text-align: center;
	border: none;
	color: #FFF;
}

#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE na centar strane */
}

/* TEKST */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.35em;
	color: #000;
	text-align: left;
	font-weight: lighter;
}

.allwork {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 1.35em;
	color: #000;
	text-align: left;
	font-weight: lighter;
	font-style: italic;
}

.work-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.35em;
	color: #000;
	text-align: left;
	font-weight: lighter;
	font-style: italic;
	margin: 0px 0px 23px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
	font-style: italic;
	font-weight: lighter;
	margin: 0px 0px 24px 0px;
}

.allwork-titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
	font-style: italic;
	font-weight: lighter;
	margin: 10px 0px 0px 0px;
}

.menu-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #000;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #000;
	text-align: left;
	font-style: normal;
	font-weight: normal;
}

.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #000;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

.dark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

.h2dark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	font-style: italic;
	font-weight: lighter;
	margin: 0px 0px 24px 0px;
}

.blog {
	margin: 0px 0px 5px 0px;
}

p {
	color: #000;
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 10px 0px;
}

.block {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: #000;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	width: 280px;
}

.alignright {
	float: right;
	margin: 4px 0px 6px 0px;
}

.nonproject {
	margin: 0px 0px 20px 0px;
}

.grey {
	color: #6C6D71;
	text-align: center;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
}

.meta {
	font-size: 9px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	color: #0099FF;
	border: none;
}

a:hover{
	color: #000;
	text-decoration:underline;
	border: none;
}

a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	float: left;
	text-decoration:none;
	color: #666666;
	font-weight: lighter;
	border: none;
}

a.menu:hover{
	color: #0099FF;
	text-decoration: none;
	font-weight: lighter;
	border: none;
}

a.menu:active{
	color: #0066FF;
	text-decoration: none;
	font-weight: lighter;
	border: none;
}

a.menu-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #000;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border: none;
}

a.menu-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #0066FF;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	border: none;
}

a.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6C6D71;
	text-align: left;
	font-style: normal;
	border: none;
}

a.grey:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0066FF;
	font-style: normal;
	text-decoration: none;
	border: none;
}

a.picture {
	text-decoration: none;
	color: #FFF;
	border: none;
}

a.picture:hover {
	text-decoration: none;
	color: #FFF;
	border: none;
}

/* MENI */

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide  IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/dugmici */
#tab {
	background: #fff;
	width: 100%;
	position: relative;
    z-index: 98;
	top: 37px;
	margin: 0 auto;
}


/* sliding panel */
#toppanel {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 998;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	background-color: #fff;
}

#panel {
	width: 940px;
	height: 123px;
	color: #fff;
	background-color: #fff;
	position: relative;
	z-index: 99;
	display: none;
	margin: 0 auto;
	top: 55px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	list-style: none;
	list-style-type: none;	
}

#menuwrapper {
	position: relative;
	width: 940px;
	height: 65px;
	margin: 0 auto;
}
	
.logo {
	background-image: url(../images/Logo-Gobbi.png);
	width: 200px;
	height: 42px;
	float: right;
	margin: 0px;
}

.logo span { display: none; }
.logo a {
	width: 200px;
	height: 42px;
	display: block;
}

.title p {
	position: relative;
	float: left;
	margin: 33px 0px 0px 0px;
}

.title p.open, .title p.close {
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
}

#menuline {
	position: relative;
	width: 960px;
	height: 1px;
	background-color: #000;
	margin: 0 auto;
}

#listwrapper {
	position: relative;
	display: inline;
	background: #ffffff;
	width: 940px;
	z-index: 999;
	margin: 0px 0px 0px 0px;
}

/* KRAJ MENI */


/* SADRZAJ */

#wrapper {
	position: relative;
	width: 940px;
	padding: 0px 0px 38px 0px;
	margin: 75px auto;
}

.columns {
	position: relative;
	width: 940px;
	float: left;
	margin: 38px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.columns-allwork {
	position: relative;
	width: 940px;
	float: left;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.middle-allwork {
	width: 300px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #fff;
}

.left-allwork {
	width: 300px;
	padding: 0px 20px 0px 0px;
	float: left;
}

.right-allwork {
	width: 300px;
	padding: 0px 0px 0px 20px;
	float: left;
}

.columns-work {
	position: relative;
	width: 640px;
	float: left;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.wordcycle {
	position: relative;
	display: block;
	float: left;
	margin: 0px 0px 10px 0px;
}

.img {
	position: relative;
	width: 640px;
	float: left;
	margin: 0px 0px 10px 0px;
}

.img-banner {
	position: relative;
	width: 640px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.img-button {
	position: relative;
	width: 221px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.columns-work-right {
	position: relative;
	width: 280px;
	float: right;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#middle {
	width: 220px;
	height: 200px;
	padding: 0px 40px 0px 40px;
	float: left;
	background-color: #fff;
	border-right: 1px dotted #6d6f72;
}

#left {
	width: 279px;
	height: 200px;
	padding: 0px 40px 0px 0px;
	float: left;
	border-right: 1px dotted #6d6f72;
}

#right {
	width: 279px;
	height: 200px;
	margin: 0px 0px 0px 40px;
	float: left;
}

#left-long {
	width: 279px;
	height: 690px;
	padding: 0px 40px 0px 0px;
	float: left;
	border-right: 1px dotted #6d6f72;
}

#right-long {
	width: 279px;
	height: 690px;
	padding: 0px 0px 0px 38px;
	float: left;
	border-left: 1px dotted #6d6f72;
}

#content-line {
	position: relative;
	width: 940px;
	height: 1px;
	background-color: #000;
	margin: 44px auto;
}

#allwork-wrapper {
	position: relative;
	width: 940px;
	float: left;
	margin: 15px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-top: 1px dotted #000;
}

/* START DUGMICI - BUTTON */

a#blog-link {
	position: relative;
	display: block;
	background-image: url(../images/blog-home.png);
	float: left;
	width: 220px;
	height: 191px;
	margin: 0px 0px 0px 0px;
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
}

a#blog-link:hover {
	float: left;
	width: 220px;
	height: 191px;
	background-position: center center;
	border: none;
	background-image: url(../images/blog-hover.png);
	background-repeat: no-repeat;
}

/* KRAJ BUTTONS */

/* START BLOG */

.post {
	position: relative;
	text-align: left;
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 48px 0px;
	border-bottom: 1px dotted #000;
}

.post p {
	width: 400px;
}

.entry {
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #000;
}

/* KRAJ ZA SADRZAJ */

/* START FOOTER */

#footer {
	position: relative;
	width: 940px;
	float: left;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}