@charset "utf-8";
/*
Theme Name: BirdTIPS
Theme URI: http://www.sysbird.jp/wptips/
Description: A blogging theme with three-columns by responsive web design. Including the pagenation and topicpath. Make it yours with a custom menu, header image, and background -- then go further with available theme options for custom link colors, and title color, and navigation color.
Author: Sysbird
Author URI: http://www.sysbird.jp/toriko/
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: white, three-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: BirdTIPS

	BirdTIPS v1.00
	http://www.sysbird.jp/wptips/

	This theme was designed and built by Sysbird of the Web Engineer for blogging.
	If you set Featured Image at Edit Post then it will show thumbnail at Toppage.
	Fully WordPress 3.1 compliant.

	The CSS3, HTML5 and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	This thems is distributed under the same license as the WordPress package.
*/

/* =============================================================================
HTML5 element display
========================================================================== */

/*
* Add display for block-level HTML5 elements
* Addresses display not defined in IE6/7/8/9 & FF3
*/

.hentry,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
time,
section {
    display: block;
}

/*
* Add display for embedded HTML5 elements
* Addresses display not defined in IE6/7/8/9 & FF3
*/

audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* =============================================================================
Base
========================================================================== */

/*
* 1. Add font size
* Addresses text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Add vertical scrollbar
* Keeps page centred in all browsers regardless of content height
* 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
* www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. Remove iOS text size adjust without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/*
* Remove margin
* Addresses margins handled incorrectly in IE6/7
*/

body {
    margin: 0;
}

/*
* Define base font-family
* Addresses font-family inconsistency between <textarea> and other form elements.
*/

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
* 1. Remove border
* Improves readability when inside <a> element in all browsers
* 2. Allow high quality bicubic image resampling
* Improves readability when scaled in IE7
* Read before using : code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}


/* =============================================================================
Links
========================================================================== */

a {
	text-decoration: none;
	color: #0066aa;
	}

a:hover {
	text-decoration: underline;
	}

/*
* Define outline as thin dotted
* Addresses outline displayed oddly in Chrome
*/

a:focus {
    outline: thin dotted;
}

/*
* Remove outline
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
Typography
========================================================================== */

/*
* Add bottom border
* Fixes styling not present in IE7/8/9 S5 Chrome
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Add bold font weight
* Fixes style set to 'bolder' in FF3/4 S4/5 Chrome
*/

b,
strong {
    font-weight: bold;
}

address {
	margin: 0;
	padding: 0;
	}

blockquote {
    margin: 1em 40px;
}

/*
* Add italic font style
* Fixes styling not present in S5 Chrome
*/

dfn {
    font-style: italic;
}

/*
* Add yellow background and black text
* Fixes styling not present in IE6/7/8/9
*/

mark {
    background: #ff0;
    color: #000;
}

/*
* Redeclare monospace font family
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
* 1. Fixes font family set oddly in S5 Chrome
* 2. Fixes monospace font family set oddly in IE6
*/

pre,
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    _font-family: 'courier new', monospace; /* 2 */
    font-size: 1em;
}

/*
* Add line wrapping
* Improves readability of pre-formatted text in all browsers
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* Remove quotes
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
* Define font-size
*/

small {
    font-size: 75%;
}

/*
* Position subscript and superscript content without affecting line-height
* Fixes alignment within multi-line text displayed oddly in all browsers
* gist.github.com/413930
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
Lists
========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
}


/* =============================================================================
Figures
========================================================================== */

/*
* Remove margin
* Addresses margin not present in IE6/7/8/9, S5, O11
*/

figure {
    margin: 0;
}


/* =============================================================================
Forms
========================================================================== */

/*
* Remove margin
* Fixes styling in IE6/7
*/

form {
    margin: 0;
}

/*
* Define consistent margin and padding
*/

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
* Add negative left margin
* Fixes alignment displayed oddly in IE6/7
*/

legend {
    *margin-left: -7px;
}

/*
* 1. Define font-size as equal to ancestor's
* 2. Remove margin
* Fixes different margins set in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
* 1. Define line-height as normal
* Addresses FF3/4 setting it using !important in the UA stylesheet
* 2. Make overflow visible
* Fixes spacing displayed oddly in IE6/7
*/

button,
input {
    line-height: normal; /* 1 */
    *overflow: visible; /* 2 */
}

