/*
Theme Name: www.vidosh.com
Theme URI: http://www.vidosh.com/
Description: This is my tenth complete template for Wordpress CMS, and finally one for me.
Version: 1.1
Author: Luka Vidos
Author URI: http://www.vidosh.com
Tags: black, fixed width, one column, custom fields

	www.vidosh.com 1.1
	 http://www.vidosh.com/

	This theme was designed and built by Luka Vidos,
	whose portfolio you will find at http://www.vidosh.com/

	The CSS, XHTML and design should not be used without
	authors consent.
*/

* { margin: 0; padding: 0; }
body { background: #000000 url('img/back.jpg') no-repeat top center; color: #000000; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 62.5%; }
img { border: 0px none; }
.clear { clear: both; }
.orange { color: #f58220; }

.bijela { color: #ffffff; }
.siva-menu { color: #aaaaaa; }
.siva-text-top , .siva-text-category { color: #dddddd; }
.siva-titles { color: #ededed; }
.crna-box { color: #000000; }

.holder { margin: 0 auto; padding: 0; width: 686px; }
.header { width: 686px; height: 189px; position: relative; }
.logo { display: inline; background: transparent url('img/logo.gif') no-repeat top left; position: absolute; top: 51px; left: 8px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 56px; line-height: 56px; font-weight: normal; word-spacing: -2.0em; letter-spacing: -0.5em; text-transform: lowercase; }
.logo a { display: block; width: 254px; height: 55px; text-indent: -9999px; border: 0; overflow: hidden; }
.tagline { position: absolute; top: 56px; right: 0px; width: 230px; padding: 14px 21px 14px 0px; border-right: 7px solid #7c7c7c; color: #dddddd; font-size: 1.2em; line-height: 1.75em; text-align: right; }
.main-navigation { position: absolute; background: transparent url('img/back_menu.gif') no-repeat -5px 3px; top: 113px; left: 6px; line-height: 1.4em; font-size: 1.2em; text-transform: lowercase; }
.main-navigation li { display: inline; padding-right: 21px;  }
.main-navigation a { color: #dddddd; text-decoration: none; }
.main-navigation a:hover { color: #f58220; text-decoration: none; }

.content { float: left; margin-bottom: 42px; position: relative; }
.title { padding-bottom: 7px; padding-left: 7px; width: 600px; height: 63px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 46px; font-weight: normal; word-spacing: -0.1em; letter-spacing: -0.07em; text-transform: lowercase; }
.title a { color: #ffffff; text-decoration: none; }
.title a:hover { color: #ffffff; text-decoration: none; }
.category { position: absolute; left: 471px; top: 0; padding-top: 22px; padding-right: 7px; height: 41px; width: 208px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 2.4em; font-weight: normal; word-spacing: -0.1em; letter-spacing: -0.07em; text-transform: lowercase; text-align: right; }

.post {  float: left; width: 672px; padding: 7px; background-color: #ededed; font-size: 1.2em; line-height: 1.75em; }
.large-image { clear: both; }
.left-box { float: left; padding: 14px 28px 0px 7px; width: 399px; }
.right-box { float: left; padding: 14px 0px 0px 0px; }
.text-box { padding: 14px 28px 0px 7px; }
.post p { padding: 0px 0px 14px 0px; }
.post a { color: #000000; text-decoration: none; }
.post a:hover { color: #f58220; text-decoration: none; }

.navigation { clear: both; font-size: 1.2em; line-height: 1.75em; padding: 0px 7px 0px 7px; color: #dddddd; }
.navigation a { color: #dddddd; text-decoration: none; }
.navigation a:hover { color: #f58220; text-decoration: none; }
.quote { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
.navigation-left { float: left; }
.navigation-right { float: right; }

.footer { padding: 7px 14px 7px 14px; margin-top: 54px; color: #dddddd; background: transparent url('img/back_footer.jpg') no-repeat top left; font-size: 1.2em; line-height: 1.75em; }
.footer a { color: #aaaaaa; text-decoration: none; }
.footer a:hover { color: #f58220; text-decoration: none; }
.about { float: left; padding: 14px 26px 0px 0px; width: 399px; }
.about p a { color: #aaaaaa; text-decoration: none; }
.about p a:hover { color: #f58220; text-decoration: none; }
.about-title { padding: 0px 0px 7px 0px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 1.8em; font-weight: normal; word-spacing: -0.1em; letter-spacing: -0.07em; }
.recent-work { padding: 14px 0px 0px 0px; float: left; width: 220px; }
.recent-work-title { padding: 0px 0px 7px 0px; font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; color: #ffffff; font-size: 1.8em; font-weight: normal; word-spacing: -0.1em; letter-spacing: -0.07em; }.about a { color: #dddddd; text-decoration: none; }
.recent-work a { color: #aaaaaa; text-decoration: none; }
.recent-work a:hover { color: #f58220; text-decoration: none; }
.recent-work ul { margin: 0 0 1.2em 10px; list-style-type: none; list-style-position: 5px 5px; list-style-image: url(img/bullet.gif); }
.recent-work li { margin-left: 5px; }

#copyright { padding-top: 49px; padding-bottom: 28px; }

ul.twitter { width: 220px; margin: 0 0 1.2em 10px; list-style-type: none; list-style-position: outside; list-style-image: url(img/bullet.gif); }
li.twitter-item { margin-left: 5px; }
p.twitter-message { margin: 0 auto; padding: 0; }
.twitter-timestamp { margin: 0 auto; padding: 0; }
a.twitter-link { margin: 0 auto; padding: 0; }
a.twitter-user { margin: 0 auto; padding: 0; }