/* ------------------------------------- */
/* --------------- GLOBAL -------------- */
/* ------------------------------------- */
.yui-pe-content {
    display: none;
}

.jsval {
    display: none;
}

.inputclass {
  width:15em;
  padding-bottom:2em;
}


body {
	margin: 0 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #edeae4;
}

p {
	font-size: 14px;
	line-height: 20px;
}

a {
	color: #848381;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


ul, ol {
    font-size: 14px;
}

ul a, ol a {text-decoration: none}

ul a:hover, ol a:hover {
    color: #4c473e
}

#header {
    width:100%; height: 108px;
    background: url(header.png) top repeat;
}

#headercontent {
    width: 960px;
    margin: 0 auto;
}

input.hint {
   color: #ccc;
}

#page {
    width: 960px;
    margin: 0 auto;
    margin-top: 30px;
    /* padding: 30px 40px 10px 40px; */
}

#sidebar {
	width: 315px;
	padding: 0 0 0 0;
	float: right;
}

#main {
    width: 573px;
    padding: 0 20px;
    float: left;
    background: white;
}

#search {
    height: 70px;
    margin: 20px 0;
    background: #e9e6d5;
}

#adv {
    margin: 25px 0;
    float: left;
}

#replacement-1 {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(magglass.png) no-repeat top left;
    text-indent: -1000em;
    vertical-align: middle;
    cursor: pointer; /* hand-shaped cursor */
}

#search_box {
    width: 284px; height: 32px;
    margin: 20px 20px;
    float: left;
    background: transparent url(searchbox.png) no-repeat top left;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 9px 0 0 6px;
    border: 0;
    width: 254px;
}
#search_box #go {
    float: right;
    margin: 7px 4px 0 0;
}


#footer {
	clear: left;
	text-align: center;
}

.clear {clear: both}

.favicon {
    float: left;
    width: 50px;
}
.content {
    float: right;
}
/* ------------------------------------- */
/* ------------- HEADLINES ------------- */
/* ------------------------------------- */

h1 {
    display: block; 
    width: 468px; height: 64px;
    background: url(banner.png) no-repeat;
    margin: 20px 9px; padding: 0;
    text-indent: -9999px;
    float: left;
}
h1 a {
    display: block; 
    width: 468px; height: 64px;
    overflow: hidden;
}
	
h2 {
    color: #cc0033;
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#itemsheader h2 {
    font-size:25px;
    margin: 25px 0;
    font-weight:normal;
    overflow:hidden;
}

h2 a {
    font-size: 9px;
    float:right; 
    padding:5px 0 0 25px;
    background: url(rss.png) left no-repeat;
    color: #666; 
    text-decoration: none;
    line-height: 20px;
}

h2 a.logout {
    background: url(logout.png) left no-repeat;
}

h2 a:hover {
	color: #333
}

h3 a {
    color: #444444;
    text-decoration:none;
}

h3 {
    font-size: 20px;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #444444;
/*    float: left;*/
}

.item {
    border-bottom: 1px solid #e9e6d5;
    padding: 15px 0;
    overflow:auto;
    width: 570px;
}

.item .itemheader {
    overflow:auto;
}

.date {
    float: right;
    line-height:20px;
    margin-top:4px;
}


.item .itembody {
    margin-top:15px;
    overflow:auto;
}

.item .itembody .feedicon {
    float:left;
}

.item .itembody .itembodytext {
    float:left;
    padding-left:10px;
    width:500px;
    margin-top:0;
}

#main .itembody {
    overflow:auto;
}

.itembody .itembodytextfull {
    float:left;
    font-size:14px;
    line-height:20px;
    overflow:auto;
    width:510px;
    padding-bottom:25px;
}

.itembody .detail {
    float:left;
    overflow:auto;
    margin-right:5px;
}

.item .itembody .itembodytext a{
    color: #cc0033;
    text-decoration:none;
}

.item .itembody .itembodytext a:hover{
    text-decoration:underline;
}


/* ------------------------------------- */
/* ------------- NAVIGATION ------------ */
/* ------------------------------------- */

#navcontainer {
    margin: 0 0 0 0; 
    padding: 14px 0;
    width: 315px;
    float: right;
    background: #e9e6d5;
    overflow:auto;
}

#navlistcontainer {
   width:100%;
   float:left;
   overflow:hidden;
   clear:both;
}

ul#nav {
    float: left;
    left:50%;
    list-style-type: none;
    font-size: 12px;
    margin:0 auto;
    position:relative;
    padding:0;
}

ul#nav li {
    float: left;
    position:relative;
    right:50%;
    border-right: 1px solid #59708C;
}

ul#nav li.last {
    border: none
}

