/*  
Theme Name: VividVisions
Theme URI: http://www.vividvisions.com/
Description: Wordpress theme for VividVisions
Version: 2.2.2
Author: Walter Krivanek
Author URI: http://www.vividvisions.com/
*/

/****************************************
   CSS for vividvisions.com
   
   Created by VividVisions
   www.vividvisions.com
   
   (c) Copyright 2008-2009 by VividVisions
 ****************************************/

/************************
   General
 ************************/

* {
   padding: 0;
   margin: 0;
}

body {
   background: #196799 url(images/background.jpg) fixed repeat-x left top;
   font: normal normal normal 0.8em/1.25em Arial, Helvetica, sans-serif;
   color: #343434;
}

a {
   outline: none;
/*    color: #fa9e14; */
   color: #1286e4;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: 0;
}

em {
   font-style: italic;
}

strong {
   font-weight: bold;
}

del {
   text-decoration: line-through;
}

ins {
   text-decoration: none;
}


sup {
   vertical-align: text-top;
   font-size: 0.6em;
}

acronym {
   border-bottom: 1px #aaaaaa dotted;
   cursor: help;
}

#container {
   width: 800px;
   margin: 0 auto;
/*    background: url(images/body_background.gif) repeat-y center 200px; */
}

#body {
   overflow: hidden; 
   padding: 30px 0 0 0;
   background: #ffffff;
}

/************************
   Header
 ************************/

#branding {
   background: url(images/header_background.jpg) no-repeat center top;
   height: 130px;
   position: relative;
}

#branding h1 {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
}

#branding h1 a {
   display: block;
   width: 365px;
   height: 106px;
   background: url(images/logo.jpg) scroll no-repeat left bottom;
   text-indent: 500px;
   overflow: hidden;
   white-space: nowrap;
}

#branding h1 a:hover {
   background: url(images/logo.jpg) scroll no-repeat left bottom;
}

/************************
   Menu
 ************************/

#menu {
   height: 50px;
   position: relative;
   background: url(images/menu_background.png) scroll no-repeat 0 0;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#menu ul {
   list-style: none;
   position: absolute;
   display: block;
   right: 0;
   bottom: 0;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.25em;
   font-weight: bold;
}

#menu li {
   display: block;
   float: left;
   padding: 0 0 0 1px;
   background: url(images/menu_separator.gif) scroll no-repeat left 21px;
}

#menu li a {
   display: block;
   height: 50px;
   line-height: 74px;
   vertical-align: bottom;
   color: #ffffff;
   text-decoration: none;
   padding: 0 15px;
   cursor: pointer;
}

#menu li a:hover {
   color: #1286e4;
   background: url(images/menu_hover.gif) scroll repeat-x left top;
}

#menu li.current_page_item a,
#menu li.current_page_parent a {
   color: #1286e4;
   background: url(images/menu_current.gif) scroll repeat-x left top;
}

#menu li.menu-feed a {
   width: 15px;
   overflow: hidden;
   text-indent: -9999px;
   white-space: nowrap;
   background: url(images/menu_feed.gif) scroll no-repeat 50% 25px;
}

#menu li.menu-feed a:hover {
   background: url(images/menu_feed_hover.gif) scroll no-repeat 50% 23px;
}

/************************
   Main Content
 ************************/

.post {
   margin: 0 0 20px 0;
   overflow: hidden;
}

.post-main {
   padding: 0 30px;
   width: 510px;
   float: left;
}

h1.heading {
   margin: 0 0 15px 0;
   padding: 3px 0 0 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 1.6em;
   line-height: 1.1em !important;
   font-variant: small-caps;
   color: #fa9e14;
}

