/*    This stylesheet was designed for onlinerator.com to work with the Talian 1.0 theme (details below).
      It no longer visually resembles that theme, however, although it still uses most of its markup as a base.
Original source:
Theme Name: Talian 1.0
Theme URI: http://www.va4business.com/
Download URL: http://www.va4business.com/business
Description: Talian is 3 column theme with a perfect combination of Green and black color. This theme is widget ready, SEO friendly and created with valid markups. Another premium theme created by <a href="http://www.va4business.com" target="_blank">VA4Business</a>, after widely appreciated Redie series themes.
Author: Steve Arun
Author URI: http://www.va4business.com/

*/


/* Defaults */

* { padding: 0; margin: 0; border:0}
body {
	font: 0.7em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
    background: #A9BAC3 url(/images/bg.gif) repeat-x;
	color: #000; 
}
/* links */
a:link, a:visited { 
	color: #339;
	text-decoration: none;
}
a:hover, a:active {
	color: #9b6;
	text-decoration: underline;
}
/* headers */
h1, h2, h3, h4 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #608020;
}
h1 { font-size: 1.5em; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; text-transform:uppercase;}



/*  SEARCH KEYS
%%layout
%%sidebars
%%calendar
%%post
%comments
%%header
%%search
%%topnav
%%footer
%%misc

The toplevel components of several elements are in layout


    LAYOUT GUIDE

These must have the same width+paddings

OUTER   #wrap_talia
        #header_talia
        #content_talia

Subdivisions must sum to their parents' {width}

HEADER  .header_site_desc
        .header_nav_box

CONTENT .left_content_talia
        .right_content_talia

Content visual components.

LEFT sidebar width ~ .left_content_talia width

RIGHT sidebar width ~ #right-sidebars width

CENTRAL area width is the remainder,
= .right_content_talia{width} - #right-sidebars width

POST content ~ #left-post, in which
Centre column width ~ #left-post{width}
Inter-column spacing ~ #left-post{padding}
Also,
Extra-column margins ~ #content_talia{padding}

Padding within columns is superfluous with a mono background, but here's how.

CENTRAL
both #post-entry and .post-meta can have padding without affecting width.
#post-entry contains everything,
.post-meta affects the primary post, but should not be used for vertical spacing.

LEFT SIDEBAR in #left-sidebars{padding}
RIGHT SIDEBAR in #right-sidebars{padding}
These require that the {width} be adjusted.

Padding and margins can be safely applied to any lower level components.

SIDEBAR BOX consists of two parts
Heading = .sidebar-box h3
Block = .sidebar-box ul


        VERTICAL SPACE

Column alignment using
#left-sidebars{margin-top}
#right-sidebars{margin-top}
#left-post{margin-top}

Padding/margins should be applied to the specific lower-level class that needs it.


        TESTING

The main components have 'debug' colouring commented out.
Uncomment these to see how everything lines up.

*/



/* %%layout */

/* Full width */

#wrap_talia {
	width: 850px;
	margin: 0 auto;
}
#container_talia {}
#header_talia {
	width: 850px;
	height: 80px;
}
#content_talia {
	width: 830px;
	padding-right: 10px;
	padding-left: 10px;
    margin-top:4px;
    padding-top:60px;
    background: #fff url(/images/headerphoto.jpg)  repeat-x;
}
#content_talia:after {
	content: "-";
	height:0;
    visibility:hidden;
	display:block;
	clear:both;
}

/* Sidebars */

.left-content-talia {
	float: left;
	width: 190px;
}
#left-sidebars {
	float: left;
	width: 190px;
    padding-left:0;
    padding-right:0;
	padding-bottom: 25px;
    margin-top: 20px;   /*left column vertical offset*/
    /*background:#f00;/*debug*/
}
#left-sidebars .sidebar-box {
    /*background:#0ff;/*debug*/
}


.right-content-talia {
	float: right;
	width: 640px;
}
#right-sidebars {
	float: right;
	width: 130px;
    padding-left:0;
    padding-right:0;
    margin-top: 20px;   /*right column vertical offset*/
	padding-bottom: 25px;
    /*background:#f00;/*debug*/
}
#right-sidebars .sidebar-box {
    /*background:#0ff;/*debug*/
}



/* Centre */


#left-post {
    width: 480px;
	padding: 0 15px;    /*inter-column spacing*/
    margin-top: 20px;   /*centre column vertical offset*/
	float: left;
    /*background:#ff0;/*debug*/
}
#post-entry {
	padding: 0px 0px;
	float: left;
    /*background:#00f;/*debug*/
}
.post-meta {
	padding: 0px 0px;
    /*background:#0f0;/*debug*/
}



/* %%sidebars */

.sidebar-box h3, #wp-calendar caption {
	height: 31px;
	line-height: 28px;
}