ul#nav li a {
    padding: 0 10px;
    color: #848381;
}

ul#nav li a:hover {text-decoration: underline}

ul.itemfoot {
    margin: 0 0 0 0; 
    padding: 14px 0;
    list-style-type: none;
    font-size: 14px;
    color: #666666;
}
ul.itemfoot li {
    float: left;
    display: block;
    border-right: 1px solid #59708C;
    padding: 0 5px;
}
ul.itemfoot li.last {border: none}
ul.itemfoot li a {
    display: block;
    color: #848381;
}
ul.itemfoot li a:hover {text-decoration: underline}
	
/* ------------------------------------- */
/* -------------- FORMS ---------------- */
/* ------------------------------------- */

#formcontainer,
.formcontainer {
    background-color:#E9E6D5;
    padding:10px;
    margin-bottom:20px;
    overflow: auto;
}

#formcontainer form,
.formcontainer form {
    overflow:auto;
}

#formcontainer .column {
    float:left;
    width:265px;
}

#formcontainer .column .choice {
    height:15px;
    line-height:15px;
    margin:0 4px;
    padding:0;
    clear:right;
    width:55px;
}

#formcontainer #feedtypecontainer {
    width:240px;
}

#formcontainer #andorcontainer {
    width:220px;
}

#formcontainer .column .element {
/*    height:15px;*/
    clear:right;
    margin:0;
}

#formcontainer .errorcontainer {
    float:left;
    color:red;
    margin:5px 0;
}

#formcontainer input, 
.formcontainer input, 
#formcontainer select, 
.formcontainer select, 
#formcontainer button,
.formcontainer button,
#formcontainer .radio,
.formcontainer .radio,
#formcontainer label,
.formcontainer label,
#formcontainer #captchaImage,
#formcontainer #captchaImage2,
#formcontainer #captchaImage3,
#formcontainer p,
.formcontainer p {
    float:left;
    clear: both;
    position:relative;
}

#formcontainer label,
.formcontainer label {
    margin:10px 0;
}

#formcontainer button,
.formcontainer button {
    margin-top:10px;
}

#formcontainer p,
.formcontainer p {
    margin: 0;
}

/*only for submit, as other input styles get overwritten below*/
#tab_blog input,
#tab2 input,
#tab3 input {
    margin-top:20px;
}

#formcontainer #forgotten_password {
    margin-top:10px;
}

#formcontainer #label_auto_login {
    clear:none;
}

#formcontainer #auto_login {
    margin:10px 10px 10px 0;
    clear:left;;
}

#formcontainer .search_box_add_feed,
.formcontainer .search_box_add_feed,
#formcontainer .search_box_advanced,
.formcontainer .search_box_advanced,
#formcontainer .inputclass,
.formcontainer .inputclass  {
    clear:both;
    width: 284px; 
    height: 32px;
    margin: 0;
    float: left;
    background: transparent url(searchbox.png) no-repeat top left;
    padding-bottom:0;    
}

.contactus_textareabox {
	
	height: 150px;
	width: 500px;
	background: transparent url(textarea.png) no-repeat top left;
	padding-bottom:0;
	margin: 0 0 10px 0;
	clear:both;
}
.contactus_textareafield {
	border: none;
	height: 140px;
	width: 490px;
	background: transparent url(textarea.png) no-repeat top left;
	padding: 5px 5px 5px 5px;
	clear:both;
}
#formcontainer .radiolabel {
	float: left;
	clear:none;
}

#formcontainer .search_box_advanced,
#formcontainer .column .inputclass,
.formcontainer .search_box_advanced,
.formcontainer .column .inputclass {
    background: transparent url(searchbox_large.png) no-repeat top left;
    width: 240px;
}

#formcontainer .search_box_advanced .text,
#formcontainer .search_box_add_feed input,
#formcontainer .inputclass input,
#formcontainer .datecontainer .day input,
#formcontainer .datecontainer .year input,
#formcontainer .datecontainer .month input,
.formcontainer .search_box_advanced .text,
.formcontainer .search_box_add_feed input,
.formcontainer .inputclass input,
.formcontainer .datecontainer .day input,
.formcontainer .datecontainer .year input,
.formcontainer .datecontainer .month input {
    border:0;
    margin:6px;
    width:270px;
}
#formcontainer .column .inputclass input,
#formcontainer .search_box_advanced .text {
   width:226px;
}
#formcontainer .datecontainer .day input ,
#formcontainer .datecontainer .month input {
    width:20px;
}

#formcontainer .datecontainer .year input {
    width:40px;
}

#formcontainer .datecontainer {
    float:left;
    clear:both;
    height:50px;
}
#formcontainer .datecontainer .dateconnector {
    height:32px;
    line-height:32px;
}