h1.heading span.heading-smaller {
   font-size: 0.7em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.content h1 {
   margin: 0 0 15px 0;
   color: #fa9e14; 
   font-size: 1.6em;
   line-height: 1.1em !important;
   font-variant: small-caps;
}

.content h2 {
   color: #fa9e14; 
   font-size: 1.4em;
   line-height: 1.1em;
   margin: 30px 0 15px 0;
}

.content h3 {
   font-size: 1.2em;
   margin: 5px 0 5px 0;
}

.content h4 {
   font-size: 1.0em;
   margin: 5px 0 5px 0;
}

.content ol,
.content ul,
.content table,
.content pre,
.respond-content p,
.comment-content p,
.content blockquote {
   margin: 15px 0 15px 0;
   text-align: left;
}

.content p {
   margin: 10px 0 10px 0;
   text-align: left;
   /* overflow: hidden !important; */
}

.content blockquote {
	padding: 0 35px 0 35px;
	overflow: hidden;
/* 	background: transparent url(images/blockquote_top.gif) scroll no-repeat left top; */
	color: #777777;
}

.content cite {
   font-style: italic;
   padding-top: 5px;
   display: block;
   text-align: right;
}

.content pre {
   border-left: 8px solid #bbbbbb;
   border-right: 1px solid #bbbbbb;
   background-color: #fefbe5;
   padding: 10px;
   overflow: hidden;
   white-space: pre-wrap;
   font: normal normal normal 0.95em/1.2em "Courier New", Courier, mono !important;
}

.content pre code {
   font-size: 1.25em;
}

.content > p > code {
   font: normal normal normal 1em/1.2em "Courier New", Courier, mono;
   background-color: #fefbe5;
}

.content ul {
   list-style: none;
}

.content ul li {
   background: transparent url(images/bullet_circle.gif) scroll no-repeat left 7px;
   padding: 2px 0 2px 15px;
   clear: left;
   overflow: hidden;
}

.content ul li ul {
   margin: 5px 0 5px 0;
}

.content ul li ul li {
   background: #ffffff url(images/bullet_circle_blue.gif) scroll no-repeat left 7px;
}

.content ol {
   padding: 0 0 0 1.7em;
   list-style-type: decimal;
}

.content ol li {
   padding: 2px 0 2px 5px;
}

.content ul.no-bullets li {
   background: none !important;
   padding: 2px 0 2px 0 !important;
}

.content .image-border {
   padding: 2px;
   background-color: #ffffff; /*#d4f3ff;*/
   border: 1px solid #cccccc !important; /*#fa9e14;*/
}

.content .image-left,
.content .alignleft,
.content img[align=left] {
   float: left;
   margin: 0 10px 5px 0;
}

.content .image-right,
.content .alignright,
.content img[align=right] {
   float: right;
   margin: 0 0 5px 10px;
}

.content .image-center,
.content .aligncenter {
   display: block;
   margin: 10px auto 10px auto;
}

.content object {
   margin: 10px 0 10px 0;
}

.wp-smiley {
   vertical-align: middle;
   position: relative;
   top: -1px;
}

.hr {
   background: url(images/separator_2.gif) scroll no-repeat 50% 50%;    
   height: 12px;
   margin: 35px 0;
   border: 0;
}

.hr hr {
   display: none;
}

.content .small {
   font-size: 0.85em;
   color: #888888;
}

/***** Post info *****/

.post-info {
   margin-top: 5px;
   width: 230px;
   float: right;
   font-size: 0.9em;
   list-style: none;
   color: #888888;
}

.post-info > li {
   padding: 8px 45px 8px 20px;
   border-bottom: 1px solid #ececec;
}

.post-info li.post-info-date {
   font-size: 1.1em;
   font-weight: bold;
   padding: 0 0 8px 20px;
}

.post-info li.post-info-comments {
   background: url(images/icon_comments.gif) scroll no-repeat 95% 4px;
}

.post-info li.post-info-share {
   background: url(images/icon_share.gif) scroll no-repeat 95% 4px;
}

.post-info li.post-info-categories {
   background: url(images/icon_categories.gif) scroll no-repeat 95% 4px;
}

#all-categories ul {
   margin: 5px 0 0 0;
   list-style: none;
}

/*
.sociable,
.share {
   position: relative;
   padding: 0 0 0 0;
}

.share a {
   text-decoration: none;
}

.sociable img {
   vertical-align: bottom;
}

.sociable ul {
   display: inline;
   list-style: none; 
}

.sociable ul li {
   display: inline;
   padding: 0 4px 0 0;
   line-height: 25px;
}

.sociable_tagline {
   display: none;
}
*/

.column-right {
   float: right; 
   padding: 0 0 0 20px; 
   margin: 0 0 0 10px;
   border-left: 1px dotted #cccccc;
   width: 180px;
}

.column-right h2 {
   margin-top: 0 !important;
}

/***** Archive info *****/

.archive-info {
   border-bottom: 1px dotted #cccccc;
   margin: 0 0 20px 0;
   overflow: hidden;
   padding: 0 0 10px 30px;
}

.archive-info h1 {
   max-width: 510px;
   float: left;
}

.archive-info ul {
   width: 230px;
   float: right;
   font-size: 0.9em;
   list-style: none;
   color: #888888;
}

.archive-info ul > li {
   padding: 8px 45px 8px 20px;
   /*border-bottom: 1px solid #ececec;*/
}