.sidebar-box ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 10px;    
}
.sidebar-box ul ul {
	padding: 0px;
}
.sidebar-box li {
    width:100%;
}
.sidebar-box ul li a {
	margin: 0px;
	display: block;
	padding: 3px 0 3px 18px;
	font-size: 13px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
.sidebar-box ul ul li a{
	padding: 0 0 0 18px;
}

/* %%calendar */

#wp-calendar {
	background-color: #ccd;
	width: 130px;
	list-style-type: none;
	font-size: 10px;
	margin: 0px;
	float: left;
}

#wp-calendar th {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#wp-calendar td {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wp-calendar tf {
	margin: 0px;
	padding: 0px;
}
#wp-calendar caption {
    text-align:left;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #608020;
    font-size: 1.3em;
}

#wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	color: #339;
	font-weight: bold;
}

#wp-calendar a:hover, #wp-calendar a:active {
	text-decoration: none;
	color: #9b6;
	font-weight: bold;
}




#wp-calendar #next a {
	text-align: left;
	color: #000000;
	text-decoration: none;
	float: right;
	padding-top: 10px;
}


#wp-calendar #prev a {
	text-align: center;
	color: #990;
	text-decoration: none;
	float: left;
	padding-top: 10px;
}



/*  %%post */

.post-fixed {
	height: 25px;
}
#post-entry h1 {

	font-size: 2.2em;
	color: #000000;
	margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
        border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
}

#post-entry h1 a:link, #post-entry h1 a:visited {color: #608020}
#post-entry h1 a:hover, #post-entry h1 a:active {color: #9b6}

#post-entry h2 {
    width: 100%;
	font-size: 1.7em;
    text-transform:none;
	color: #990;
	margin: 0px;
	float: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0px;
}

#post-entry h3 {
    width: 100%;
	font-size: 1.6em;
	margin: 0px;
	float: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 0px;
}

#post-entry h4 {
    width: 100%;
	font-size: 1.4em;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EEEEEE;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}


.posted-aut-cat {
    float:right;/* Fx ignores width */
    clear:both;
    padding-right:10%;
    width:80%;/*and IE needs floats held open*/
    text-align:right;
}


.post-content {
    clear:both;/*.posted-aut-cat*/
    width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 22px;
	color: #333333;
}

.post-commented {
       width: 100%;
}

.post-box {
	float: right;
	height: 35px;
	width: 100px;
	margin: 0px;
	line-height: 30px;
	color: #FFFFFF;
	background-image: url(images/commented_v.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}


.post-content code {
width: 100%;
	display: block;
	padding: 5px;
	clear: both;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow";
	font-size: 13px;
	color: #000000;
	background-color: #F4F4F4;
	border: 1px dotted #F7F7F7;
}

.post-content img {
	padding: 2px;
	background-color: #f7f7f7;
}

.post-content blockquote {
	background-image: url(images/bquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 15px;
	padding-left: 38px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	text-align: left;
	font-weight: normal;
}

.post-content a:link, .post-content a:visited {
	font-weight: bold;
}

.post-content a:hover, .post-content a:active {
	font-weight: bold;
}

.post-navs {
width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #000000;
}


/* %%comments */

#comment-temps {
    width: 100%;
}

#comment-temps a:link, #comment-temps a:visited {
	color: #990;
}
#comment-temps a:hover, #comment-temps a:active {
	color: #9b6;
}

.rssfeed {
	margin: 0px;
	width: 100%;
	background-image: url(images/feed.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	color: #000000;
}




.com-box {
	margin: 0px;
	float: left;
	width: 460px;
	border: 1px solid #F2E8C6;
	background-color: #EEEEDD;
	color: #333333;
	font-family: "Arial Narrow", Tahoma, "Trebuchet MS";
	letter-spacing: 1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.author_com {
	float: left;
	width: 445px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

.author_date {
	float: left;
	width: 460px;
	font-size: 12px;
	color: #333333;
}

.author_com_text {
	float: left;
	width: 460px;
	padding-top: 8px;
	font-size: 11px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.com-fixed {
	float: left;
	height: 20px;
	width: 470px;
}

.com-box_alt {
	margin: 0px;
	float: left;
	width: 460px;
	border: 1px solid #EEF4E3;
	background-color: #FFFFFF;
	color: #333333;
	font-family: "Arial Narrow", Tahoma, "Trebuchet MS";
	letter-spacing: 1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.author_com_text blockquote {
	clear: both;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-left: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.author_com_text code {
	clear: both;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans", Tahoma;
	color: #000000;
	padding: 3px;
	border: 1px dotted #EFEFEF;
	display: block;
}

#comment-temps form {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 470px;
}

#comment-box {
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px;
}

#comment-box p {
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 13px;
	color: #333333;
}

#comment-box input {
	margin: 0px;
	padding: 1px;
	width: 260px;
	height: 20px;
	border: 1px solid #CCCCCC;
}

#comment-box input:hover {
	margin: 0px;
	padding: 1px;
	width: 260px;
	height: 20px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#comment-area {
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px;
}

#comment-area p {
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 13px;
	color: #333333;
}


