/*
Theme Name: Vivian
Theme URI: http://www.idsg.it/2007/11/15/tema-wordpress-vivian/
Description: A clean white and black liquid theme with two right sidebar, both ready for widgets.<br /><br /WordPress 2.3 tags ready.
Version: 1.2
Author: ShinRa
Author URI: http://www.idsg.it/
*/


/**
* Eric Meyer's Reset stylesheet - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,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; }
body						{ line-height:1; color:black; background:white; font-family:verdana,tahoma,arial,sans-serif; }
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:"" ""; }
:focus						{ outline:#ccc dashed thin; }

/**
* ShinRa style
*/

/**
* MISC
*/

strong		{ font-weight:bold; }
em		{ font-style:italic; }
blockquote	{ margin-left:15px; margin-bottom:15px; font-family:arial,tahoma,verdana,sans-serif; color:#666; line-height:140%; }
blockquote p	{ margin-bottom:0; }
code		{ font-family:"courier new",courier,monospace; color:#060; }
img		{ max-width:100%; height:auto; }

/**
* SEARCH FORM
*/

#searchform			{ position:absolute; top:7px; right:20px; }
#searchform input		{ border:1px solid #000; padding:3px; width:180px; }
#searchform input#searchsubmit	{ width:60px; background-color:#000; color:#fff; vertical-align:middle; }

/**
* HEADER
*/

#header		{ height:60px; background:#333 url('images/back_header.jpg') repeat-x left top; }
#header h1	{ font-size:22px; font-family:tahoma,arial,verdana,sans-serif; color:#fff; text-transform:uppercase; padding:7px 0 0 7px; }
#header h1 a	{ text-decoration:none; color:#fff; }

/**
* CONTENT
*/

#content	{ margin-right:31em; padding:10px; font-size:13px; }

/**
* CONTENT > POST
*/

#content div.post			{ margin-bottom:10px; padding:5px 10px 10px 10px; background:#fff url('images/back_post.jpg') no-repeat left top; }
#content div.post h2			{ font-size:22px; font-family:tahoma,arial,verdana,sans-serif; color:#c30; text-transform:uppercase; margin-bottom:15px; }
#content div.post h3,
#content div.post h4,
#content div.post h5,
#content div.post h6			{ margin-bottom:15px; font-family:tahoma,arial,verdana,sans-serif; color:#369; }
#content div.post h3			{ font-size:20px; }
#content div.post h4			{ font-size:18px; }
#content div.post h5			{ font-size:16px; }
#content div.post h6			{ font-size:14px; }
#content div.post p			{ line-height:140%; margin-bottom:15px; }
#content div.post ol			{ margin-left:50px; margin-bottom:15px; line-height:140%; list-style-type:decimal; }
#content div.post ul			{ margin-left:50px; margin-bottom:15px; line-height:140%; list-style-type:square; }
#content div.post li ol,
#content div.post li ul			{ margin-bottom:0; }
#content div.post p.the_date		{ font-size:22px; color:#ccc; text-transform:uppercase; font-family:"Lucida sans unicode",Georgia,serif; }
#content div.post a			{ color:#369; }
#content div.post a:hover		{ color:#963; }
#content div.post p.pages		{ font-size:11px; }
#content p.details_small		{ color:#666; font-size:11px; padding:5px 10px 15px 10px; margin-bottom:60px; background:#fff url('images/back_details_small.jpg') no-repeat left bottom; }
#content p.details_small a		{ color:#666; text-decoration:none; }
#content p.details_small a:hover	{ text-decoration:underline; }

/**
* PAGINATION LINKS
*/

#content div.navigation			{ text-align:center; padding:42px 0 57px 0; font-size:11px; }
#content div.navigation .alignleft	{ margin-right:15px; }
#content div.navigation a		{ color:#369; text-decoration:none; }

/**
* RIGHT SIDEBAR
*/

#right_side			{ float:right; width:180px; padding:10px; font-size:11px; color:#666; }
#right_side ul li ul li		{ padding:7px 0 7px 0; border-bottom:1px solid #ccc; }
#right_side ul li ul li ul	{ padding-top:7px; }
#right_side ul li ul li ul li	{ border:0; margin-left:15px; }
#right_side ul li h2		{ color:#369; font-size:14px; font-family:tahoma,arial,verdana,sans-serif; padding-bottom:7px; border-bottom:1px solid #ccc; padding-top:30px; }
#right_side a			{ color:#666; text-decoration:none; }
#right_side a:hover		{ color:#000; }

/**
* LEFT SIDEBAR
*/

#left_side			{ float:right; width:180px; padding:10px; font-size:11px; color:#666; }
#left_side ul li ul li		{ padding:7px 0 7px 0; border-bottom:1px solid #ccc; }
#left_side ul li ul li ul	{ padding-top:7px; }
#left_side ul li ul li ul li	{ border:0; padding-left:10px; }
#left_side ul li h2		{ color:#369; font-size:14px; font-family:tahoma,arial,verdana,sans-serif; padding-bottom:7px; border-bottom:1px solid #ccc; padding-top:30px; }
#left_side a			{ color:#666; text-decoration:none; }
#left_side a:hover		{ color:#000; }

/**
* FOOTER
*/

#footer		{ clear:both; font-size:12px; padding:60px 40px 40px 40px; color:#ccc; text-align:center; background:#000 url('images/back_footer.jpg') repeat-x left top; }
#footer a	{ color:#ccc; text-decoration:none; }

/**
* WIDGETS
*/

div.textwidget			{ line-height:140%; padding-top:7px; }
table#wp-calendar td,
table#wp-calendar th		{ width:13%; text-align:center; padding:3px 0 3px 0; }
table#wp-calendar caption	{ padding:7px 0 7px 0; text-align:center; }
table#wp-calendar a		{ color:#800; }

/**
* COMMENTS LIST
*/

#comments			{ margin:20px; }
#comments h3			{ font-family:tahoma,arial,verdana,sans-serif; font-size:20px; color:#369; padding-bottom:30px; }
#comments ol li			{ padding:15px 15px 30px 15px; line-height:140%; font-size:12px; background:#fff url('images/back_comments.jpg') no-repeat left top; }
#comments ol li.author		{ background:#fff url('images/back_comments_author.jpg') no-repeat left top; }
#comments ol li li		{ padding:0; border:0; background-image:none; }
#comments ol li ol,
#comments ol li ul		{ margin-bottom:10px; margin-left:50px; }
#comments ol li ol		{ list-style-type:decimal; }
#comments ol li ul		{ list-style-type:square; }
#comments ol li big		{ font-size:18px; }
#comments ol li a		{ color:#900; text-decoration:none; }
#comments ol li a:hover		{ text-decoration:underline; }
#comments ol li p		{ margin-bottom:10px; }
#comments span.comment_data	{ font-size:11px; color:#999; margin-bottom:15px; display:block; }
#comments span.comment_data a	{ color:#999; }
#comments span.await_mod	{ color:#c30; }

/**
* COMMENT FORM
*/

h3#respond			{ font-family:tahoma,arial,verdana,sans-serif; font-size:20px; color:#369; margin:40px 0 15px 20px; padding-bottom:15px; border-bottom:1px solid #ccc; }
#commentform			{ margin:20px; }
#commentform p.loggedin		{ color:#666; margin-bottom:15px; }
#commentform p.loggedin a	{ color:#666; }
#commentform input,
#commentform textarea		{ border:1px solid #333; font-family:verdana,tahoma,arial,sans-serif; padding:3px; margin-bottom:15px; font-size:13px; }
#commentform textarea		{ width:80%; height:110px; }
#commentform label		{ display:block; font-size:12px; color:#666; padding-bottom:3px; }