.archive-info ul li.archive-info-feed {
   background: url(images/icon_subscribe.gif) scroll no-repeat 95% 2px;
}

.archive-info ul li.archive-info-allfeeds {
   background: url(images/icon_arrow_up.gif) scroll no-repeat 95% 4px;
}

/***** Tag cloud *****/

.tagcloud {
   line-height: 1.35em;
}

.tagcloud a {
   margin: 0 3px 0 0;
}

/***** Page *****/

.page {
   padding: 0 30px;
}

.page .post-info {
   width: 230px;
   float: none;
   font-size: 0.9em;
   list-style: none;
   color: #888888;
}

.page .post-info > li {
   background-position: 0 4px;
   padding: 8px 20px 8px 45px;
}

.page .post-info:first-child {
   padding-top: 0 !important;
}

/************************
   Comments
 ************************/

#comments {
   padding: 10px 0 0 0;
   margin-bottom: 10px;
}

#comments h1 {
   margin: 0 0 20px 30px;
}

#comments h1 span {
   font-size: 0.7em;
   font-weight: normal;
   vertical-align: middle;
}

.comment-list {
   border-top: 1px solid #758189;
}

.comment {
   font-size: 0.95em;  
   line-height:1.5em;
   background: #92a1ab;
   border-top: 1px solid #acb7bf;
   border-bottom: 1px solid #758189;
   color: #ffffff;
   overflow: hidden;
}

.comment p {
   margin: 0 0 10px 0 !important;
}

.comment a {
   color: #0F69B3;
}

.comment-first {
   
}

.comment-vividvisions {
   border-left: 5px solid #fa9e14;
}

.comment-vividvisions .comment-content {
   padding-left: 30px !important;
}

.comment-content {
   width: 490px;
   float: left;
   padding: 15px 35px 15px 35px;
}

.comment-author {
   float: right;
   position: relative;
   width: 210px;
   padding: 15px 0 ;
}

.comment-author:first-line {
   font-weight: bold;
}

/*
.comment-author a {
   color: #0879d5;
}
*/

.comment-author img {
   position: absolute;
   top: 15px;
   right: 10px;
   padding: 3px;
   background: #ffffff;
   border-right: 1px solid #586066;
   border-bottom: 1px solid #586066;
   /* border: 1px solid #ffffff; */ /* 788c9c; */
}


/************************
   Respond
 ************************/

#respond {
   padding: 0 30px;
   margin: 10px 0 20px 0;
}   

#respond h1 {
   margin: 0 0 15px ;
}

#respond form label {
   font-size: 0.9em;  
   font-weight: normal;
}

#respond form label.required {
   background: url(images/icon_required.gif) scroll no-repeat 100% 50%;
   padding: 2px 25px 2px 0;
}

#respond form input[type=text],
#respond form textarea {
   margin: 0 0 15px 0;
   border: 1px solid #cccccc;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   padding: 3px;
   font-weight: bold;
   width: 50%;
   background-color: #f5f5f5;
   color: #235277;
}

#respond form textarea {
   width: 100%;
   height: 5em;
}

.respond-content {
   padding: 10px 55px 10px 55px;
   margin-right: 200px;
}

/************************
   Navigation
 ************************/

#navigation {
   position: relative;
   margin-top: 30px;
   height: 65px;
   background: #a0a0a0 url(images/community_background_2.gif) repeat-x left top;
}

/*** Top link ***/

#top-link {
   position: absolute;
   top: 0;
   left: 0;
   height: 54px;
   background: #a0a0a0 url(images/community_background_2.gif) repeat-x left bottom;
}

#top-link div {
   width: 41px;
   height: 49px;
   background: #ffffff url(images/menu_current_2.gif) repeat-x left top;
/*    border-left: 1px solid #686868; */
   border-right: 1px solid #686868;
}

#top-link a {
   display: block;
   width: 41px;
   height: 49px;
   overflow: hidden;
   text-indent: -999px;
   background: url(images/top.gif) no-repeat 10px 9px; 
}

#top-link a:hover {
   background: url(images/top_hover.gif) no-repeat 10px 6px; 
}

/*** Bookmark ***/

#bookmark-share {
   position: absolute;
   top: 0;
   left: 44px;
   height: 54px;
   background: #a0a0a0 url(images/community_background_2.gif) repeat-x left bottom;
}

#bookmark-share div {
   width: 41px;
   height: 49px;
   background: #ffffff url(images/menu_current_2.gif) repeat-x left top;
   border-right: 1px solid #686868;
}

