/*
Theme Name: 	Vivid
Description: 	Vivid Greetings 2010 Ecards
Author: Vivid Greetings
Version: 		2.0
The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
PRINT CARDS
*/

/* RESET 
---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,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:normal;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0}
body{font-family:Arial, Helvetica, sans-serif;font-size:62.5%;}
ol,ul{list-style:none;}
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: "" "";}
/* STRUCTURE
---------------------------------------*/
body {
	background: url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/lilgrey.gif');
	background-position: 0px 110px;
	background-repeat: repeat-x;
	width:100%;
	height:100%;
	color:#000;
	font-size:.8em;
	line-height:1.6em;
	font-family:trebuchet;
}

.back {
	margin: 0 auto;
	padding-top: 100px;
	clear: both;
}

#bigblack {
	background-color: #1d1d18;
	width: 100%;
	height:400px;
	margin:0 auto;
}

#catbox {
	background: url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/catbox.gif') no-repeat;
	width:303px;
	height: 154px;
	float: left;
	margin-left: 20px;
}

.clear {
	clear: both;
}

#computer {
	margin-left: -10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#container {
	position: relative;
	left: 330px;
}

#content {
	position: relative;
	top: 75px;
}


#footer {
	position: relative;
	top: 100px;
}
}


#content,#content3 {
	float:left;
	margin: 80px 0px 50px 0px;
	margin: 5px 0px 50px 0px\0/;
	width:77%;
	overflow:hidden;
	text-align: center;
	border-top: 1px solid #c4c4c4;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#content {margin-top: 6px;}/* safari hack */
}

#content { margin-top: 80px;\ }/*ie 8 hack */

#content2{
	float:left;
	border-top:1px solid #c4c4c4;
	width:70%;
	margin-top:-7px;
	padding-left: 50px;
	padding-top: 25px;
}
#content3 {
	margin-top: 50px;
	width:100%;
	float: left;
	display: block inline;
	font-size: 12px;
	line-height: 16px;
}	

#content5 {
	margin-top:20px\0/;
	margin-top:20px;
}

#content6 {
	float:left;
	margin: 35px 0px 50px 40px;
	margin: 5px 0px 50px 0px\0/;
	width:77%;
	overflow:hidden;
	text-align: center;
}


#content-thin {
	float:right;
	margin-right: -10px;
	width:70%;
	overflow:hidden;
	text-align: center;
}

div.tab {  
	width: 20px; 
	height: 20px;
}

div.bgray { 
	background-color: white;
	margin-left: -10px;
}

.entry {
	text-align: left;
	position: relative;
	z-index: 10;
	padding-left: 20px;
}

#footer{
	width:1000px;
	margin:0 auto;
	border-top:1px solid #000;
	text-align: center;
    clear: both;
	position:relative;
	font-size: 10px;
}

.form-head {
	background-color: #eee;
	width: 100%;
	margin: 0 5%;
}

#greenbar {
	background-color: #0c8502;
	width: 950px;
	padding: 5px 0px 5px 40px;
	margin-top: 15px;
}
#header {
	background-color: #81090b;
	border-bottom: 1px solid white;
	height:15px;
	color:#fff;
	padding-bottom: 5px;
	margin-top: -4px;
	float:left;
	width:100%;
}

.hidden-container {
	display: none;
}

html {
	height:100%;
}

.leaf {
	width: 285px;
	clear:both;
	float: right;
	margin-bottom: 20px;
}

.left {
	float:left;
	margin-left:350px;
	margin-top: -280px;
	width: 400px;
	line-height: 28px;
}

.leftpad {
	padding-left: 20px;
}
.lilgrey {
	padding-left: 6px;
	margin-top: -1px;
}

.logo {
	padding-top: 20px;
}
#menucontent,#menucontent2  {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.mini-wrap {
	width:920px;
	margin: 0 auto;
    position: relative;
    text-align: right;
    padding-left:45px;
}

#newbox {
	float:left;
	width:303px;
	height:164px;
}

#not-found {
	margin-top:400px;
	float:left;
	width:40%;
	margin-bottom:10px;
}
.other{
	margin-top: -6px;
}
.pad {
	margin-top: 20px;
}

.pdf {
	position: relative;
	top: -3px;
}

.pre{
	white-space: pre-wrap;       /* css-3 */	
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.red {
	color: #cc1418;
	font-weight: bold;
}

.red2 {
	color: #cc1418;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 14px;
	font-size: 15px;
}

#redbar {
	background-color: #b8282d;
	width: 100%;
	height: 111px;
	border-bottom: 1px solid white;
}

#redtab {
	background-color: #b8282d;
	width: 96%;
	height: 10px;

}

.results {
	float: left;
	width: 200px;
	height:205px;
}

#rss {
	float:right;
	width:30%;
}