/*
* 1. Display hand cursor for clickable form elements
* Improves usability and consistency of cursor style between image-type <input> and others
* 2. Define appearance for clickable form elements
* Fixes inability to style clickable <input> types in iOS
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
* Define box sizing
* Addresses box sizing set to content-box in IE8/9
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

/*
* Define box sizing and appearance
* Addresses box sizing set to border-box in S5 Chrome (include -moz to future-proof)
* Addresses appearance set to searchfield in S5 Chrome
*/

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
* Remove WebKit search decoration
* Addresses inner padding displaying oddly in S5 Chrome on OSX
*/

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
* Remove inner padding and border
* Fixes appearance displayed oddly in FF3/4
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Remove default vertical scrollbar
* Fixes scrollbar displayed oddly in IE6/7/8/9
* 2. Add top vertical alignment
* Improves readability and aligment in all browsers
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
Tables
========================================================================== */

/*
* Remove most spacing between table cells
* Consistent vertical and horizontal alignment in all browsers
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

/* Structure
--------------------------------------------- */
body {
    margin:0;
    padding:0;
    border:0;
    width:100%;
	background-color:#ececec;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:90%;
	color: #666;
	}

#container {
	max-width: 1075px;
	margin: 0 auto;
	padding:0;
	background-color:#fff;
	z-index: 0;
	}

#header {
	max-width: 100%;
	margin: 0 auto;
    position: relative;
    height: 200px;
	}

#wrapper {
	margin:0 0 0;
	padding:25px 25px 25px 75px;
	overflow: hidden;
	border-bottom:1px solid #CCC;
	}

#main {
	width: 78.59%;
	float: left;
	
	}

#content {
	width: 72.669%;
	float: left;
	}

#leftcolumn {
	width: 24.275%;
	margin-left:2.054%;
	float: left;
	}

#rightcolumn {
	width: 19.775%;
	float: right;
	overflow: hidden;
	
}
#footer {
	clear: both;
	padding:25px 25px 25px 75px;
	overflow: hidden;
}

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

.alignleft {
	float: left;
	margin: 0 10px 5px 0;
	}

.alignright {
	float: right;
	margin: 0 0 5px 10px;
	}

p {
    margin: 0 0 1em 0;
    line-height: 1.6;
	}

/* Header
--------------------------------------------- */
#header img {
	width: 100%;
	height: 200px;
	}

#hgroup {
	position: absolute;
	left: 75px;
	top: 0;
	border-top: solid 5px #555;
}

#header h1,
#header #site-title {
	margin: 0;
	padding: 10px 0 0 0;
	color: #555;
	font-size: 180%;
	line-height: 1;
	}

#header h1 a,
#header #site-title a {
    color: #555;
    font-weight: bold;
	}

#header p#site-description {
	margin: 3px 0;
    font-size: 12px;
	}

/* Menu
-------------------------------------------------------------- */
#menu {
	position: absolute;
	left: 0;
	bottom: 5px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	padding-left: 75px;
	}

#menu ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
	}

#menu li {
	float: left;
	position: relative;
	}

#menu a {
	color: #ccc;
	display: block;
	line-height: 1.6em;
	padding: 0 1em;
	text-decoration: none;
	border-right: solid 1px #CCC;
	}

#menu ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 1.6em;
	left: 0;
	width: 188px;
	z-index: 99999;
	}

#menu ul ul ul {
	left: 100%;
	top: 0;
	}

#menu ul ul a {
	background: #f9f9f9;
	border-top: 1px dotted #CCC;
	color: #555;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.6em;
	padding: 0 10px;
	width: 168px;
	}

#menu li:hover > a,
#menu ul ul :hover > a,
#menu a:focus {
	background: #efefef;
	}

#menu li:hover > a,
#menu a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	color: #555;
	}

#menu ul li:hover > ul {
	display: block;
	}

#menu .current_page_item > a,
#menu .current_page_ancestor > a {
	font-weight: bold;
	}

/* Posts
--------------------------------------------- */
#content .hentry .entry-content a {
	text-decoration: none;
	border-bottom: dotted 1px #0066aa;
	}

#content .hentry .entry-content a:hover {
	text-decoration: none;
	border-bottom: solid 1px #0066aa;
	}

#content .hentry .entry-content {
	margin-bottom: 20px;
	}

#content .hentry .entry-content p {
	line-height: 1.6;
	margin: 0 0 1.6em;
	}

#content .hentry a.more-link {
	width: 100%;
	text-align: right;
	}

