/*
Theme Name: Attic22 Theme
Theme URI: http://www.attic22.com/
Description: The 1.0 version of the Wordpress Theme for Attic22
Version: 1.0
Author: Marco Traverso
Author URI: http://www.attic22.com/
Tags: custom header, fixed width, two columns, widgets

*/

/*
RESET STYLES
/*Source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

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,
b, u, i, center,
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-size: 100%; 
												vertical-align: baseline; background: transparent;}
body 			{line-height: 1;}
ol, ul 			{list-style: none;}
blockquote, q 	{quotes: none;}

/* remember to define focus styles! */
:focus 			{ outline: 0;}

/* remember to highlight inserts somehow! */
ins 			{text-decoration: none;}
del 			{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse: collapse; border-spacing: 0;}

/*END OF STYLES GENERAL RESET */

/* ATTIC 22 THEME STYLES*/

/* General Layout */
body			{background:#fff}
#wrapper		{width:980px; margin:10px auto; background:#fff; font-family:Arial, Helvetica, sans-serif;}
#header			{width:100%; float:left; height:65px; border-bottom:solid 2px #ccc; margin-bottom:10px;}
#content-ext	{width:642px; float:left;}
#content		{width:600px; float:left; margin:4px auto 0 11px; padding-bottom:10px;}
#extra-ext		{width:338px; float:right;}
#extra			{width:316px; margin:0 auto;}
#footer			{width:100%; clear:both; border-top:solid 1px #ccc; margin:10px 0; padding:4px 0 15px; font-size:11px; color:#666;}

/*TEST WITH COLORS

#content-ext	{background-color:red;}
#content		{background-color:yellow;}
#extra-ext		{background-color:green;}
#extra			{background-color:#CC9933;}
#footer			{background-color:#CC9933;}

*/


/* Header Components */

#header .description 		{float:left; margin-top:45px; font-size:11px; color:#999; letter-spacing:1px; text-transform:uppercase;}
#header img 				{float:left; margin:0 4px 0 6px; border:none;}

#header ul					{float:right; letter-spacing:1px; clear:right; text-align:right; margin-top:0;}
#header ul li 				{float:right; text-transform:uppercase; font-weight:normal; font-size:14px;}
#header ul li a 			{color:#000; display:block; padding:5px 8px 6px; text-decoration:none; text-align:center;}
#header ul li a:hover, #header ul li.active
							{color:#c00; border-bottom:solid 2px #000;}

#search-box-ext {width:180px; margin-bottom:12px; float:right;  padding:0;}
	#search-box-ext input.textbox {float:left;  margin:0; height:20px; border:solid 1px #ccc; padding:1px; color:#333;}
	#search-box-ext input.button { float:right; margin:0; height:24px; border:solid 1px #ccc;  background-color:#eee; 
		letter-spacing:2px;text-transform:uppercase; font-size:11px;  color:#666;}


/*Titles and meta formatting*/
#content h1				{font-size:28px;color:#999; font-weight:normal; margin:4px 0 6px; border-bottom:solid 2px #999; padding-bottom:4px;}
#content h1 a 			{color:#000; text-decoration:none;}
#content h1 a:hover 	{color:#000; text-decoration:underline;}


.meta a 				{color:#da3838;}
.meta a:hover 			{color:#900;}

.item-post .meta 		{font-size:11px; text-transform:none; margin-bottom:8px;}

/* Archives / List Pages */
.item-post 			{float:left; width:100%; border-bottom:solid 1px #ccc; padding:5px 0;}
.item-post h2 {margin:0 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#000; }
.item-post h2  a {color:#000; text-decoration:none;}
.item-post h2  a:hover {color:#a00; text-decoration:underline;}


/* DATE CAL grey-red
.date-cal {width:36px; float:left; margin:0 8px 0 0;  border:solid 1px #999; text-align:center; background-color:#f5f5f5;
font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#555; font-size:11px; }
.date-cal .day {display:block; font-weight:bold;}
.date-cal .month {width:100%; font-size:10px; text-transform:uppercase; color:inherit;}
.date-cal .year {display:block; font-size:10px; background-color:#CC0000; color:#fff; margin-top:2px; padding:1px 0 2px;}
*/



.item-post .meta 					{font-size:11px; color:#666; margin:2px 0 4px; border-bottom:solid 1px #ccc; padding-bottom:4px;}
.item-post .meta b					{color:#333;}

.item-post .summary 			{color:#222; float:left; font-size: 14px; line-height:20px;}
.item-post .summary a 			{color:#da3838;}
.item-post .summary a:hover		{color:#700;}

.item-post img {margin:2px auto; border:solid 1px #999;}

.item-post .summary .more  a {float:right; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; letter-spacing:1px; padding:0 3px; background-color:#ddd; text-transform:uppercase;  text-decoration:none; color:#999;}
.item-post .summary .more a:hover { background-color:#da3838; text-decoration:none; color:#fff;}

img.img-right {float:right; margin:0 0 0 4px;}
img.img-left {float:left; margin:0 4px 0 0;}

/* Sidebar */

.rss-feed-box 			{float:right; margin:0; padding: 8px 0 8px 18px; background:url(images/feed-icon-14x14.png) left no-repeat; 
	font-size:12px; text-transform:uppercase;}
.rss-feed-box a 		{text-decoration:none; color:#999;}
.rss-feed-box a:hover 	{text-decoration:underline; color:#333;}

/* Widgets */
.widget-box-ext				{width:100%; margin:8px auto 12px; background-color:#fff; float:left;}
.widget-box					{width:90%; margin:12px auto;}
.widget-box h4 				{margin:0 0 7px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#c0b29e;
							 font-weight:bold; }
.widget-box h4 a			{color:#c0b29e;}	
.widget-box h4 a:hover		{color:#938e86;}	

					 
.widget-box	ul li			{padding:6px 0; border-bottom: solid 1px #ccc; font-size:11px;}
.widget-box	ul li a			{color: #666; text-decoration:none;}
.widget-box	ul li a:hover	{color: #111; text-decoration:underline;}
.widget-box .rssSummary		{color:#aaa; margin:2px 0;}

#tag_cloud a				{color:#999; text-decoration:none;}
#tag_cloud a:hover			{color:#333; text-decoration:underline;}


/* Footer */
#footer a 					{color:#666;}
#footer a:hover 			{color:#333;}
#footer .signature 			{float:right; font-weight:bold; color:#999;}
#footer .signature a 		{color:#000;}
#footer .signature a:hover 	{color:#a00;}

/*Article*/
/* Verdana Style
#article-text 			{font-family:Verdana ,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#222; text-align:left;}
#article-text h1 		{font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#333; margin:4px 0 2px;}
#article-text h1 a 		{color:#333;}
#article-text .meta 	{font-size:10px; color:#888; margin:0; text-transform:none;}
#article-text .meta a	{font-weight:bold;}
#article-text h2 		{font-size:14px; margin:8px 0 4px; color:#000;}
#article-text h3 		{font-size:13px; margin:8px 0 4px; color:#000;}
*/


/* Arial Style */
#article-text 				{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#333; text-align:left;}
#article-text h1 			{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#555; margin:8px 0 2px; border-bottom:solid 2px #555; padding-bottom: 5px; }
#article-text h1 a 			{color:#555; text-decoration:none;}
#article-text h1 a:hover	{text-decoration:none;}

#article-text .meta 	{font-size:11px; color:#666; margin:0; text-transform:none;}
#article-text .meta b 	{color:#333;}
#article-text .meta a	{font-weight:bold;}
#article-text h2 		{font-size:16px; margin:8px 0 4px; color:#4a3939; padding-bottom:2px; border-bottom:solid 2px #978d8d;}
#article-text h3 		{font-size:14px; margin:8px 0 4px; color:#932d2d;}


/* ---*/


#article-text p 		{margin:6px 0 8px;}
#article-text ul 		{list-style:disc;  margin:4px 20px 8px; padding-left:4px;}
#article-text ol 		{list-style:decimal;  margin:4px 20px 8px; padding-left:4px;}
#article-text ul li, #article-text ol li
						{margin-bottom:3px;}

#article-text a 		{color:#da3838;}
#article-text a:hover 	{color:#700;}
#article-text img	 	{border:solid 1px #999;margin-top:4px; margin-bottom:4px;}
#article-text .code 	{font-family:"Courier New", Courier, monospace; color:#333;}
#article-text .codebox {font-family:"Courier New", Courier, monospace; color:#333; margin:12px; padding:10px; background-color:#dedede; border:solid 1px #ccc;}
#article-text p object {margin:4px auto;}
#article-text img.button {border:none;}

/* Comments */
#comments 						{width:620px; float:left; color:#666; font-size:12px; margin-top:15px;}
#comments a 					{color:#333;}
#comments h3  					{font-size:26px; color:#999; border-bottom:solid 2px #999; font-weight:normal;margin:2px 0 12px;}
#comments ol 					{padding-left:24px;}
#comments ol li 				{border:solid 1px #cdd6e3; list-style-type:decimal; margin:12px 0; background-color:#e9eff7;}
#comments textarea#comment 		{width:480px; margin:6px 0; border:solid 1px #aaa; font-family:Arial, Helvetica, sans-serif; padding:5px; color:#444; font-size:12px;}

#comments .meta 				{background:inherit; display:block; font-size:11px; padding:6px; color:#68788b;}
#comments .meta .edit 			{float:right;}
#comments .meta a, #comments .meta b  {color:#5b6c7f;}
#comments .meta a:hover			{color:#343e48;}
#comments .commentbody			{background-color:#fefefe; color:#444; padding:8px; font-size:12px; line-height:20px; }
#comments .button 				{border:solid 1px #999; color:#333;}
#comments input 				{border:solid 1px #aaa; margin:4px 0; padding:3px 6px; color:#666;}
#comments label					{}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */