/* 1. structures: id, framework */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background: #e7e7e7 url('http://impanda.org/public/image/bg_page.png') bottom repeat-x;
}

#i_page {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 1000px;
    font-size: 1.2em;
}

#i_page_title {
    margin-bottom: 30px;
}

#i_page_leftcolumn {
    width: 670px;
    vertical-align: top;
}

#i_page_middlecolumn {
    width: 50px;
}

#i_page_rightcolumn {
    width: 280px;
    vertical-align: top;
}

#i_page_footer {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
}






/* 2. common: class, tags */

a {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padd:expression(this.cellPadding=0);
}

td {
}

img {
    border: none;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
	
.title {
    font-family: 'Palatino Linotype', 'Bell MT', 'Times New Roman';
    font-weight: bold;
}

.alert {
    color: red;
}

.dottedline {
    border-top: 1px dashed #cccccc;
    height: 1px;
    overflow:hidden;
    margin: 5px 0 5px 0;
}






/* 3. page elements */

/* 3.1. title */

.page_title {
    
}

.page_title_img {
    vertical-align: middle;
    margin-right: 20px;
}

.page_title_main {
    font-size: 33px;
}

.page_title_sub {
    font-size: 12px;
}


/* 3.2. left */

.page_leftcontent {
    padding: 20px 30px 20px 30px;
    word-break: break-all;
    background: white url('http://impanda.org/public/image/bg_leftcontent.png') top repeat-x;
    
    -moz-border-radius: 20px; /* FF1+ */
    -webkit-border-radius: 20px; /* Saf3+, Chrome */
    border-radius: 20px; /* Opera 10.5, IE 9 */
}

.rss {

}

.rss_header {
    margin-top: 3px;
    margin-bottom: 20px;
}

.rss_header_title {
    font-size: 16px;
    color: #333;
}

.rss_items {

}

.rss_item {
    margin-bottom: 25px;
}

.photo .rss_item {
    margin-bottom: 70px;
}

.rss_item_icon {
    vertical-align: top;
    width: 30px;
}

.rss_item_content {
    font-size: 13px;
}

.rss_item_content_title {
    font-size: 14px;
    font-weight: bold;
}

.rss_item_content_bottom {
    font-size: 12px;
    color: #737373;
}

.rss_item_content_bottom a {
    font-style: italic;
    color:#77c;
}

.rss_footer {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 13px;
}

.rss_footer_feedtitle {
    font-style: italic;
    color: #444;
}

.plaintxt {
    font-size: 13px;
}

.plaintxt_item {
    margin-bottom: 50px;
}

.plaintxt_item_h1 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.plaintxt_item_h2 {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
}

.plaintxt_item_h3 {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
}

.plaintxt_item_h4 {
    font-weight: bold;
}

.plaintxt_item_list {
    margin: 15px 0 15px 28px;
}

.plaintxt_item_list_li {
    margin-bottom: 8px;
}

.plaintxt_item_list_li td{
    font-size: 13px;
}

.plaintxt_item_list_li .va_top{
    vertical-align: top;
}

.plaintxt_item_list_icon {
    vertical-align: top;
    margin-right: 12px;
}

.plaintxt_item_titlepic {
    text-align: center;
    margin-bottom: 30px;
}

.plaintxt_item_doc {
    padding: 10px 20px 20px 20px;
    border: 1px solid #888;
    background: #ffffdd;
}
/*
.plaintxt_header {
    margin-top: 0;
    margin-bottom: 25px;
}

.plaintxt_header_title {
    font-size: 16px;
    color: #333;
}

.plaintxt_items {

}

.plaintxt_item {
    margin-bottom: 15px;
}

.photo .plaintxt_item {
    margin-bottom: 70px;
}

.plaintxt_item_icon {
    vertical-align: top;
    width: 30px;
}

.plaintxt_item_content {
    font-size: 13px;
}

.plaintxt_item_content_title {
    font-size: 14px;
    font-weight: bold;
}

.plaintxt_item_content_bottom {
    font-size: 12px;
    color: #737373;
}

.plaintxt_item_content_bottom a {
    font-style: italic;
    color:#77c;
}
*/


/* 3.3. right */

.page_rightcontent {
    padding: 10px 20px 20px 20px;

    -moz-border-radius: 20px; /* FF1+ */
    -webkit-border-radius: 20px; /* Saf3+, Chrome */
    border-radius: 20px; /* Opera 10.5, IE 9 */    
}

.intro {
}

.home .intro {
    background: #fffaf3 url('http://impanda.org/public/image/bg_intro_home.png') top repeat-x;
}

.twitter .intro {
    background: #ebf9ff url('http://impanda.org/public/image/bg_intro_twitter.png') top repeat-x;
}

.photo .intro {
    background: #fff4fb url('http://impanda.org/public/image/bg_intro_photo.png') top repeat-x;
}

.map .intro {
    background: #f1fff4 url('http://impanda.org/public/image/bg_intro_map.png') top repeat-x;
}

.share .intro {
    background: #f7f3ff url('http://impanda.org/public/image/bg_intro_share.png') top repeat-x;
}

.about .intro {
    background: #e7f0fc url('http://impanda.org/public/image/bg_intro_about.png') top repeat-x;
}

.intro_title {
    margin-bottom: 19px;
    font-size: 23px;
    color: white;
}

.intro_content {
    margin-bottom: 10px
}

.intro_content_title {
    margin: 0 0 8px 0;
    font-size: 15px;
    font-weight: bold;
}

.intro_content_title a {
    color: black;
}

.intro_content_smalltitle {
    margin: 0 0 7px 15px;
    font-size: 13px;
    color: #666;
    font-weight: bold;
}

.intro_content_text {
    margin: 0 0 7px 15px;
    font-size: 12px;
    color: #737373;
}

.intro_content_text img {
    margin-right: 10px;
}

.intro_content_text td {
    vertical-align: top;
}

/* 3.4. footer */

.footer_item {
    color: #06c;
    font-weight: bold;
}

.footer_item:hover {
	color: #147;
	text-decoration: underline;
}

.footer_ico {
    margin-right: 4px;
    vertical-align: -15%;
}

.footer_separator {
    margin: 0 10px 0 10px;
    color: #888;
}