#content .hentry .entry-meta {
	clear: both;
	text-align: right;
	margin-top: 1em;
	line-height: 1.4;
	display: block;
	}

#content .hentry .entry-meta .author {
	background: url("images/author.png") no-repeat center left;
	padding-left: 20px;
	}

#content .hentry .entry-meta .comments {
	background: url("images/comment.png") no-repeat center left;
	padding-left: 20px;
	}

#content .hentry .entry-meta .tags {
	background: url("images/tag.png") no-repeat  center left;
	padding-left: 20px;
	}

#content .hentry .entry-meta .categories {
	background: url("images/folder_classic.png") no-repeat center left;
	padding-left: 20px;
		}

.home #content .hentry .entry-header h2,
.single #content .hentry .entry-header h1,
.page #content .hentry .entry-header h1 {
	color: #dd6633;
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	line-height: 1;
	border-bottom: dotted 2px #CCC;
	}

.home #content .hentry .entry-header h2 a,
.single #content .hentry .entry-header h1 a,
.page #content .hentry .entry-header h1 a {
	color: #dd6633;
	text-decoration:none;
	border: none;
	}

.home #content .hentry .entry-header h2 a:hover {
	text-decoration: underline;
	}

#content .hentry .entry-header .postdate {
	font-size: 14px;
	font-style: italic;
	position: absolute;
	left: -75px;
	top: 0;
	background: #dd6633;
	color: #FFF;
	padding: 2px 4px 15px 0;
	text-align: right;
	width: 56px;
	}

#content .hentry.sticky .entry-header .postdate {
	background: #0066aa;
	}

#content .hentry .entry-header .postdate span {
	display: block;
	}

.home #content .hentry.sticky .entry-header h2,
.home #content .hentry.sticky .entry-header h2 a {
	color: #0066aa;
	}

#content .hentry .entry-content blockquote {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 2px solid #DDD;
	}

#content .hentry .entry-content table caption {
	font-weight: bold;
	color: #333;
	font-style: italic;
	}

#content .hentry .entry-content table th {
	background: #EFEFEF;
	border-bottom: solid 1px #CCC;
	font-weight: bold;
	padding: 5px;
	}

#content .hentry .entry-content td {
	border-bottom: solid 1px #CCC;
	padding: 5px;
	}

#content .hentry .entry-content table td a {
	border-bottom: none;
	}

#content .hentry .entry-content pre {
	border: dashed 1px #CCC;
	padding: 10px;
	}

#content .hentry .entry-content ul {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	line-height: 1.6;
	}

#content .hentry .entry-content ol {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	list-style: decimal;
	line-height: 1.6;
	}

#content .hentry .entry-content ol ol {
	list-style:upper-alpha;
	}

#content .hentry .entry-content ol ol ol {
	list-style:lower-roman;
	}

#content .hentry .entry-content ol ol ol ol {
	list-style:lower-alpha;
	}

#content .hentry .entry-content dl {
	margin:0 0 1em 0;
	line-height: 1.6;
	}

#content .hentry .entry-content dt {
	font-weight: bold;
	}

#content .hentry .entry-content dd {
	margin-bottom: 1em;
	padding: 0;
	}

#content .hentry .entry-content del {
	color: #C00;
	}

#content .hentry .entry-content ins {
	background: #ffc;
	text-decoration: none;
	}

#content .hentry .entry-header {
	position: relative;
	margin: 0;
	display: block;
	}

.home #content .hentry img.attachment-thumbnail {
	float: right;
	margin: 0 0 5px 10px;
	border: 1px solid #ddd;
	padding: 1px;
	}

#content .hentry .page-link {
	}

#content .hentry .page-link a {
	color: #0066aa;
	padding: 2px 4px;
	border:solid 1px #0066aa;
	text-decoration:none;
	}

#content .hentry .page-link a:hover {
	text-decoration: underline;
	}

.single #content #nav-below {
	margin: 20px 0;
	position: relative;
	}

.single #content #nav-below .nav-previous {
	position: absolute;
	top: 0;
	right: 0;
	}

.single #content #nav-below .nav-next {
	position: absolute;
	top: 0;
	left: 0;
	}

.single #content #nav-below:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* pankuzu
-------------------------------------------------------------------- */
ul#pankuzu {
	clear: both;
	font-size: 12px;
	list-style-type:none;
	padding: 2px 0 2px 75px;
	margin: 0;
	border-bottom: solid 1px #CCC;
	background: #F4F4F0;
	}