#bookmark-share a {
   display: block;
   width: 41px;
   height: 49px;
   overflow: hidden;
   text-indent: -999px;
   margin: 0;
   background: url(images/icon_share_2.gif) no-repeat 6px 13px; 
}

/*** Page numbers ***/

#wp_page_numbers {
   float: right;
   height: 54px;
   background: #a0a0a0 url(images/community_background_2.gif) repeat-x left bottom;
}

#wp_page_numbers ul {
   list-style: none;
   overflow: hidden;
   background: transparent url(images/menu_background.png) no-repeat right top;
}

#wp_page_numbers ul li {
   display: block;
   float: left;
   border-left: 1px solid #c57600;
   border-bottom: 1px solid #686868;
   background: transparent url(images/menu_separator.gif) no-repeat -1px 21px;
}

#wp_page_numbers ul li a,
#wp_page_numbers ul li.page_info,
#wp_page_numbers ul li.space {
   display: block;
   width: 40px;
   height: 49px;
   line-height: 50px;
   vertical-align: middle;
   text-align: center;
}

#wp_page_numbers ul li a {
   font-size: 1.25em;
   font-weight: bold;
   color: #ffffff;
}

#wp_page_numbers ul li.active_page {
   background: #ffffff url(images/menu_current_2.gif) repeat-x left top;
   border-left: 1px solid #7c7c7c;
}

#wp_page_numbers ul li.space {
   height: 54px;
   background: #a0a0a0 url(images/menu_space_background.gif) no-repeat left top;
   border-left: 0 none;
   border-bottom: 1px solid #a0a0a0;
}

#wp_page_numbers ul li.active_page a {
   color: #1286e4;
}

#wp_page_numbers ul li.page_info {
   display: none;
}

/*
#wp_page_numbers div {
   background: #a0a0a0 url(images/menu_space_background.gif) no-repeat left top;
   position: absolute;
   right: 0;
   top: 0;
   width: 10px;
   height: 54px;   
}
*/

/*** Previous/Next ***/

.prev-next {
   overflow: hidden;
   margin: 30px 0 0 0;
}

.prev-link {
   float: left;
}

.next-link {
   float: right;
}

.prev-link a {
   display: block;
   padding: 0 0 0 25px;
   background: url(images/link_previous.gif) no-repeat 0 50%;
}

.next-link a {
   display: block;
   padding: 0 25px 0 0;
   background: url(images/link_next.gif) no-repeat 100% 50%;
}

/************************
   Footer
 ************************/

#community {
   overflow: hidden;
   padding: 5px 0 15px 0;
   background: #a0a0a0;
   /*  url(images/community_background.gif) no-repeat 50% top; */
}

#flickr {
   float: left;
   width: 260px;
   padding: 5px 10px 5px 10px;
}

#flickr h4 {
   font-size: 1.2em;
   font-weight: bold;
   margin: 0 0 12px 0;
}

#flickr h4 a {
   color: #0063dc;
   text-decoration: none;
}

#flickr h4 a span {
   color: #ff0084;
}

#flickr img {
   border: 1px solid #ffffff;
   margin: 0 7px 0 0;
}

#flickr a:hover img {
   border: 1px solid #1286e4;
}

#twitter {
   float: left;
   width: 295px;
   height: 112px;
   position: relative;
   background: url(images/twitter_background.gif) no-repeat 0 bottom;
   color: #ffffff;
   font-size: 0.80em;
   line-height: 1.35em;
   font-family: Verdana, Arial, sans-serif;
}

#twitter a {
   color: #ffffff;
   text-decoration: underline;
}

#twitter h4 {
   margin: 5px 0 0 0;
}

#twitter h4 a {
   display: block;
   width: 62px;
   height: 15px;
   overflow: hidden;
   text-indent: -999px;
   background: url(images/twitter_heading.gif) no-repeat 0 0;
}

#twitter blockquote {
   margin: 5px 0 0 65px;
   padding: 0 10px;
   overflow: hidden;
   quotes: none;
}

#twitter cite {
   font-style: normal;
}

#twitter .twitter-link {
   display: block;
   width: 100px;
   text-align: left;
   position: absolute;
   left: 75px;
   bottom: 3px;
   font-size: 0.9em;
}

#twitter .twitter-timestamp {
   display: block;
   width: 100px;
   text-align: right;
   position: absolute;
   right: 10px;
   bottom: 3px;
   font-size: 0.9em;
}

#delicious {
   width: 195px;
   float: right;
   font-size: 0.85em;
   font-family: Verdana, Arial, sans-serif;
}