#search {
	width:100%;
	margin: 25px auto;
	text-align: center;
}

#searchbox {
	width:305px;
	height: 154px;
	background: url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/searchbox.gif') no-repeat;
	float:right;
	position: relative;
	right:50px
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#sidebar-left{line-height: 24px;}/* safari hack */
}
	
#sidebar-left {
	float:left;
	width:16%;
	margin: 62px 0 0 6px;
	text-decoration: none;
}

.tabby {
	position: relative;
	z-index: 10;
	left:-792px;
	_left:-937px;
	left:-792px\0/;
}

.table {
	margin:25px 0px 25px 25px;
	padding:2px;
}

.table2 {
	margin:0;
	padding:2px;
	border:1px solid gray;
}

.textarea {
	width: 225px;
}

.toptab {
	border:1px solid gray;
	margin-top: -200px;
}

.tra{
background-color: #eee
}

.toplink {
	width:1000px;
	margin: 0 auto;
	text-align: right;
	margin-left: 242px;

}

.toppad {
padding-right: 2px;
}

#wrap, #wrap2 {
	width:1000px;
	display: inline block;
	margin: 0 auto;
    position: relative;
}

#wrap {
	height: 95%;
    min-height:95%;
}

#wrap2{
	height: 35%;
	
	}
/* Layouts Page
---------------------------------------*/

.layoutbox {
	float: left;
	width:360px;
}

.layoutnav {
	display: inline;
	width: 500px;
	float: right;
	margin-right: -10px;
}

.layoutnav img {
	padding-right: 10px;
}

.layouttext {
	float: left;
	width:220px;
	margin-left: 365px;
	margin-top: -260px;
}

.layoutthumbs {
	float: left;
	width:45px;
	margin-left: 565px;
	padding:10px 0px 10px 10px;
	margin-top: -300px;
}

.layoutthumbs img {
	padding-bottom: 12px;
}

.navtitle {
	clear: both;
}



	
/* TYPOGRAPHY
---------------------------------------*/

@font-face {  
	  font-family: trebuchet ;  
	  src: url(fonts/trebuchet.eot ); /* IE */  
	  src: local("trebuchet.ttf"), url(fonts/trebuchet.ttf ) format("truetype"); /* non-IE */    
	}   
	
@font-face {  
	  font-family: trebuchet ;  
	  src: url(fonts/trebuchet-bold.eot ); /* IE */  
	  src: local("trebuchet-bold.ttf"), url(fonts/trebuchet-bold.ttf ) format("truetype");font-weight: bold; /* non-IE */    
	} 
	
@font-face {
	font-family: 'GillSansMTRegular';
	src: url('fonts/gill_sans_mt-webfont.eot');
	src: local('☺'), url('fonts/gill_sans_mt-webfont.woff') format('woff'), url('fonts/gill_sans_mt-webfont.ttf') format('truetype'), url('fonts/gill_sans_mt-webfont.svg#webfontMoNpm7oO') format('svg');
	font-weight: normal;
	font-style: normal;
}

p, h1, h2, h3, h5, h6
	{
	padding: 5px 10px 0 10px;
	}
h1
	{
	font-size:2em;
	background:url(images/logo.jpg) 5px 5px no-repeat;
	padding:0;
	margin:10px 0 0 0;
	padding-left:50px;
	}
h2
	{
	font-size:20px;
	margin-left: 19px;
	font-weight: lighter;
	float: left;
	color:  #c4c4c4;
	width:auto;
	margin-top:55px;
	}
h3
	{
	font-size:1.3em;
	color:  #666
	}
h4
	{
	font-size:1em;
	color:  #666;
	margin-left: 0px;
	
	}
h5
	{
	font-size:1.2em;
	margin-left: -20px;
	}
h6
	{
	font-size:1em;
	}
h7, .georgialarge {
	font-family: Georgia;
	font-size: 25px;
}
#content p, #content h1, #content h3, #content h5, #content h6, #content small
	{
	padding: 10px 20px;
	}
	
#content3 a{
	font-size: 12px;
	line-height: 18px;
}
#footer a{
	font-size: 10px;
}

.grey {
	line-height: 14px;
}
#header a, #header a:visited {
	color:#fff;
	font-size: 11px;
		font-family: trebuchet;
}
#header a:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
	font-size: 10px;
}


/* IMAGES
----------------------------------------*/
.logo {
	padding-left: 40px;
	margin-top: 10px;
}

img.centered 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.aligncenter 
	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
img.alignright
	{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
	}
img.alignleft
	{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
	}
img.title {
	margin:25px 0px 0px 39px;
}
.alignright
	{
	float:right;
	margin-left:10px;
	width:auto;
	}
.alignleft
	{
	float:left;
	margin-right:10px;
	width:auto;
	}