ul#pankuzu li {
	display:inline;
	color: #999;
	}

ul#pankuzu li.home {
	padding-left: 20px;
	background: url(images/home_grey.png) no-repeat left center;
	}

ul#pankuzu a {
	padding-right: 10px;
	background: url(images/path.gif) no-repeat right center;
	text-align: left;
	text-decoration: none;
	color: #333;
	}

ul#pankuzu a:hover {
	text-decoration: underline;
	}

/* Pagenation
-------------------------------------------------------------------- */
#content .tablenav {
	margin: 40px 0 0 0;
	color: #0066aa;
	}

#content .tablenav a.page-numbers,
#content .tablenav .current {
	color: #0066aa;
	padding: 2px .4em;
	border:solid 1px #0066aa;
	text-decoration:none;
	font-size: 100%;
	}

#content .tablenav a.page-numbers {
	font-weight: bold;
	color: #0066aa;
	}

#content .tablenav a.page-numbers:hover {
	text-decoration: underline;
	}

#content .tablenav .current {
	color: #333;
	background: #F4F4F0;
	border-color: #0066aa;
;
	}

#content .tablenav a.next,
#content .tablenav a.prev {
	border: none;
	}

#content .tablenav a.next:hover,
#content .tablenav a.prev:hover {
	text-decoration: underline;
	}

/* Images
-------------------------------------------------------------- */
.content img,
.comment-content img,
.widget img {
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */	
	}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}

img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 5px;
	}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 1px;
	}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
	}

#content .hentry .gallery-thumb {
	float: right;
	display: block;
	margin: 0 0 10px 10px;
}

#content .hentry .gallery {
	margin: 0 auto;
	clear: both;
	}

#content .hentry .gallery .gallery-item {
	float: left;
	text-align: center;
	margin: 0 0 10px 0;
	width: 33%;
	}

#content .hentry .gallery .wp-caption .wp-caption-text,
#content .hentry .gallery .gallery-caption {
	font-size: 12px;
	line-height: 1.2;
	margin-left: 0;
	}

#content .hentry .gallery a,
#content .hentry .gallery a:hover {
	border: none ;
	}

/* Comments
-------------------------------------------------------------- */
#content #comments {
	margin-top: 20px;
	display: block;
	}

#content #comments h2 {
	font-size: 130%;
	font-weight: normal;
	margin: 2em 0 1em 0;
	}

#content #comments .navigation {
	position: relative;
	height: 1em;
	padding-bottom: 10px;
	margin-bottom: 1em;
	}

#content #comments .navigation .nav-previous a {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 1em;
	}

#content #comments .navigation .nav-next a {
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 1em;
	}

#content #comments ol,
#content #comments ul {
	list-style: none;
	margin: 0;
	}

#content #comments ol {
	margin-left: 0;
	padding-left: 0;
	}

#content #comments ol li {
	border-left: 2px solid #DDD;
	clear: both;
	margin-bottom: 1em;
	padding: 0 0 0 10px;
	}

#content #comments ol li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#content #comments li .posted {
	}

#content #comments li .posted .author {
	font-weight: bold;
	margin: 0 0 5px 5px;
	padding-right: 20px;
	background: url("images/comment.png") no-repeat center right;
	}

#content #comments .children li .posted .author {
	font-weight: bold;
	margin: 0 0 5px 5px;
	padding-right: 20px;
	background: url("images/comment_reply.png") no-repeat center right;
	}

#content #comments li.bypostauthor .posted .author {
	background: url("images/comment_author.png") no-repeat center right;
	}

#content #comments li .posted .time {
	font-size: 85%;
	margin: 0 0 5px 5px;
	}

#content #comments li .posted img {
	border: none;
	margin: 0 5px 5px 0;
	float: left;
	}

#content #comments li p {
	clear: both;
	margin: 0 0 1em 0px;
	line-height: 1.4;
	}

#content #comments li blockquote {
	margin-left: 0;
	border-left: none;
	}

#content #comments li .web {
	margin: 0 0 1em 0;
	}

#content #comments li .reply {
	text-align: right;
	}

#content #comments li em {
	font-size: 80%;
	color: #999;
	}


/* Forms
-------------------------------------------------------------- */
#content #comments #commentform {
	}

#content #comments #commentform label {
	padding: 3px 0 5px 0;
	}

