/*  
Theme Name: FormLex
Theme URI: 
Description: A three column red-white theme, clean yet stylish. 
Version: 0.8
Author: YappyWeb
Author URI: http://www.yappy.it
*/

body { 
	margin: 0;
	padding: 0;
	background: #333 url(images/bg.gif) top repeat-x;
	color: #333;
	font-size: 78%;
	font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	text-align: center;
}
.bb {
   display: none;
   position: absolute;
   left:-400px;
}
.border {
   border: 3px double #900;
}
/*---:[ headlines ]:---*/
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: Georgia, serif; 
	color: #900; 
}
h1, h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}
img {
	border: 0px;
}
a:link {
	color: #f60;
	text-decoration: none;
}
a:visited, a:active, a:hover{
	color: #900;
	text-decoration: none;
}
input.button {
	border: 1px solid #f60;
	background: #653741;
	color: #fff;
	font-weight: bold;
}

/*---:[ core layout elements ]:---*/
#container { 
        position: relative;
        margin: 0px auto 0px auto;
	width: 990px;
	background: #fff url(images/base.jpg) top right no-repeat;
	border: 2px solid #ccc;
	text-align: left;
}
#banner_top {
    position: absolute;
    top: 5px;
    right: 20px;
}			
#content_box { width: 990px; text-align: left; float: left; clear: both; }
#content {
	/*margin: 0px 210px 12px 200px;
	border-left: 1px solid #ccc;*/
	 float: left;
	padding: 10px; 
	width: 540px;
	min-height: 268px;
	overflow: visible;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 470px;
} 
html>body #content {
	width: 540px;
}
#content_max {
	float: left;
	padding: 10px; 
	width: 680px;
} 

#shop_sidebar { width: 220px; padding: 0px; float: right; border-left: 1px solid #ccc; margin-top: 80px;}
#r_sidebar { width: 220px; padding: 0px; float: left; border-left: 1px solid #ccc; margin-top: 80px;}
#l_sidebar { width: 200px; padding: 0px; float: left; border-right: 1px solid #ccc;}		

/*---:[ header styles ]:---*/
#masthead h1 { display: none; }
#header { 
        margin-top: 4px;
        height: 106px;
	background: #fff url(images/header.jpg) center no-repeat;
	color: #fff;
}
#header p {
	margin: 0;
	padding: 16px 0 0 12px;
	font-size: 1.2em;
}
	
#postit {
    position: absolute;
    top: -500px;
    left: 660px; /* left: 280px; */
    width: 320px;
    padding: 10px;
    background: #fff;
    border:1px solid #036;
    font: 8pt verdana,Arial,Helvetiva,sans serif;
}
#banner {
    position: absolute;
    top: 1px;
    right: 5px;
    /* display: none; */
}

ul#nav { 
        list-style: none;
        margin: 20px 0px 0px 8px;
        float: left; clear: both;
	font-weight: bold; 
}
	ul#nav li { 
	        float: left;
	        margin-right: 8px;
	}
	ul#nav li a {
	        padding: 2px 8px 2px 8px;
	        border: 1px solid #f60;
	        border-bottom: 0px;
	        display: block; /* width: 116px; */
	        text-align: center;
	}
	ul#nav li a, ul#nav li a:visited {
	        color: #000; text-decoration: none;
	        background: #fff;
	}
	ul#nav li a:hover {
	        color: #fff; text-decoration: none;
	        border: 1px solid #fff;
	        border-bottom: 0px;
	        background: #f93;
	}
	ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover {
	        color: #f93; text-decoration: none;
	        border: 1px solid #f93;
	        border-bottom: 0px;
	        background: #fff;
	}