#formcontainer .datecontainer .day,
#formcontainer .datecontainer .month {
    background: transparent url(searchbox_small.png) no-repeat top left; 
    width:36px;
    height:32px;
}

#formcontainer .datecontainer .year {
    background: transparent url(searchbox_medium.png) no-repeat top left; 
    width:72px;
    height:32px;
}

#formcontainer .datecontainer .day label,
#formcontainer .datecontainer .month label,
#formcontainer .datecontainer .year label {
    float:left;
    width:100%;
    text-align: center;
    margin:0;
}

#ocptags, 
#provtags,
#partytags,
#citytags {
    float:left;
    background-color: #EEE;
    margin: 0 10px;
    padding: 0px;
    width:220px;
}

#provtags li,
#partytags li,
#citytags li,
#ocptags li {
    float:left;
    padding: 2px;
}

#tableform,
#updateprofile {
    clear:both;
    margin: 20px 0;
    float:left;
}

#tableform input {
    float:left;
    clear:none;
    margin-right: 5px;
}

#updateprofile #submitprofile {
    margin:10px 0;
}

/* ------------------------------------- */
/* --------------- EXTRAS -------------- */
/* ------------------------------------- */

p.about {
	font-size: 10px;
	line-height: 15px;
}

div.post {
	padding-bottom: 20px;
}

#footer p {
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
}

#iteminfo ul {
    list-style-type: none;
    overflow:auto;
    padding: 0;
}

#iteminfo ul li {
	float:left;
	margin-right:20px;
}
#iteminfo ul li.rss {
	background: url(rss.png) left no-repeat;
	padding-left:20px;
}

#optionslist {
    list-style-type: none;
    overflow:auto;
    margin:5px 0;
}
#optionslist li {
    float:left;
    padding: 0 5px;
    border-right:1px solid #848381;
}
#optionslist li.last {
    border-right:none;
}

#footer p.credit {
    float: left;
}

#footer p.credit a {
    color: #333;
}

#footer p.copyright {
    text-align: right;
}

#sponsors {
    background: white;
    text-align: center;
    color: #666666;
    overflow:auto;
    height:90px;
}

#sponsors p {
    font-style:italic; 
    margin:10px 0 0 0;
}

#sponsor1 {
    float: left;
    border: 0;
    margin: 5px 0 0 20px;
}

#sponsor2 {
    float: right;
    border: 0;
    margin: 5px 25px 0 0;
}


#userfeeds h2, #links h2 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

#links h2 {
    margin-top:18px;
}

#userfeeds, #links {
    margin: 0 0 0 0;
    padding: 13px 23px 23px 23px;
    background: white;
}
#userfeeds {
    margin-top:12px;
}

#userfeeds ul, #links ul {
    list-style-type: none;
    margin: 0 0 0 0; 
    padding: 0 0;
}

#userfeeds ul li, #links ul li{
    background: #f0eee3;
    padding: 10px 10px 10px 10px;
    overflow:hidden;
    margin-bottom: 2px;
}

#userfeeds ul li:hover, #links ul li:hover{
    background: #e9e6d5;
    text-decoration:underline;
    color: #4c473e;
    color: #848381;
}

#userfeeds ul li a, #links ul li a {
    display:block;
    float:left;
    width:230px;
    color: #4c473e;
}

#userfeeds ul li a.siderss {
    background: url(rss-s.png) no-repeat center left;
    width: 18px; height: 16px;
}

#links ul li a {
    width:250px;
}

#advertise {
    text-align: center;
    background-color: white;
    overflow:hidden;
}

#advertise p {
    font-style:italic;
    margin:0;
    padding:2px 0 4px 0;
    color: #666666;
}

#returncontainer {
    float:left;
    clear:both;
}

.check {
    text-align:center;
}

#usereditlink {
    clear:both;
    float:left;
}
/* ------------------------------------- */
/* --------------- TABLE --------------- */
/* ------------------------------------- */


.feedslist,
#feedslist {
    float:left;
    margin:0 0 20px 0;
    clear:both;
}

.feedslist .even,
#feedslist .even {
    background-color:#fff;
}

.feedslist .odd,
#feedslist .odd {
    background-color:#eee;
}


#tableform th {
    text-align:left;
    height:14px;
}

/* ------------------------------------- */
/* --------------- TABLE --------------- */
/* ------------------------------------- */


.feedslist2,
#feedslist2 {
    margin:0 0 20px 0;
    
}

.feedslist2 .even2,
#feedslist2 .even2 {
    background-color:#ffffff;
}

.feedslist2 .odd2,
#feedslist2 .odd2 {
    background-color:#eeeeee;
}