#content #comments #commentform em {
	font-size: 85%;
	display: block;
	padding: 5px 0;
	}

#content #comments #commentform label input{
	width: 300px;
  	padding: 2px;
	background: #FFF;
	border: solid 1px #DDD;
	-webkit-box-shadow:0 30px 20px -30px #EEE inset;
	-moz-box-shadow:0 30px 20px -30px #EEE inset;
	box-shadow:0 30px 20px -30px #EEE inset;
	}

#content #comments #commentform textarea{
	width: 400px;
	max-width: 400px;
	height: 100px;
  	padding: 2px;
	background: #FFF;
	border: solid 1px #DDD;
	-webkit-box-shadow:0 30px 20px -30px #EEE inset;
	-moz-box-shadow:0 30px 20px -30px #EEE inset;
	box-shadow:0 30px 20px -30px #EEE inset;
	}

#content #comments #commentform input#submit{
	padding: 5px 10px;
	}

#content #comments #commentform .form-allowed-tags {
	font-size: 90%;
	padding: 0 10px;
	margin-top: 10px;
	border-left: solid 1px #CCC;
	}

#content #comments #commentform .form-allowed-tags code {
	display: block;
	}

/* Archive
-------------------------------------------------------------------- */
.archive h1 {
	font-size: 150%;
	font-weight: normal;
	text-shadow: #CCC 0 0 2px;
	}

.archive #content ul,
.search #content ul,
.error404 #content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.archive #content ul li,
.search #content ul li,
.error404 #content ul li {
	padding: 2px 0;
	border-bottom: dotted 2px #999;
	}

.archive #content ul li a,
.search #content ul li a,
.error404 #content ul li a {
	text-decoration: none;
	color: #333;
	border: none;
	}

.archive #content ul li a:hover,
.search #content ul li a:hover,
.error404 #content ul li a:hover {
	text-decoration: underline;
	}

.archive #content ul li span,
.search #content ul li span,
.error404 #content ul li span {
	padding: 0 0.5em 0 0;
	}

.archive #content ul li em,
.search #content ul li em,
.error404 #content ul li em {
	display: block;
	float: right;
	padding-left: 1.5em;
	}

/* Sidebars
--------------------------------------------- */
.widget {
	margin-bottom: 40px;
	}

.widget_image img {
	height: auto;
	max-width: 100%;
}

.widget h3 {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: solid 3px #CCC;
	}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.widget ul li {
	padding: 2px 0 2px 16px;
	border-bottom: solid 1px #DDD;
	line-height: 1.2;
	}

.widget ul li ul li{
	border-bottom: none;
	border-top: solid 1px #DDD;
	padding-bottom: 0;
	margin-top: 2px
	}

#leftcolumn .widget ul li {
	background: url(images/breadcrumb_separator_light.png) no-repeat -2px 0.3em;
	}

#rightcolumn .widget ul li {
	background: url(images/breadcrumb_separator_dark.png) no-repeat -2px 0.3em;
	}

.widget ul li a {
	color: #666;
	border: none;
	}

.widget ul li ul {
	margin-left: 5px;
	}

.widget table {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget table th,
.widget table td {
	}

.widget #calendar_wrap tbody a {
	text-decoration: underline;
	}

.widget #calendar_wrap table caption {
	padding: 2px 0;
	}

.widget #calendar_wrap table tfoot {
	border-top: solid 1px #DDD;
	}

.widget #calendar_wrap table tfoot td#prev {
	text-align: left;
	}

.widget #calendar_wrap table tfoot td#next {
	text-align: right;
	}

.widget #calendar_wrap table td,
.widget #calendar_wrap table th {
	text-align: right;
	padding: 2px;
	}

.widget .textwidget{
	line-height: 1.4;
	}

.widget .textwidget a {
	text-decoration: underline;
	}

/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #0066aa;
	width: 95%;
	text-align: center;
	}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	}

.widget_calendar #wp-calendar caption {
	font-weight: bold;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
	}

.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

/* Search Widget */

form#searchform:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
	}

form#searchform #qsearch {
	padding: 0;
	margin: 0;
	border: none;
	width: 99%;
	height: 31px;
	margin: 0 0 25px 0;
	background: #FFF;
	border: solid 1px #DDD;
	-webkit-box-shadow:0 30px 20px -30px #EEE inset;
	-moz-box-shadow:0 30px 20px -30px #EEE inset;
	box-shadow:0 30px 20px -30px #EEE inset;
	}