/*---:[ sidebar styles ]:---*/
	 ul.sidebar form{
		margin: 12px;
	}

	/* Sidebar styles */
	 ul.sidebar {
	        font-size: 0.9em;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	 ul.sidebar ul {
		list-style-type: none;
	}
	 ul.sidebar li {
		margin: 0;
		padding: 0 0 1.5em 0;
		overflow: visible;
	}
	ul.sidebar h2 {
		margin: 0;
		padding: 1.2em 40px 0 10px;
		font-size: 1.1em;
		color: #900;
	}
	ul.sidebar h2 a {
		color: #f60;
		text-decoration: none;
	}
	ul.sidebar h2 a:hover {
		color: #900;
	}
	/* Fix our list and paragraph styles */
	ul.sidebar p,  ul.sidebar ul,  ul.sidebar ol {
		margin: 1em 0 0 0;
		padding: 0 40px 0 20px;
	}
	 ul.sidebar ol {
		margin: 1em 0 0 20px;
	}
	 ul.sidebar ol li {
		padding: 0;
		background: url(images/bullet.gif) no-repeat 2000px 0;
		/* IE goes buggy with background: none; */
	}
	 ul.sidebar ul {
		background: none;
	}
	 ul.sidebar ul ul {
		margin: 0;
		padding: 0 0 0 0.8em;
		background: none;
	}
	 ul.sidebar ul li {
		padding: 0 0 0 1.5em;
		background: url(images/bullet.gif) no-repeat 0 0.2em;
	}

				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				


/*---:[ footer styles ]:---*/

#footer {
	clear: both;
	margin: 0 10px;
	padding: 10px 4px 0 4px;
	border-top: 3px solid #653741;
	text-align: center;
}

	/* Footer styles */
	#footer p {
		margin: 0;
		padding: 0.5em 20px;
		font-size: 0.9em;
	}
	#footer a:hover, #footer a:active {
		color: #c00;
		text-decoration: none;
	}


/*---:[ comment styles ]:---*/

/* Comments */

#commentlist {
	margin: 1.2em 0;
	padding: 0;
	list-style-type: none;
}
#commentlist li {
	margin: 1em 0;
	padding: 0 20px;
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	/*background: url(images/comment.gif) repeat-y;*/
}
.commentalt {
	/*background: url(images/commentalt.gif) repeat-y !important;*/
}
.commentauthor {
	margin: 1em 0 0 0;
}
.commentauthor a {
	font-weight: bold;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
}
.comment {
	margin: 0px;
	width: 98%;
}
.comment p {
	margin: 0px;
	pading: 0px;
}
			


/*---:[ search form styles ]:---*/

#search_form { }
	#search_form .search_input { /*width: 201px;*/ padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	li.widget .search_input { font-size: 1em !important; }
	#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }


.pagetitle {
	margin: 1.2em 0 0 0;
}
.post {
	padding: 1.2em 0 0 0;
}
.post img {
	margin: 0 1em 0 0;
}
.storydate {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
	border-right: 1px solid #CCC;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #999;
}
.storytitle {
	float: left;
	margin: 0;
}
.meta {
	margin: 0;
	padding: 0.5em 0 0 3em;
} 
.feedback {
	padding: 0 0 0 3em;
}
.meta, .feedback {
	clear: both;
	font-size: 0.9em;
	color: #999;
	background: url(images/deco.gif) left center no-repeat;	
}
.permalink {
	margin: 0 1.5em 0 0;
	padding: 0 0 0 1.2em;
	background: url(images/perma.gif) no-repeat center left;
}
.print {
	margin: 0 1.5em 0 0;
	padding: 0 0 0 1.2em;
	background: url(images/print.gif) no-repeat center left;
}
.fbook {
	margin: 0 1.5em 0 0;
	padding: 0 0 0 2em;
	background: url(images/facebook.gif) no-repeat center left;
}
.commentslink {
	padding: 0 0 0 1.5em;
	background: url(images/comments.gif) no-repeat center left;
}
.storytitle a, .meta a, .feedback a, .commentauthor a, .commentmeta a, #comments a {
	text-decoration: none;
}
img.alignleft {
        float: left;
}
img.alignright {
        float: right;
}