/*
Theme Name: Belli Theme
Theme URI: http://www.giocondabelli.org
Description: Custom theme made for www.giocondabelli.org
Version: 1.0
Author: George Gomez
For more information contact designer at phathead@phatnetwork.net
*/

/* === SITE PAGE STRUCTURE === */

/* Aligns all content to center of page */
body { 
	font-size: 85%; /* Resets to 12px */
	text-align:center;
	background-color:#983b0e;
	margin:0;
	font-family: Courier New;bold
}

a { color:#d24501;
}

a:hover {
	color:#F30;
}


/* Creates a page container for all content and fixes center alignment for IE */
#page { 
	width:900px;
	margin: 0 auto;
	text-align:left;
	background-color: #FFF;
	border-left: 4px #EDECD3 solid;
	border-right: 4px #EDECD3 solid;
}

/* All 3 main DIVs must use relative position and clear both sides to aling themselves correctly */
#header {
	position: relative;
	left:0px;
	top:0px;
	width:900px;
	margin:0;
	clear:both;
}
#content {
	position: relative;
	left:0px;
	top:0px;
	width:890px;
	margin:0 0 0 0;
	padding: 5px;
	/*border: 1px #A75E10 solid;*/
	clear: both;
	background-color:#cebe90;
}

#footer {
	position: relative;
	left:0px;
	top:0px;
	width:850px;
	margin: 0;
	padding: 25px 25px 10px 25px;
	clear: both;
	background: #EDECD3 url(images/site_footer.gif) repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* === CONTENT BLOCKS === */

/* Top Navigation structure.  All blocks must float to allow margin-top to set distance from top of page. */
#navigation {
	width: 888px;
	background-color:#EDECD3;
	float: left;
	margin: 0;
	text-align:center;
}

#navigation {
	font-weight:bolder;
	text-transform: uppercase; 
	font-size: 1em;
	padding: 6px;
	/*border: 1px solid #A75E10;
	background-color:#999; */
}

#navigation a {
	display: block;
	display:inline;
	color: #2F4A31;
	text-decoration:none;
	padding: 6px 14px 6px 14px;
}

#navigation a:hover {
	color:#600;
	background-color:#CCC;
}

#navigation .current_page_item, #navigation .current-cat {
	background-color:#CCC !important;
}

/* Home Page Featured Block */	
#topfold {
	float:left;
	width: 866px;
	top: 0px;
	left: 0px;
	border: 2px solid #A7A884;
	padding: 10px;
	margin: 0 0 5px 0;
	clear:both;
	background: #FFF url(images/content_table.gif) repeat-x;
}

#toptext {
	float: left;
	width: 450px;
	text-align: left;
}

#leftintro, #rightintro {
	width: 420px;
	text-align: left;
}

#leftintro {
	float: left;
}

#rightintro {
	float: right;
}

/*  Inside content uses float guide direction of content */
#insidecontent {
	width: 631px;
	top: 0px;
	left: 0px;
	float:left;

}

/*  Inside content uses float guide direction of content */
#about {
	width: 637px;
	border: 2px solid #A7A884;
	margin-bottom: 5px;
	padding:10px;
	top: 0px;
	left: 0px;
	background: #FFF url(images/content_table.gif) repeat-x;
	float:left;
}

/*  Inside content uses float guide direction of content */
#livecontent {
	width: 637px;
	border: 2px solid #A7A884;
	padding:10px;
	top: 0px;
	left: 0px;
	background: #FFF url(images/content_table.gif) repeat-x;
	float:left;
}

/*  Sidebar must use absolute position to aling itselt to the content */
#sidebar {
	width: 224px;
	top: 0px;
	right: 0px;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#searchbox {
	width: 200px;
	border: 2px solid #A7A884;
	padding: 10px;
	float: right;
	background: #FFF url(images/content_table.gif) repeat-x;
	margin-bottom: 5px;
	
}

#sidemenu {
	width: 200px;
	border: 2px solid #A7A884;
	padding: 10px;
	float: right;
	background: #FFF url(images/content_table.gif) repeat-x;
	margin-bottom: 5px;
	
}

#archivemenu {
	width: 200px;
	border: 2px solid #A7A884;
	padding: 10px;
	float: right;
	background: #FFF url(images/content_table.gif) repeat-x;
	margin-bottom: 5px;
	
}

#sidecontent {
	width: 200px;
	border: 2px solid #A7A884;
	padding: 10px;
	float: right;
	background: #FFF url(images/content_table.gif) repeat-x;
	margin-bottom: 5px;
	
}

#sociallinks {
	width: 200px;
	border: 2px solid #A7A884;
	padding: 10px;
	float: right;
	background: #FFF url(images/content_table.gif) repeat-x;
	margin-bottom: 5px;
	
}

#sidebar ul  {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	font-weight:bold;
	list-style: none;
	font-size: 1em;

}

#sidebar a {
	text-decoration:none;
}

#sidemenu .cat-item, #archivemenu li, .linkcat li {
	padding:8px;
	text-align:center;
	border-bottom: 1px solid #A7A884;
	font-size: 1em;
	text-transform:uppercase;
}

#sociallinks h2  {
	margin: 15px 0 10px 0;
}

#s { 
	width: 135px !important;
	border: 1px #999 solid;
	background-color:#EDECD3;
	line-height: 14px;
	margin-top: 4px;
}

#searchsubmit {
	width: 55px;
}

#searchbox .hidden {
	color: #436434;
}



/* === CONTENT SPECIFIC LAYOUTS === */


/* Clears the bottom of the content div and closes the wrapper */
.clear { 
	display: block;
	height:0px;
	clear:both;
	visibility: hidden;
	} 

#topfold .break {
	background: #FFF url(images/dots.gif) repeat-x;
	display: block;
	clear: both;
	width: auto;
	line-height: 10px;
	padding: 0;
	margin: 0;
}

#insidecontent .break {
	background: #FFF url(images/dots.gif) repeat-x;
	padding: 0;
	clear: both;
	width: auto;
	line-height: 10px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}

#comment {
	border: 1px #999 solid;
	background-color:#EDECD3;
	width: 500px;
}

#livecontent .navigation {
	clear:both;
	margin-bottom: 25px;
}

#livecontent .postmetadata {
	border: 1px #cebe90 solid;
	background-color:#e8e2d1;
	padding: 8px;
}

/* === 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;
	background-color:#edecd3;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	background-color:#edecd3;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	background-color:#edecd3;
	}

.alignright {
	float: right;
	}

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


/* === FONT HEADERS AND ASSINGMENTS === */

h1, h2, h3, h4, h5, .title, .header-lx, .header-lg { color: #436434; font-family:Georgia, "Times New Roman", Times, serif; }

h1, .title { 
	font-size:1.6em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.3em;
}

h4 {
	margin: 0;
	font-size:1.3em;
	display: inline;
}

.header-lg {
	font-size:1.3em;
	font-weight:bold;
}

.header-lx {
	font-size:1.6em;
	font-weight:bold;
}

.title {
	font-weight:bold;
}