form#searchform #qsearch input {
	float: left;
	border: none;
	background: transparent;
	margin: 0;
}

form#searchform #qsearch input#s {
	width: 80%;
	padding: 8px 0;
	font-size: 12px;
	}

form#searchform #qsearch .btn{
	float: right;
	margin: 5px 5px 0 0; 
	}

/* Footer
--------------------------------------------- */
#footer {
	font-size: 0.8em;
	border-top:1px solid #FFF;
	-webkit-box-shadow:0 30px 20px -30px #DDD inset;
	-moz-box-shadow:0 30px 20px -30px #DDD inset;
	box-shadow:0 30px 20px -30px #DDD inset;
	}

#footer p {
	line-height: 1.5;
	}

#footer .home {
	background: url(images/wordpress.png) no-repeat center right;
	font-weight: bold;
	padding: 2px 20px 2px 0;
	}

/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1000px) {
	/* --- General --- */
	#container {
		margin: 0 auto;
	}

	#header {
	}

	#wrapper {
		overflow: hidden;
	}

	#main {
		width: 76.59%;
	}

	#content {
		width:98%;
		float: left;
	}
	#leftcolumn {
		margin:0;
		float: none;
	}
	#rightcolumn {
		width: 23.275%;
		float: right;
	}

	/* --- Sidebars --- */
	#leftcolumn {
		width: 92.2%;
		margin-left:0;
		padding: 30px 0 0;
		float: left;
	}

	#leftcolumn .widget ul li {
		border-bottom: none;
		display: inline;
		}

	#leftcolumn .widget ul li a {
		text-decoration: underline;
		}

	#leftcolumn aside:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	#leftcolumn aside, #rightcolumn aside {
		float: none;
		overflow: hidden;
	}
}

/* --- iPad Portrait --- */
@media screen and (max-width: 800px) {
	#container {
	}

	#wrapper {
	}

	#header {
		height: 160px;
	}

	#header img {
		height: 160px;
	}

	#header h1,
	#header #site-title {
		padding: 5px 0 0 0;
		font-size: 150%;
		}

	#main {
		width: 100%;
	}

	#content {
		float: none;
	}

	#leftcolumn {
		width: 100%;
	}

	#rightcolumn {
		width: 100%;
		float: none;
	}

	/* --- Main Nav --- */
	#header #menu {
		max-width: 100%;
	}
	#header #menu a {
		line-height: 1.5em;
	}

	/* --- Sidebars --- */
	#leftcolumn aside:last-child {
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	#rightcolumn aside:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 650px) {
	#container {
		}

	#wrapper {
		padding:10px;
		}

	#header {
		height: 120px;
		}

	#header img {
		height: 120px;
		}

	#hgroup {
		left: 10px;
		top: 0;
		}

	#hgroup {
		border-top: solid 3px #555;
		}

	#header h1,
	#header #site-title {
		padding: 5px 0 0 0;
		font-size: 120%;
		}

	#header p#site-description {
		margin: 0;
		}

	#menu {
		padding-left: 10px;
		}

	#menu a {
		line-height: 1.2em;
		font-size: 90%;
		}

	#content .hentry .entry-header .postdate {
		position: static;
		color: #555;
		background: none;
		padding: 0 0 1em 0;
		width: 100%;
		text-align: left;
		}

	#content .hentry.sticky .entry-header .postdate {
		background: none;
		color: #0066aa;
		}

	#content .hentry .entry-header .postdate span {
		display: inline;
		padding-right: 5px;
		}

	.home #content .hentry .entry-header h2,
	.single #content .hentry .entry-header h1,
	.page #content .hentry .entry-header h1 {
	margin: 0;
	padding: 0 0 10px 0;
		}

	#footer {
		padding:10px;
		}

	#content .hentry .gallery {
		margin: 0 10%;
		}

	#content .hentry .gallery .gallery-item {
		width: 31%;
		padding-right: 2%;
		margin: 0;
		}

	#content .hentry .gallery .gallery-item img {
		width: 100%;
		height: auto;
		}

	#content .hentry .gallery .wp-caption .wp-caption-text,
	#content .hentry .gallery .gallery-caption {
		font-size: 10x;
		line-height: 1;
		}

	ul#pankuzu {
		padding: 2px 0;
		}
}

/* --- Smartphones --- */
@media screen and (max-width: 450px) {

	#header p#site-description {
		display: none;
		}
}