/*
Theme Name: ASSIC Wordpress Theme
Theme URI: http://www.assic.org/
Description: ASSIC Wordpress Theme
Version: 2.0
Author: Gianluca Sartori <g.sartori@gmail.com>
Author URI: 
Tags: assic, fixed width, two columns, widgets
Text Domain: assic
*/
 
body {
    font-size: 1.05em;
	text-align: center;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	background: #333;
	margin: 0;
	padding: 0;
}

p {
	color: #333;
	margin-top: .2em;
	margin-bottom: .8em;
}

img {
	border: 0;
}

ul {
	color: #333;
	list-style-type: square;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 32px;
}

ol {
	color: #333;
	margin-top: 0px;
	padding-top: 0px;
}

li {
	margin-bottom: .6em;
}

h2 {
	/*color: #f4d88e;*/
    color: #e7a900;
	font-size: 1.1em;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 15px;
	padding-bottom: 3px;
}

a {
	color: #e7a900;
}

td {
	font-size: 14px;
	padding: 3px;
	margin: 0;
	vertical-align: top;
	border-bottom: 1px solid #999;
}

thead {
	font-weight: bold;
}

tr {
	
}

#page {
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #eee;
}

#page-top {
	background: #333 url('images/page-top.png') top right no-repeat;
	height: 8px;
}

#page-bottom {
	clear: both;
	height: 8px;
	background: #333 url('images/page-bottom.png') top right no-repeat;
}

#header {
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#header img {
	border: none;
	float: left;
	margin-left: 8px;
}

#menu {
	font-size: .85em;
	text-align: right;
	padding: 0;
	margin: 0;
	padding-top: 31px;
	padding-bottom: 13px;
	padding-right: 16px;
}

#menu li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	text-transform: lowercase;
}

#menu a {
	/*color: #f4d88e;*/
	color: #aaa;
	text-decoration: none;
}

#menu a:hover {
	color: #e7a900;
}

#menu li.current_page_item a {
	color: #e7a900;
}

#content {
	float: left;
	width: 740px;
	background: white;
}

#content p,
#content ul li,
#content ol li {
	font-size: .75em;
}

#content ul li ul li,
#content ol li ul li {
	font-size: .75em;
}

#content p {
	text-align: justify;
}

#content p.subtitle {
    padding-left: 27px;
    font-weight: bold;
}

#content .separator {
	clear: both;
	border-bottom: 1px solid #eee;
	margin-left: 27px;
	margin-right: 27px;
	padding-top: 10px;
	margin-bottom: 5px;
}

#content .col1 .post {
	margin-left: 27px;
	margin-right: 27px;
	margin-bottom: 27px;
}

#content .col1 h2 {
	margin-left: 27px;
	margin-right: 27px;
}

#content .col1 .post .entry h2 {
    margin-left: 0px;
}

#content .col2-first {
	float: left;
	width: 370px;
}

#content .col2-second {
	float: left;
	width: 370px;
}

#content .col2-first p,
#content .col2-first ol,
#content .col2-first ul,
#content .col2-first h2,
#content .col2-first .post {
	margin-left: 27px;
	margin-right: 13px;
}

#content .col2-second p,
#content .col2-second ol,
#content .col2-second ul,
#content .col2-second h2,
#content .col2-second .post {
	margin-left: 13px;
	margin-right: 27px;
}


#content .col3-first,
#content .col3-second,
#content .col3-third {
	float: left;
	width: 246px;
}

#content .col3-second p,
#content .col3-second ul,
#content .col3-second ol,
#content .col3-second h2 {
	margin-left: 20px;
	margin-right: 20px;
}


#content .col3-first p,
#content .col3-first ol,
#content .col3-first ul,
#content .col3-first h2 {
	margin-left: 27px;
	margin-right: 7px;	
}

#content .col3-third p,
#content .col3-third ol,
#content .col3-third ul,
#content .col3-third h2 {
	margin-left: 7px;
	margin-right: 27px;
}



#sidebar {
	float: right;
	width: 260px;
}

#sidebar ol,
#sidebar ul {
	margin-left: 5px;
	margin-right: 5px;	
}

#sidebar ol li,
#sidebar ul li {
	font-size: .75em;
	color: #444;
}

#sidebar ol,
#sidebar ul {
	list-style-type: none;
	margin-left: 5px;
	padding-left: 5px;
}

#sidebar ol li ol,
#sidebar ul li ul {
	list-style-type: square;
	margin-top: 10px;
}

#sidebar ol li ol li,
#sidebar ul li ul li {
	font-size: 1em;
	margin-left: 15px;	
}

#sidebar ul li h2 {
	color: #888;
	padding-bottom: 0;
}

#sidebar p {
	padding-left: 10px;
	padding-right: 10px;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

.banner {
	text-align: center;
}

#footer {
	text-align: center;
	padding: 7px;
	margin-top: 1px;
	margin-bottom: 40px;
}

#footer p {
	font-size: .65em;
	color: #ccc;
}

#footer a {
	color: #aaa;
}

#user-box {
	margin: 0;
	padding: 0;
}

#user-box li {
	display: inline;
	font-size: .65em;
	color: #ccc;
}



/* Begin Images */
img {
	border: 0;
}

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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
/* End Images */


/* Begin Post */

.post {
	clear: both;
}

#content .col1 .post .wp-caption-text {
	padding-right: 8px;
	text-align: center;
}

.post .entry .wp-caption,
.post .entry .wp-caption {
	background-color: #eee;
	padding: 7px 0px 0px 7px;
	font-style: italic;
	margin-right: 10px;

	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

.post .entry .wp-caption img {
	border: 1px solid white;
}

.post small {
	color: gray;
	font-size: .65em;
	margin-bottom: 7px;
}

.post .postmetadata {
	color: gray;
	text-align: right;
	font-size: .65em;
	margin-bottom: 45px;
	margin-right: 20px;
}

/* End Post */