#comment-area textarea {
	padding: 3px;
	width: 400px;
	height: 180px;
	border: 1px solid #CCCCCC;
	margin: 0px;
}

#comment-area textarea:hover {
	padding: 3px;
	width: 400px;
	height: 180px;
	border: 1px solid #999999;
	margin: 0px;
}


/* %%header */


.header_site_desc {
	float: left;
	height: 80px;
	width: 350px;
}
.header_site_desc h1 {
	margin: 0px;
	float: left;
    color:#608020;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
}

.header_site_desc h1 a:link, .header_site_desc h1 a:visited {color: #608020}
.header_site_desc h1 a:hover, .header_site_desc h1 a:active {color: #9b6}

.header_site_desc p {
        font: bolder 1.3em 'Trebuchet MS', Arial, Sans-serif;
	color: #666666;
	padding-left: 106px;
    position:relative;
    top:-.4em;
	float: left;
}


.header_nav_box {
	float: right;
	width: 500px;
	height: 70px;
	padding-top: 10px;
}

/* %%search */

#searchform {
	height: 26px;
	width: 100%;
}
#searchform form {
	width: 100%;
    height:24px;
}


#searchform form p {
    display:inline;
    height:24px;
    float:right;
}

#searchform #submit {
    height:24px;
    }

.src_field {
	width: 200px;
	height: 14px;
	padding: 2px 8px 6px 8px;
	border: 1px solid #abb;
    background:#fff;
    font-size: 14px;
    color:#004;
    margin:0;
}

.src_field:hover, .src_field:focus {
	border: 1px solid #608020;
    background:#ccd;
}


/* %%topnav */

.navigators {
	float: right;
    height:24px;
	width: 100%;
    margin-top:20px;
}

.navigators ul {
    
    height:24px;
	float: right;
	display: inline;
    
	list-style-type: none;
    padding:0;
    margin:0;
    border:0;
}


.navigators ul li {
float:left;
	display: block;
	display: inline;
	margin-left: 1px;
    
	padding-bottom:6px;
	padding-left:4px;
    height:18px;
    background: url(http://onlinerator.com/images/tableft.gif) no-repeat;
    overflow:hidden;
}


.navigators ul li a:link, .navigators ul li a:visited {
float:left;
	display: block;
    
	text-decoration: none;
	text-align: center;
        background: url(http://onlinerator.com/images/tabright.gif) no-repeat right top;
	
    height:18px;
	color:#fff;
        font: bolder 12px Verdana, Tahoma, Helvetica, sans-serif;
	
	padding-top: 6px;
    padding-left:8px;
    padding-right:12px;
    font-size: 12px;
}


.navigators ul li a:hover, .navigators ul li a:active {
    color:#fff;
	text-decoration: none;
	background-position:100% -42px;
}
.navigators ul li:hover {
	background-position:0% -42px;
}



.navigators a:link, .navigators a:visited, .navigators a:hover, .navigators a:active {
    font: bolder 12px Verdana, Tahoma, Helvetica, sans-serif;
    color:#fff ;
	text-decoration: none;
}
.navigators a {
	display: block;
	text-align: center;
    padding-right:4px;
    padding-top:4px;
    padding-bottom:4px;
}

.navigators li:link, .navigators li:visited {
    float:left;
    background: url(/images/tableft.gif) no-repeat;
}
.navigators li:hover, .navigators li:active {
	background-position:0% -42px;
}


.navigators a:link, .navigators a:visited {
    background: url(/images/tabright.gif) no-repeat right top;
}
.navigators a:hover, .navigators a:active {
	background-position:100% -42px;
}



/* %%footer */

#footer_talia {
    background:#230;
	float: left;
	height: 100px;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	color: #fff;
	font-size: 11px;
}

#footer_talia a:link, #footer_talia a:visited {
	color: #999;
	text-decoration: none;
}

#footer_talia a:hover, #footer_talia a:active {
	color: #FFe;
	text-decoration: underline;
}



/* %%misc */


.clear-sidebar {
	float: left;
	height: 10px;
	width: 198px;
}



em {
	padding: 0px;
	font-size: 11px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	clear: both;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


.download {
	clear: both;
	padding: 3px;
	color: #000000;
	margin-right: 50px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.notice {
	clear: both;
	padding: 3px;
	color: #CC0033;
	margin-right: 50px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.warning {
	clear: both;
	padding: 3px;
	color: #FF9900;
	margin-right: 50px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

img.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 0px;
}

img.alignright {
	float: right;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 8px;
}

img.aligncenter {
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	clear: both;
}

.alignleft {
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/* not used */ 

#put-image-here {
	float: left;
	height: 60px;
	width: 850px;
	background-image: url(images/headerphoto.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
}