/* LISTS
----------------------------------------*/
ul
	{
	list-style:none;
	margin:0;
	}

ol
	{
	list-style:decimal;
	margin:5px 0 0 0;
	}
li
	{
	margin-left:10px;
	padding:0;
	}
dl
	{
	margin-left:20px;
	}
dt
	{
	margin-left:10px;
	}
dd
	{
	margin-left:20px;
	}
#content ul
	{
	list-style:outside square;
	margin:5px 0 5px 30px;
	}
#content ol
	{
	margin:5px 0 5px 30px;
	}
#content li
	{
	margin-left:20px;
	padding:0;
	}
.inline ul
	{
	margin:0;
	padding:0;
	}
.inline li
	{
	display:inline;
	list-style-type:none;
	padding:10px;
	margin:0;
	}
/*ul#menu 
 	{
   	list-style-type:none;
	height: 75px;
	width: 840px;
	position: relative;
	left: 180px;
	top:-94px;
	clear: both;
 	}
ul#menu a
 	{
 	position: relative;
 	top:-10px;
   	font-size: 13pt;
	color: #fff;
	text-decoration: none;
	font-family: 'GillSansMTRegular';
 	}
ul#menu li 
 	{
   	display: inline-block;
   	text-align:right;
   	width: 145px;
   	line-height: 14px;
 	}
ul#menu li.divider 
 	{
   	display:inline;
	padding-top:40px;
 	}*/
 	
ul#menu, ul#menu2 
 	{
   	list-style-type:none;
	height: 75px;
	width: 880px;
	position: relative;
	left: 158px;
	top:-85px;
	clear: both;
 	}
ul#menu a, ul#menu2 a
 	{
 	position: relative;
 	top:-10px;
 	}
ul#menu li, ul#menu2 li 
 	{
   	display: inline-block;
   	width:148px;
 	}
@media screen and (-webkit-min-device-pixel-ratio:0){
ul#menu li, ul#menu2 li 
 	{
   	display: inline-block;
   	width:149px;
 	}
}
ul#menu li.squishy {
   	display: inline-block;
   	text-align:right;
   	width: 100px;
}
ul#menu li.ultrasquishy 
 	{
   	display: inline-block;
   	text-align:right;
   	width: 115px;
 	}
 	
#sidebar-left li.current a{
	color: #cc1814;
}

#sidebar-left li a{
	color: #666;
	font-family: 'trebuchet';
	font-size: 14px;
	letter-spacing: 0.02em;
}

#sidebar-layout li a{
	color: #666;
}

#sidebar-wide li a{
	color: #666;
}

#sidebar-left li a:hover{
	color:#cc1814;
}

#sidebar-layout li a:hover{
	color:#cc1814;
}

/* SIDEBAR LISTS */

ul#side a:hover, ul#side a:focus, ul#side a:active 
 	{
   	color:#cc1814;
 	}
ul#side li.current_page_item a, ul#side li.current_page_item a:hover,
ul#side li.current_page_item a:focus, ul#side li.current_page_item a:active 
 	{
   	color:#cc1814;
   	cursor:default;
   	text-align:left;
 	}


/* LINKS
---------------------------------------*/
a {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color: black;
	text-decoration: none;
}

a:hover {
	color: red
}

.grey {
	color: #707070;
}
#content a {
	font-family:Arial, Helvetica, sans-serif;font-size:100%;
	color: black;
	text-decoration: none;
}

#content a:hover {
	color: red
}



/* FORMS
---------------------------------------*/
#searchform 
	{
	padding:0 0 0 10px;
	text-align:left;
	width:200px;
	}
#searchform  
	{
	width:280px;
	padding:2px 2px 2px 20px;
	margin-left: 40px;
	margin-top:70px;
	}
#searchsubmit 
	{
	padding:1px;
	color:#fff;
	}
form textarea
	{
	width:80%;
	border:1px solid #ddd;
	padding:0;
	margin-right:10px;
	color:#000;
	background:#f1f1f1;
	}
form input
	{
	border:1px solid #ddd;
	padding:3px;
	margin:2px 0;
	color:#000;
	background:#f1f1f1;
	}
form input submit
	{
	margin:10px 0;
	}
form input:focus, form textarea:focus
	{
	color:#000;
	background:#fff;
	}
	
form.jump {
	position: relative;
	top:65px;
}
form p
	{
	margin:0;
	}

input.btn, #searchsubmit { 
color:white;
font: 'trebuchet ms',helvetica,sans-serif; 
background: url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/gobutton.gif') no-repeat;
width:64px;
height: 24px;
margin-top: 5px;
border: none;
} 

/* MISCELLANEOUS
---------------------------------------*/
.hidden
	{
	display:none;
	}
.clear
	{
	clear:both;
	}
.center
	{
	text-align:center;
	}