#delicious h2 {
   margin: 5px 0 8px 0;
   font-size: 1.1em;
}

#delicious a {
   color: #ffffff;
}

#delicious div {
   color: #0879d5;
}

#delicious h2 img {
   vertical-align: bottom;
   margin: 0 5px 0 0;
}

#delicious ul {
   padding: 0 10px 0 0;
}

#delicious span img {
   margin: 0 2px 0 0;
   vertical-align: baseline;
}

#copyright {
   position: relative;
   padding: 13px 15px 13px 15px;
   background: #3c3c3c;
   color: #ababab;
   font-size: 0.85em;
   line-height: 1.5em;
   overflow: hidden;
   text-align: right;
}

#copyright a {
   color: #ababab;
   text-decoration: underline;
}

#copyright p {
   position: absolute;
   left: 15px;
   bottom: 5px;
}

#copyright ul {
   float: right;
   list-style: none;
}

#copyright ul li {
}

#copyright ul.footer-navigation {
   float: left;
}

#copyright ul.footer-navigation li {
   display: inline;
   margin: 0 4px 0 0;
   padding: 0 0 0 6px;
   border-left: 1px solid #777777;
}

#copyright ul.footer-navigation li:first-child {
   border: none;
   padding: 0;
}

/************************
   Simple Yearly Archives
 ************************/

#sya_container h2 {
   height: 45px;
   line-height: 40px;
   vertical-align: middle;
   padding: 0 0 0 45px;
   background: url(images/icon_archives.gif) no-repeat 0 0;
}

#sya_container li {
   padding-bottom: 3px;
}

/************************
   Projects
 ************************/

ul.projects {
   list-style: none;
   overflow: hidden;
   margin-bottom: 20px;
}

ul.projects li {
   float: left;
   clear: none;
   width: 240px;
   height: 200px;
   margin: 0 6px 8px 0;
   padding: 0;
   background: none;
}

/**** Comparison table ****/

table.comparison {
   width: 99%;
   border-spacing: 0;
   border-collapse: collapse;
   font: normal normal normal 0.9em/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
	 margin: 0 auto 15px auto;
}

table.comparison td img {
	vertical-align: middle;
}

table.comparison th,
table.comparison td {
   border: 1px solid #C1DAD7;
}

table.comparison th {
   text-transform: uppercase;
   text-align: center;
   padding: 8px 5px;
   background: #dff4ff;
   color: #3b5359;
   vertical-align: bottom;
}

table.comparison th img {
   margin-bottom: 5px;
}

table.comparison th.nobg {
   border: 0 none !important;
   background: none !important;
}

table.comparison td {
   padding: 8px;
   text-align: center;
   vertical-align: middle;
}

table.comparison tr.even {
   background: #fefefe !important;
}

table.comparison th.spec {
   background: none;
   color: #3b5359;
   text-align: left;
   vertical-align: middle;
}

table.comparison th.spec img {
   vertical-align:  middle;
   margin-right: 5px;
}

table.comparison col {
   width: 16.6%;
}

table.comparison ul,
table.comparison ol {
   margin: 0 !important;
}

/*** Amazon List ***/

ul.amazon-list {
   list-style: none;
   padding: 0 !important;
   margin: 0 !important;
   overflow: hidden;
   /* background: url(images/book_shelf.gif) repeat-y 0 -10px; */
}

ul.amazon-list li {
   display: block;
	float: left;
	overflow: hidden;
	background: url(images/book_top.gif) left top no-repeat;
	position: relative;
	left: 35px;
	margin: 0 35px 32px 0;
	padding: 0 !important;
	clear: none !important;
}

ul.amazon-list li a {
	display: block;
	float: left;
	line-height: 0;
	padding: 4px 4px 0 0;
	background: url(images/book_side.gif) right bottom no-repeat;
}

ul.amazon-list li a img {
	border: 0 none;
}

ul.amazon-list li > img {
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 5px;
	background: url(images/book_corner.gif) right top no-repeat;
}

/*** Facebook Connect ***/

#facebook-login {
   width: 40%;
   float: right;
   padding: 18px 0 0 0;
}

#fb-user {
   overflow: hidden;
   margin: 0 0 15px 0;
}

#fb-title {
   font-weight: bold;
}

#fb-user img {
   float: left;
   margin: 0 10px 0 0;
   padding: 3px;
   background: #ffffff;
   border-left: 1px solid #f0f0f0;
   border-top: 1px solid #f0f0f0;
   border-right: 1px solid #586066;
   border-bottom: 1px solid #586066;
}