.author
	{
	color:#666;
	font-size:.9em;
	}
.navigation
	{
	margin:10px 20px;
	}
.navigation-right
	{
	text-align:right;
	}
.navigation-left
	{
	text-align:left;
	}
code
	{
	font-size:1.4em;
	}
blockquote
	{
	background:#f1f1f1;
	color:#000;
	padding:10px !important;
	margin:20px 10px 20px 20px;
	border:1px solid #ddd;
	}
cite
	{
	margin:10px 10px 10px 20px;
	}
/* PAGENAVI
---------------------------------------*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active 
	{
	color:#008080 !important;
	background:transparent !important;
	}
.wp-pagenavi a:hover 
	{
	color:#000080 !important;
	background:transparent !important;
	}
.wp-pagenavi span.pages 
	{
	background:transparent !important;
	}
.wp-pagenavi span.current 
	{
	background:transparent !important;
	}
.wp-pagenavi span.extend 
	{
	background:transparent !important;
	}
/* COMMENTS
---------------------------------------*/
.commentlist li .avatar
	{ 
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:2px 0;
	background:#fff;
	color:#000;
	width:auto;
	}
.commentlist li
	{
	list-style:decimal;
	margin:10px;
	padding:0;
	}
.commentlist .alt
	{
	background:#f1f1f1;
	color:#000;
	border:1px solid #ddd;
	}
/* TABLE
------------------------------------------*/

/* general table styles */
table.wp-table-reloaded {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	text-align: left;
}

/* Styles for the tablehead (<th>) (if enabled) */
table.wp-table-reloaded thead tr th, table.wp-table-reloaded tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.wp-table-reloaded thead tr .header {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.wp-table-reloaded tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/* Styles for alternating row colors (if enabled) */
table.wp-table-reloaded tbody tr.even td {
	background-color:#FFFFFF;
}
table.wp-table-reloaded tbody tr.odd td {
	background-color:#F0F0F6;
}

/* Styles for the sorting (if Tablesorter is enabled) */
table.wp-table-reloaded thead tr .headerSortUp {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown {
	background-image: url(/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}

table.wp-table-reloaded thead tr .headerSortDown, table.wp-table-reloaded thead tr .headerSortUp {
	background-color: #8dbdd8;
}


/* Style for the Table Name (in <h2>-Tag) (if printed above the table) */
h2.wp-table-reloaded-table-name {
	font-size: 16px;	
}

/* Style for the Table Description (if printed under the table) */
span.wp-table-reloaded-table-description {
	font-size: 10px;	
}

/* my custom styles*/


table.wp-table-reloaded-id-2 .column-1 {
   width: 125px;
}

wp-table-reloaded-id-2 .column-2 {
  width: 100px;
}

.wp-table-reloaded-id-1 {
  width: 600px;
  float:left;
}

.wp-table-reloaded-id-2 {
  width: 300px;
  float:left;
}
.wp-table-reloaded-id-4 {
  width: 300px;
  float:left;
}
.wp-table-reloaded-id-5 {
  padding-left:25px;
}

.wp-table-reloaded-id-8 {
  width: 300px;
  float:left;
}
.wp-table-reloaded-id-7 {
  margin-top:-50px;
  padding-left:25px;
  width:310px;
}

.wp-table-reloaded-id-9 {
  width: 310px;
  padding-left:25px;
}

.wp-table-reloaded-id-10 {
  padding-left:25px;
}

.wp-table-reloaded-id-12 {
  float:left;
  width: 300px;
}

.form-table {
	padding:5px;
	float:left;
}

.form-table td {
	padding:5px;
}

.asterisk {
	color:#CC0000;
}

.require {
padding: 15px;
width: 600px;
}

/* Easy Slider */

#slider {
	margin-top:-18px;
	margin-left: 30px;
}

#container {
	margin-top:-18px\0/;
	margin-left:-70px;
	width:800px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#container{	margin-left:-400px;}
#prevBtn, #nextBtn,#slider1next, #slider1prev{ 
margin-left: 100px;}
/* safari hack */

}


#slider ul, #slider li,#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider2{	
	margin-top:1em;
}

#slider li, #slider2 li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:958px;
	height:399px;
	overflow:hidden; 
}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:27px;
		height:27px;
		position:absolute;
		left:-30px;
		left:-10px \0/;
		top:155px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:660px;
		top:65px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:27px;
		height:27px;
		background:url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/prev.png') no-repeat 0 0
		}
	#prevBtn a{
	top:90px;
	left:50px;
	}
	#nextBtn a, #slider1next a{ 
		background:url('http://www.vividgreetings.com/print/wp-content/themes/vivid 2.0/images/next.png') no-repeat 0 0;
		left:-650px;
		left:-635px \0/;
		top:90px;	
		}