/* ------------------------------------------------

Theme Name:   keisakamoto

---------------------------------------------------
 
   
 TABLE OF CONTENTS
 
    0. RESET
    1. GLOBAL
    2. TOP BAR
        - 2.1. MENU
        - 2.2. MENU DROPDOWN
        - 2.3. LINKS
    3. HEADER
        - 3.1. LOGO
        - 3.2. SEARCH
    4. NAVIGATION
        - 4.1. MAIN MENU DROPDOWN
        - 4.2. MAIN MENU WITH DESCRIPTIONS OFF
    5. CONTENT
        - 5.1. MAIN
        - 5.2. SHOWCASE
        - 5.3. POST
        - 5.4. SINGLE POST
               - 5.4.1 AUTHOR INFO
               - 5.4.2 RELATED POSTS
               - 5.4.3 COMMENTS
               - 5.4.4 RESPOND FORM
        - 5.5. SIDEBAR
    6. WIDGETS
        - 6.1. SEARCH WIDGET
        - 6.2. SPONSORS WIDGET
        - 6.3. TABBED POSTS WIDGET
        - 6.4. ADVERTISEMENT WIDGET
        - 6.5. TABBED ARCHIVE WIDGET
        - 6.6. FEATURED VIDEOS WIDGET
        - 6.7. FLICKR WIDGET
        - 6.8. TWITTER WIDGET
    7. SUB FOOTER
        - 7.1. FLICKR WIDGET
        - 7.2. TWITTER WIDGET
        - 7.3. ENEWS WIDGET
    8. FOOTER
    9. PAGINATION
   10. PAGE TEMPLATES
       - 10.1. SIDEBAR LEFT TEMPLATE
       - 10.2. FULL WIDTH TEMPLATE
   11. SHORTCODES
       - 11.1. COLUMNS
       - 11.2. DIVIDERS
   12. BROWSER HACKS
       - 12.1. IE7
   13. THEME COLOR STYLES
   14.Book page divs
    15.Twitter Facebook button   
------------------------------------------------ */



/*-------------------------------------
   0. RESET
-------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}
	
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}
	
	

/*-------------------------------------
   1. GLOBAL
-------------------------------------*/

body {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #303030;
	background: url(images/bg.png);
	}
	
a {
	color:#315169;
    text-decoration: none;
}
.post-content a{
	color:#1654c7;
    border-bottom: 1px solid #3336;
	}
	

.post-content a:hover {
	color:black; /* DodgerBlue */
	text-decoration: none;
	transition:all .1s ease;
    border-bottom:0 none transparent;
	}

.wrap {
	width: 975px;
	margin: 0 auto;
	}
	
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}
.tleft {
	text-align: left;
}	
.tright {
	text-align: right;
}
.em {
	font-style: italic;
	}
	
.clear {
	clear: both;
	}

.half {
	width: 270px;
	margin-right: 45px;
	}
	
.half.even {
	margin-right: 0;
	}
	
.half:nth-child(2n+0) {
	margin-right: 0;
	}
	
.img-bdr {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px #efefef;
	-moz-box-shadow: 0 1px 2px #efefef;
	-webkit-box-shadow: 0 1px 2px #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
		
.img-bdr img {
	border: 1px solid #e4e4e4;
	}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*-------------------------------------
   2. TOP BAR
-------------------------------------*/

#top-bar {
	background: #121212;
	height: 37px;
	padding-top: 3px;
	}
	
/*----- 2.1. MENU -----*/
	
#top-bar ul li {
	color: #313131;
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	text-shadow: 0 1px 1px #000000;
	position: relative;
	z-index: 4;
	}

#top-bar ul li:after { 
	content: "|";
	color: #313131;
	position: relative;
	top: 4px;
	}
		
#top-bar ul li:last-child:after { 
	content: "";
	}

#top-bar ul li:hover { 
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
	
#top-bar ul li a {
	padding: 4px 10px 12px 0;
	color: #ffffff;
	text-decoration: none;
	float: left;
	}
	
#top-bar ul li a:hover {
	text-decoration: underline;
	visibility: inherit;
	}
	
/*----- 2.2. MENU DROPDOWN -----*/
	
#top-bar ul ul { 
	position: absolute;
	top: -9999em;
	width: 175px;
	display: none;
	}
	
#top-bar ul ul li {
	width: 175px;
	}
	
#top-bar ul ul li:after,
#top-bar ul li li:after,
#top-bar ul li li li li:after {
	content: "";
	}
	
#top-bar ul li:hover ul,
#top-bar ul li.sfHover ul { 
	left: -12px;
	top: 37px;
	z-index: 6;
	}
	
#top-bar ul li:hover li ul,
#top-bar ul li.sfHover li ul,
#top-bar ul li li:hover li ul,
#top-bar ul li li.sfHover li ul,
#top-bar ul li li li:hover li ul,
#top-bar ul li li li.sfHover li ul { 
	top: -9999em;
	}

#top-bar ul li li:hover ul,
#top-bar ul li li.sfHover ul,
#top-bar ul li li li:hover ul,
#top-bar ul li li li.sfHover ul,
#top-bar ul li li li li:hover ul,
#top-bar ul li li li li.sfHover ul { 
	left: 175px;
	top: -2px;
	}

#top-bar ul ul { 
	border: 1px solid #000000;
	border-bottom: none;
	border-top: 1px solid #0e1213;
	top: -2px;
	}

#top-bar ul ul li {
	border-top: 1px solid #1b1b1b;
	border-bottom: 1px solid #101010;
	background: #151515; outline: 0;
	margin-right: 0;
	}
	
#top-bar ul ul li a {
	padding: 8px 12px !important;
	display: block;
	width: 150px;
	}
		
#top-bar ul ul li.sfHover, 
#top-bar ul ul li.sfHover, 
#top-bar ul ul li a:focus, 
#top-bar ul ul li a:hover, 
#top-bar ul ul li a:active { 
	outline: 0;
	background: #101010;
	text-decoration: none;
	}
	
#top-bar span.sf-sub-indicator {
	color: #313131;
	font-weight: normal;
	padding-left: 3px;
	}
	
/*----- 2.3. LINKS -----*/
	
#top-bar ul.fr li:after { 
	content: "";
	}
	
#top-bar ul.fr li:first-child:after {
	content: "|";
	color: #313131;
	position: relative;
	top: 0px;
	}
	
#top-bar ul.fr li span {
	display: inline-block;
	}

#top-bar ul.fr li span.subscribe {
	color: #ffffff;
	padding: 4px 10px;
	}
		
#top-bar ul.fr li a {
	padding: 6px 0px;
	display: inline-block;
	}
	
#top-bar ul.fr li.last {
	margin-right: 0px;
	}
	
#top-bar ul.fr li:last-child {
	margin-right: 0px;
	}
	
#top-bar ul.fr li a span {
	height: 22px;
	width: 20px;
	}
	
#top-bar ul.fr li a span.twitter {
	background: url(images/icon-twit.png) no-repeat;
	}

#top-bar ul.fr li a span.email {
	background: url(images/icon-email.png) no-repeat;
	}

#top-bar ul.fr li a span.rss {
	background: url(images/icon-rss.png) no-repeat;
	}
	
	

/*-------------------------------------
   3. HEADER
-------------------------------------*/

#header {
	background: url(images/bg_title.jpg) repeat;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:auto;
	padding-right:auto;
	}
			
/*----- 3.1. LOGO -----*/

#header .logo {
	float: left;
	background: url(images/bg_title.jpg) repeat-x;
	}
		
#header .logo .title {
	float: left;
	margin-right: 25px;
	}
	
#header .logo .title h1 {
	font-family: "Helvetica", "Arial", serif !important;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #2C4C64;
	}
	
	/* Target - Firefox */
	@-moz-document url-prefix() {
		#header .logo .title h1 {
			line-height: 22px;
			}
		}
		
	/* Target - Safari & Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#header .logo .title h1 {
			line-height: 17px;
			}
		}
		
	/* Target - IE7 */
	*+html #header .logo .title h1 {
		line-height: 24px;
		}

	
#header .logo .title h1 a {
	color: #ffffff;
	}
	
#header .logo .title a img {
	border: none;
	}
	
#header .logo .title a:hover img {
	text-decoration: none;
	}
	
#header .logo .description {
	float: left;
	}
	
#header .logo .description h3 {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #2a4a62;
	text-shadow: 0 1px 0 #dbe7ed;
	}
	
/*----- 3.2. SEARCH -----*/

#header .search {
	float: right;
	}
	
#header .search form {
	background: url(images/search-bg.png) no-repeat;
	height: 26px;
	width: 221px;
	}
	
#header .search input[type="text"] {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	text-shadow: 0 1px 0 #234057;
	margin-left: 12px;
	padding: 5px 0;
	width: 172px;
	height: 14px;
	}
	
#header .search button[type="submit"] {
	background: none;
	border: none;
	width: 32px;
	height: 25px;
	vertical-align: top;
	outline: none;
	cursor: pointer;
	}
	
	

/*-------------------------------------
   4. NAVIGATION
-------------------------------------*/

#main-nav {
	height: 71px;
	background: url(images/nav-bg.png) repeat-x;
	}
	
#main-nav ul.nav {
	font-size: 14px;
	font-weight: bold;
	float: left;
	position: relative;
	z-index: 3;
	}

#main-nav ul.nav li {
	float: left;
	margin-right: 55px;
	position: relative;
	}
	
#main-nav ul.nav li.last {
	margin-right: 0px;
	}
		
#main-nav ul.nav li:last-child {
	margin-right: 0px;
	}
	
#main-nav ul.nav li:hover { 
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
					
#main-nav ul.nav li a {
	color: #202020;
	text-decoration: none;
	padding: 15px 0px 17px 0px;
	line-height: 18px;
	display: block;
	position: relative;
	float: left;
	}
	
#main-nav ul.nav li a span {
	color: #999999;
	display: block;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	}
	
#main-nav ul.nav li a:hover {
	color: #000000;
	visibility: inherit;
	}
	
#main-nav ul.nav li a:hover span {
	color: #777777;
	}
				
/*----- 4.1. MENU DROPDOWN -----*/
	
#main-nav ul ul { 
	position: absolute;
	top: -9999em;
	width: 185px;
	box-shadow: 0 0 3px #bbbbbb;
	-moz-box-shadow: 0 0 3px #bbbbbb;
	-webkit-box-shadow: 0 0 3px #bbbbbb;
	display: none;
	}
	
#main-nav ul ul li {
	width: 185px;
	}
		
#main-nav ul li:hover ul,
#main-nav ul li.sfHover ul { 
	left: -12px;
	top: 69px;
	z-index: 5;
	}
	
#main-nav ul li:hover li ul,
#main-nav ul li.sfHover li ul,
#main-nav ul li li:hover li ul,
#main-nav ul li li.sfHover li ul,
#main-nav ul li li li:hover li ul,
#main-nav ul li li li.sfHover li ul { 
	top: -9999em;
	}

#main-nav ul li li:hover ul,
#main-nav ul li li.sfHover ul,
#main-nav ul li li li:hover ul,
#main-nav ul li li li.sfHover ul,
#main-nav ul li li li li:hover ul,
#main-nav ul li li li li.sfHover ul { 
	left: 185px;
	top: -1px;
	}

#main-nav ul ul { 
	top: -1px;
	font-size: 12px;
	}

#main-nav ul ul li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7e7;
	background: #f9f9f9; outline: 0;
	margin-right: 0;
	}
	
#main-nav ul ul li a {
	padding: 10px 15px !important;
	display: block !important;
	color: #303030;
	width: 155px;
	}
	
#main-nav ul ul li.sfHover, 
#main-nav ul ul li.sfHover, 
#main-nav ul ul li a:focus, 
#main-nav ul ul li a:hover, 
#main-nav ul ul li a:active { 
	outline: 0;
	background: #ffffff;
	text-decoration: none;
	}
	
#main-nav span.sf-sub-indicator {
	color: #999999;
	font-weight: normal;
	padding-left: 3px;
	}
	
/*----- 4.2. MENU WITH DESCRIPTIONS OFF -----*/

#main-nav.no-desc {
	height: 53px;
	background: url(images/nav-bg.png) repeat-x bottom;
	}
	
#main-nav.no-desc ul.nav li {
	margin-right: 40px;
	}
	
#main-nav.no-desc ul li:hover ul,
#main-nav.no-desc ul li.sfHover ul { 
	top: 51px;
	}
	


/*-------------------------------------
   5. CONTENT
-------------------------------------*/

#content {
	background: url(images/content-bg.png) repeat-x;
	z-index: 2;
	margin-top: -3px;
	padding: 40px 0 60px 0;
	}
	
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	font-family: "Helvetica", "Arial", serif;
	font-weight: bold;
	color: #202020;
	margin-bottom: 20px;
	}
	
#content h1 { font-size: 28px; letter-spacing: -0.50px; }
#content h2 { font-size: 24px; letter-spacing: -0.50px; }
#content h3 { font-size: 20px; letter-spacing: -0.25px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 12px; }

#content p, #content ul, #content blockquote, #content pre {
	margin-bottom: 20px;
	}
	
#content a.button {
	background: url(images/button-right.png) no-repeat right;
	display: inline-block;
	margin-left: -1px;
	padding: 0 15px 0 0;
	text-decoration: none;
	}
	
#content a.button span {
	background: url(images/button-left.png) no-repeat left;
	display: inline-block;
	margin-right: -1px;
	padding: 10px 0 10px 15px;
	}
	
#content .wrap {
	background: url(images/main-bg.png) repeat-y #ffffff;
	box-shadow: 0 0 4px #bbbbbb;
	-moz-box-shadow: 0 0 4px #bbbbbb;
	-webkit-box-shadow: 0 0 4px #bbbbbb;
	min-height: 300px;
	}
			
/*----- 5.1. MAIN -----*/

#main {
	width: 590px;
	float: left;
	padding: 35px 30px;
	}
	
#main ul li, #main ol li {	
	list-style: disc inside;
	padding-left: 20px;
	}
	
#main ul ul, #main ol ol {	
	margin-bottom: 0;
	}
	
#main #meta-box span {
	font-size: 12px;
	font-style: italic;
	color: #5d5d5d;
	}
	
#main #meta-box .description {
	height: 147px;
	width: 589px;
	left: -30px;
	right: -35px;
	position: relative;
	background: url(images/slider-thumbs-bg.png) repeat-x bottom;
	margin-bottom: 50px;
	padding: 0 30px;
	}
	
#main #meta-box .description p {
	font-style: italic;
	color: #606060;
	line-height: 22px;
	background: url(images/slider-active.png) no-repeat;
	background-position: 25px 0px;
	padding-top: 50px;
	}
		
/*----- 5.2. SHOWCASE -----*/

#showcase {
	height: 520px;
	width: 649px;
	top: -35px;
	left: -30px;
	right: -35px;
	bottom: -30px;
	position: relative;
	background: url(images/slider-thumbs-bg.png) repeat-x bottom;
	margin-bottom: 10px;
	z-index: 1;
	}

#showcase .slide {
	position: absolute;
	top: 0;
	left: 0;
	margin: 35px 30px;
	height: 320px;
	display: none;
	}
	
#showcase .slide h2 {
	font-size: 32px !important;
	letter-spacing: -0.50px;
	margin-bottom: 10px !important;
	width: 525px;
	line-height:1em;
	}

#showcase .slide h2 a {
	color: #202020;
	text-decoration: none;
	}
	
#showcase .slide h2 a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#showcase .slide .post-img-large {
	margin-bottom: 25px !important;
	}
			
#showcase .tabs {
	height: 147px;
	position: absolute;
	top: 373px;
	padding-left: 15px;
	}
		
#showcase .tabs a {
	display: inline-block;
	width: 95px;
	padding: 40px 13px 0 13px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	}
	
#showcase .tabs a.current {
	background: url(images/slider-active.png) no-repeat top center;
	}
	
#showcase .tabs a img {
	display: block;
	}
	
#showcase .tabs a span {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #5d5d5d;
	display: block;
	}
	
#showcase .tabs a:hover span {
	color: #303030;
	}
		
/*----- 5.3. POST -----*/	
		
.post {
	margin-bottom: 50px;
	}
		
.post-title a {
	color: #202020 !important;
	text-decoration: none;
	clear:both;
	}
	
.post-title a:hover {
	color: #000000;
	text-decoration: underline;
	clear:both;
	}
	
.post-meta {
	color: #5d5d5d;
	font-style: italic;
	font-size: 12px;
	}
	
.post-meta a,
.post-excerpt a {
	color: #315169;
	text-decoration: none;
	}
	
.post-meta a:hover,
.post-excerpt a:hover {
	text-decoration: underline;
	}
	
.post-comments {
	height: 30px;
	width: 47px;
	background: url(images/comment-bg.png) no-repeat;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 0;
	text-align: center;
	}
	
.post-comments a {
	color: #303030 !important;
	}
		
.post-excerpt {
	font-size: 12px;
	line-height: 20px;
	}
	
.post-img-large {
	background: url(images/img-bg-large.png) no-repeat;
	padding: 8px;
	margin-bottom: 40px;
	}
	
.post-img-medium {
	background: url(images/img-bg-medium.png) no-repeat;
	padding: 7px;
	margin-bottom: 25px;
	}
	
.post-img-small {
	background: url(images/img-bg-small.png) no-repeat;
	padding: 7px;
	margin-right: 30px;
	clear:both;
	}
	
.attachment-tiny {
	background: url(images/img-bg-tiny.png) no-repeat;
	padding: 6px;
	margin-bottom: 10px;
	}
	
.post-img {
	background: url(images/img-bg.png) no-repeat;
	padding: 7px;
	margin-right: 15px;
	}
	
.post-img-large img,
.post-img-medium img,
.post-img-small img,
.post-img img {
	border: 1px solid #e4e4e4;
	}
	
#content .half h2 {
	line-height: 28px;
	}
	
#content .half p.post-excerpt {
	margin-bottom: 30px;
	}
	
#content .half .post-meta {
	width: 215px;
	}
	
#content .small {
	margin-bottom: 40px;
	}
	
#content .small .post-title {
	margin: 5px 0 !important;
	width: 400px;
	}
		
#content .small .post-comments {
	margin-top: 5px;
	}
	
#content .small .post-meta {
	margin-bottom: 18px;
	}
	
#content .small .post-excerpt {
	width: 445px;
	}
	
#main .post-content p, #main .post-content ol,
#main .post-content ul, #main .post-content blockquote,
#main .post-content pre {
	margin-bottom: 30px;
	}
	
#main .post-content li {
	list-style-position: inside !important;
	}
	
#main .post-content ol ol,
#main .post-content ul ul,
#main .post-content ol ul,
#main .post-content ul ol {
	margin-bottom: 0;
	}
	
#main .post-content ol li {
	list-style: decimal;
	}
	
#main .post-content ol ol li {
	list-style: lower-alpha;
	}
		
#main .post-content ul ul li {
	list-style: circle;
	}
	
#main .post-content strong {
	font-weight: bold !important;
	}
	
#main .post-content em {
	font-style: italic !important;
	}

#main .post-content blockquote {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 3px solid #ddd;
	}
	
#main .post-content pre {
	background: url(images/pre_bg.png);
	padding: 20px;
	border: 1px solid #ddd;
	white-space: pre;
	line-height: 20px;
	width: 550px;
	overflow: auto;
	overflow-Y: hidden;
	}
	
#main .post-content code {
	font-family: monospace;
	font-size: 13px;
	display: block;
	}

#main .post-content .wp-caption {
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px #efefef;
	-moz-box-shadow: 0 1px 2px #efefef;
	-webkit-box-shadow: 0 1px 2px #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: center;
	}
	
#main .post-content .aligncenter,
#main .post-content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	}
	
#main .post-content .alignleft {
	float: left;
	margin-right: 30px;
	}
	
#main .post-content .alignright {
	float: right;
	margin-left: 35px;
	}

#main .post-content .wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
	}
	
#main .post-content .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 5px 5px;
	}


	
/*----- 5.4. SINGLE POST ----- */
	
body.single-post #main .post-title {
	font-size: 32px !important;
	letter-spacing: -0.50px;
	margin-bottom: 10px !important;
	line-height: 32px;
	width: 525px;
	}
	
body.single-post #main .post-meta {
	margin-bottom: 30px !important;
	}
	
body.single-post #main .post-content {
	margin-bottom: 50px !important;
	}	
	
body.single-post #main .post-section {
	background: url(images/divider.png) repeat-x top;
	margin: 0 -29px 0 -30px;
	padding: 50px 30px;
	}
	
body.single-post #main .post-section:last-child,
body.single-post #main .post-section.last {
	padding: 50px 30px 20px 30px;
	}
	
body.single-post #main .post-section h3 {
	margin-bottom: 45px;
	}
	
/* relatedpost */		
.relatedpost {
	margin:30px 0 0 0;
	padding:20px 0 0 0;
	border-top: 1px solid #eee;
    font-family: Arial, Helvetica, sans-serif;
}
.relatedpost-entry {
	margin:0 20px 20px 0;
	padding:0;
	width:270px;
	height:100px;
	float:left;
	display:inline-block;
}
.relatedpost-thumb {
	margin:0 10px 0 0;
	float:left;
	width:100px;
	height:100px;
	display:inline;
	line-height:1em;
	background: url(images/img-bg-small.png) no-repeat;
    padding: 7px;
}
h4.relatedpost-title {
	margin:0;
	padding:0;
	width:140px;
	float:left;
	display:inline;
    font-family: Arial, Helvetica, sans-serif;
}
.relatedpost:after {
	content: "";
	display: block;
	clear:both;
}
.relatedpost-entry:after {
	content: "";
	display: table;
	clear:both;
}

		
/*----- 5.4.1. AUTHOR INFO ----- */

#author-info .fr {
	width: 490px;
	}
	
#author-info h4 {
	margin: 5px 0 10px 0;
	}	
	
#author-info h4 em {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #8e8e8e;
	padding: 0 15px;
	}
	
#author-info .last {
	margin-bottom: 0;
	}	
	
#author-info .last span {
	color: #d0d0d0;
	padding: 0 10px;
	}	
	
/*----- 5.4.2. RELATED POSTS ----- */

#related-posts {
	padding-bottom: 30px !important;
	}
	
#related-posts h4 {
	margin-bottom: 3px !important;
	padding-top: 8px;
	line-height: 18px;
	}
	
#related-posts h4 a {
	color: #202020;	
	}
	
#related-posts em {
	font-style: italic;
	}
	
#related-posts .post {
	width: 280px;
	margin-bottom: 25px;
	}
	
#related-posts .post-info {
	width: 185px;
	}
	
#related-posts .even,
#related-posts .post:nth-child(2n+0) {
	margin-left: 20px;
	}
	
/*----- 5.4.3. COMMENTS ----- */

#comments ul.children {
	margin-left: 35px;
	padding-left: 30px;
	border-left: 1px solid #f2f2f2;
	}
	
#comments ul.children li {
	border-bottom: none;
	}

#comments ul.children li {
	border-bottom: none;
	padding-top: 25px;
	}
	
#comments ol.commentlist li {
	list-style-type: none;
	padding-left: 0;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
	margin-bottom: 30px;
	}
	
#comments ol.commentlist li.last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

#comments ol.commentlist li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
#comments .comment-author,
#comments .comment-author a {
	font-family: "Helvetica", "Arial", serif;
	font-size: 16px;
	font-weight: bold;
	color: #202020;
	}
	
#comments .comment-author {
	margin: 5px 0 10px 0;
	}
	
#comments .comment-author a:hover {
	text-decoration: underline;
	color: #000000;
	}
	
#comments .comment-date {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #8E8E8E;
	padding-left: 15px;
	}
	
#comments .comment-reply {
	padding-right: 15px !important;
	}
	
#comments .comment-reply,
#comments .comment-reply a {
	font-size: 12px !important;
	font-style: italic;
	font-weight: normal !important;
	color: #8E8E8E;
	padding: 0 1px;
	}
	
#comments .comment-reply a {
	color: #315169;
	}
	
#comments .comment-reply a:hover {
	color: #315169;
	}

#comments .comment-text {
	width: 490px;
	}
	
#comments ul.children .comment-text {
	width: 425px;
	}



/*----- 5.4.4. RESPOND FORM ----- */

#respond label {
	color: #707070;
	font-size: 12px;
	font-style: italic;
	}
	
#respond input[type=text],
#respond textarea {
	background: url(images/form-field-bg.png) repeat-x #f3f3f3;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin-right: 20px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #303030;
	width: 280px;
	}
	
#respond input[type=text]:focus,
#respond textarea:focus {
	border: 1px solid #cccccc;
	}
	
#respond textarea {
	width: 400px;
	}
		
#respond .button:hover {
	color: #202020;
	cursor: pointer;
	}
	
#respond .required {
	color: #999999;
	line-height: 45px;
	margin-right: 150px;
	}

/*----- 5.5. SIDEBAR -----*/

#sidebar {
	width: 325px;
	float: left;
	}
	
	

/*-------------------------------------
   6. WIDGETS
-------------------------------------*/

#sidebar .widget {
	width: 261px;
	padding: 35px 32px 45px;
	background: url(images/divider.png) repeat-x bottom;
	}
	
#sidebar .last {
	background: none;
	}
	
#sidebar .widget h3 {
	margin-bottom: 30px;
	}
	
/*----- 6.1. SEARCH WIDGET -----*/	
		
#sidebar .widget_search form {
	background: url(images/widget-search-bg.png) no-repeat;
	height: 26px;
	width: 265px;
	margin: 5px 0 0 0;
	}
	
#sidebar .widget_search input[type="text"] {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #303030;
	text-shadow: 0 1px 0 #ffffff;
	margin-left: 12px;
	padding: 5px 0;
	width: 215px;
	height: 14px;
	}
	
#sidebar .widget_search button[type="submit"] {
	background: none;
	border: none;
	width: 32px;
	height: 25px;
	vertical-align: top;
	outline: none;
	cursor: pointer;
	}
	
/*----- 6.2. SPONSORS WIDGET -----*/	
		
#sidebar .widget-ads {
	line-height: 28px;
	letter-spacing: 6px;
	}
	
#sidebar .widget-ads img {
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}
	
/*----- 6.3. TABBED POST WIDGET -----*/	
		
#sidebar .widget-posts ul.tabs,
#sidebar .widget-archive ul.tabs {
	height: 41px;
	margin-bottom: 35px;
	}

#sidebar .widget-posts ul.tabs li,
#sidebar .widget-archive ul.tabs li { 
	float: left;
	margin-right: 15px;
	}

#sidebar .widget-posts ul.tabs a,
#sidebar .widget-archive ul.tabs a { 
	color: #315169;
	text-decoration: none;
	padding: 10px 5px;
	display: block;
	cursor: pointer;
	}

#sidebar .widget-posts ul.tabs a:hover,
#sidebar .widget-archive ul.tabs a:hover {
	text-decoration: underline;
	}

#sidebar .widget-posts ul.tabs a.current,
#sidebar .widget-archive ul.tabs a.current,
#sidebar .widget-posts ul.tabs a.current:hover,
#sidebar .widget-archive ul.tabs a.current:hover,
#sidebar .widget-posts ul.tabs li.current a,
#sidebar .widget-archive ul.tabs li.current a {
	background: url(images/button-right.png) no-repeat right;
	display: block;
	margin-left: -1px;
	padding: 0 15px 0 0;
	text-decoration: none;
	}	
	
#sidebar .widget-posts ul.tabs a.current span,
#sidebar .widget-archive ul.tabs a.current span {
	background: url(images/button-left.png) no-repeat left;
	display: block;
	margin-right: -1px;
	padding: 10px 0 10px 15px;
	}
	
#sidebar .widget-posts .panes .pane .post {
	margin-bottom: 20px;
	}
	
#sidebar .widget-posts .panes .pane .post:last-child {
	margin-bottom: 0;
	}
	
#sidebar .widget-posts .panes .pane h4 {
	margin-bottom: 3px;
	padding-top: 8px;
	line-height: 18px;	
	}
	
#sidebar .widget-posts .panes .pane .em {
	font-size: 12px;	
	}
	
#sidebar .widget .panes .pane {
	display: none;		
	}
		
/*----- 6.4. ADVERTISMENT WIDGET -----*/	
		
#sidebar .widget .box img {
	margin: 0 -18px;
	}
				
/*----- 6.5. ARCHIVE WIDGET -----*/	
		
#sidebar .widget-archive .pane ul li {
	background: url(images/li-item-bg.png) bottom repeat-x;
	padding: 0 0 8px 2px;
	margin-bottom: 7px;
	font-size: 12px;
	color: #999999;
	font-style: italic;
	line-height: 26px;
	}
	
#sidebar .widget-archive .pane ul li:last-child {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
#sidebar .widget-archive .pane ul li a {
	font-family: "Helvetica", "Arial", serif;
	font-weight: bold;
	font-style: normal;
	color: #202020;
	font-size: 16px;
	display: inline-block;
	width: 230px;
	}
	
/*----- 6.6. FEATURED VIDEO -----*/	
		
#sidebar .widget-video ul.tabs li { 
	float: left;
	margin: 3px 5px 0 0;
	}
	
#sidebar .widget-video ul.tabs li:last-child { 
	margin-right: 0;
	}

#sidebar .widget-video ul.tabs a { 
	padding: 7px;
	display: inline-block;
	background: url(images/selector.png) no-repeat;
	}

#sidebar .widget-video ul.tabs a:hover {
	background: url(images/selector-active.png) no-repeat;
	}

#sidebar .widget-video ul.tabs a.current {
	background: url(images/selector-active.png) no-repeat;
	}	
		
#sidebar .widget-video .pane h4 {
	margin-bottom: 0px;
	}
	
#sidebar .widget-video .pane h4 a {
	color: #202020;
	text-decoration: none;
	}
	
#sidebar .widget-video .pane .post-video {
	margin-bottom: 25px;
	display: block;
	}
	
#sidebar .widget-video .pane p {
	font-size: 11px;
	}
	
#sidebar .widget-video img {
	box-shadow: 0 1px 4px #999999;
	-moz-box-shadow: 0 1px 4px #999999;
	-webkit-box-shadow: 0 1px 4px #999999;
	margin-bottom: 25px;
	}
	
/*----- 6.7. FLICKR WIDGET -----*/

#sidebar .widget-flickr .flickr_badge_image {
	float: left;
	margin: 0 23px 23px 0;
	}
	
#sidebar .widget-flickr .last {
	margin-right: 0;
	}

#sidebar .widget-flickr img {
	width: 65px;
	height: 65px;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}
	
#sidebar .widget-flickr img:hover {
	border-color: #ececec;
	}
		
/*----- 6.8. TWITTER WIDGET -----*/
	
#sidebar .widget-twitter ul.tweet_list {
	margin-bottom: 30px;
	}
	
#sidebar .widget-twitter ul.tweet_list li {
	margin-bottom: 30px;
	}
		
#sidebar .widget-twitter span.date {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	color: #999999;
	}
	


/*-------------------------------------
   7. SUB FOOTER
-------------------------------------*/

#subfooter {
	background: url(images/subfooter-bg.jpg) repeat-x top #66889c;
	min-height: 200px;
	text-shadow: 1px 1px 1px #2c4c64;
	color: #ffffff;
	font-weight: bold;
	padding: 50px 0 30px 0;
	}
		
/*----- 7.1. SUB FOOTER WIDGET -----*/

#subfooter .widget {
	width: 285px;
	margin-right: 60px;
	float: left;
	font-size: 12px;
	}
	
#subfooter .last {
	margin-right: 0;
	}
	
#subfooter .widget h3 {
	font-size: 16px;
	margin-bottom: 30px;
	padding-left: 26px;
	line-height: 21px;
	background: url(images/icon-wgt-enews.png) no-repeat left;
	}
	
#subfooter a.button {
	background: url(images/button-subftr-left.png) no-repeat left;
	color: #ffffff !important;
	display: block;
	float: left;
	font-size: 11px;
	height: 23px;
	line-height: 20px !important;
	margin-right: 11px;
	padding-left: 11px;
	text-shadow: 0 -1px 0 #000000;
	}
	
#subfooter a.button span {
	background: url(images/button-subftr-right.png) no-repeat right;
	display: block;
	float: left;
	height: 23px;
	padding-right: 10px;
	}
		
/*----- 7.2. FLICKR WIDGET -----*/

#subfooter .widget-flickr h3 {
	background: url(images/icon-wgt-flickr.png) no-repeat left;
	}

#subfooter .widget-flickr .flickr_badge_image {
	float: left;
	margin: 0 23px 23px 0;
	}
	
#subfooter .widget-flickr .last {
	margin-right: 0;
	}

#subfooter .widget-flickr img {
	width: 65px;
	height: 65px;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #2c4c64;
	-moz-box-shadow: 0 1px 2px #2c4c64;
	-webkit-box-shadow: 0 1px 2px #2c4c64;
	}
	
#subfooter .widget-flickr img:hover {
	border-color: #ececec;
	}
		
/*----- 7.3. TWITTER WIDGET -----*/

#subfooter .widget-twitter h3 {
	background: url(images/icon-wgt-twitter.png) no-repeat left;
	}
	
#subfooter .widget-twitter ul.tweet_list {
	margin-bottom: 20px;
	}
		
#subfooter .widget-twitter span.date {
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 10px;
	display: block;
	line-height: 10px;
	color: #ffffff;
	}
	
#subfooter .widget-twitter p.tweet_text {
	font-style: italic;
	color: #2a4a62;
	text-shadow: 0 1px 0 #bbd0dd;
	margin-bottom: 25px;
	}
	
#subfooter .widget-twitter p.tweet_text a {
	color: #20384a;
	}
			
/*----- 7.4. ENEWS WIDGET -----*/

#subfooter .widget-enews h3 {
	background: url(images/icon-wgt-enews.png) no-repeat left;
	}
	
#subfooter .widget-enews p {
	margin-bottom: 25px;
	line-height: 19px;
	}
	
#subfooter .widget-enews form {
	background: url(images/email-form-bg.png) no-repeat;
	height: 27px;
	width: 221px;
	}
	
		
#subfooter .widget-enews input[type="text"] {
	background: none;
	border: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	text-shadow: 0 1px 0 #234057;
	margin-left: 12px;
	padding: 5px 0;
	width: 200px;
	height: 14px;
	margin-bottom: 30px;
	display:inline;
	}
	


/*-------------------------------------
   8. FOOTER
-------------------------------------*/

#footer {
	background: #121212;
	height: 35px;
	font-size: 11px;
	text-shadow: 0px 1px 1px #000000;
	padding-top: 15px;
	}
	
#footer p.fl {
	color: #777777;
	font-style: italic;
	font-weight: bold;
	}
	
#footer p.fl span {
	color: #313131;
	}
			
#footer .fr ul li {
	color: #313131;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	text-shadow: 0 1px 1px #000000;

	}
	
#footer ul.fr li:after { 
	content: "|";
	color: #313131;
	}
	
#footer ul.fr li:last-child:after { 
	content: "";
	}
	
#footer ul.fr li a {
	padding-right: 10px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	}
	
#footer ul.fr li a:hover {
	text-decoration: underline;
	}



/*-------------------------------------
   9. PAGINATION
-------------------------------------*/
				
.wp-pagenavi span.current {
	margin-right: 10px;
	}
	
.wp-pagenavi a {
	background: url(images/button-right.png) no-repeat right;
	display: inline-block;
	margin-left: -1px;
	padding: 0 15px 0 0;
	text-decoration: none;
	margin-right: 10px;
	}
	
.wp-pagenavi a span {
	background: url(images/button-left.png) no-repeat left;
	display: inline-block;
	margin-right: -1px;
	padding: 10px 0 10px 15px;
	}
		
.wp-pagenavi span.pages {
	float: right;
	padding-top: 10px;
	font-size: 12px;
	font-style: italic;
	color: #5d5d5d;
	}



/*-------------------------------------
   10. PAGE TEMPLATES
-------------------------------------*/

/*----- 10.1. SIDEBAR LEFT TEMPLATE -----*/

body.page-template-template-sidebar-left-php #content .wrap {
	background: url(images/main-bg-left.png);
	}
	
/*----- 10.2. FULL WIDTH TEMPLATE & IMAGE GALLERY TEMPLATE -----*/

body.page-template-template-full-width-php #content .wrap,
body.page-template-template-image-gallery-php #content .wrap {
	background: none #ffffff;
	}

body.page-template-template-full-width-php #content #main,
body.page-template-template-image-gallery-php #content #main {
	width: 915px;
	}
	
/*----- 10.3. LINKS TEMPLATE -----*/

body.page-template-template-links-php .img-bdr {
	margin-right: 30px;
	}
	
body.page-template-template-links-php #content .small .post-title {
	margin: 10px 0 10px 0 !important;
	}
	
body.page-template-template-links-php .post-excerpt {
	font-style: italic;
	color: #444444;
	}
	
/*----- 10.4. ARCHIVES & SITEMAP TEMPLATES -----*/
	
body.page-template-template-archives-php .archive-lists h4,
body.page-template-template-sitemap-php .archive-lists h4 {
	margin-bottom: 5px !important;
	}



/*-------------------------------------
   11. SHORTCODES
-------------------------------------*/

/*----- 11.1. COLUMNS -----*/

#main .one_half     { width:48%; }
#main .one_third    { width:30.66%; }
#main .two_third    { width:65.33%; }
#main .one_fourth   { width:22%; }
#main .three_fourth { width:74%; }
#main .one_fifth    { width:16.8%; }
#main .two_fifth    { width:37.6%; }
#main .three_fifth  { width:58.4%; }
#main .four_fifth   { width:67.2%; }
#main .one_sixth    { width:13.33%; }
#main .five_sixth   { width:82.67%; }

#main .one_half, #main .one_third, #main .two_third,
#main .three_fourth, #main .one_fourth, #main .one_fifth,
#main .two_fifth, #main .three_fifth, #main .four_fifth,
#main .one_sixth, #main .five_sixth { 
	position: relative;
	margin-right: 4%;
	float:left;
	}
	
#main .last {
	margin-right: 0 !important;
	clear: right;
	}
	
.divider,
.divider_padding {
	clear: both;
	display: block;
	margin-bottom: 30px;
	padding-top: 10px;
	width: 100%;
	}

/*----- 11.2. DIVIDERS -----*/

.divider {
	border-bottom: 1px solid #eeeeee;
	}



/*-------------------------------------
   12. BROWSER HACKS
-------------------------------------*/

/*----- 12.1. IE7 -----*/

*+html #main-nav ul.nav li {
	margin-right: 52px;
	}

*+html #showcase .slide .post-img-large {
	margin-bottom: 30px;
	}

*+html #showcase .slide h2 {
	display: block;
	width: 530px;
	line-height: 34px;
	}
			
*+html #showcase .slide .post-meta {
	margin-top: -10px;
	}
	
*+html body.single-post #main h2.post-title {
	display: block;
	width: 530px;
	line-height: 34px;
	}
	
*+html body.single-post #main .post-meta {
	margin-top: -5px;
	}
	 	
*+html #sidebar .widget-ads img {
	margin-bottom: 6px;
	}
	
*+html #subfooter .widget h3 {
	background-position: 0px 3px;
	line-height: 24px;
	}



/*-------------------------------------
   13. THEME COLOR STYLES
-------------------------------------*/

/*----- 13.1. RED -----*/
body.red #header { background: url(images/subfooter-bg-red.jpg) repeat-x; }
body.red #header .logo .title h1 { text-shadow: 1px 1px 1px #4c0808; }
body.red #header .logo .description h3 { color: #4c0808; text-shadow: 0 1px 0 #d33b3b; }
body.red #header .search input[type="text"] { text-shadow: 0 1px 0 #4c0808; }
body.red #subfooter { background: url(images/subfooter-bg-red.jpg) repeat-x top #4a0f0a; text-shadow: 1px 1px 1px #4c0808; }
body.red #subfooter .widget-flickr img { box-shadow: 0 1px 2px #4c0808; -moz-box-shadow: 0 1px 2px #4c0808; -webkit-box-shadow: 0 1px 2px #4c0808; }
body.red #subfooter .widget-twitter p.tweet_text { color: #4c0808; text-shadow: 0 1px 0 #d33b3b; }
body.red #subfooter .widget-twitter p.tweet_text a { color: #330505; }

/*----- 13.2. ORANGE -----*/
body.orange #header { background: url(images/subfooter-bg-orange.jpg) repeat-x; }
body.orange #header .logo .title h1 { text-shadow: 1px 1px 1px #592a06; }
body.orange #header .logo .description h3 { color: #592a06; text-shadow: 0 1px 0 #d77427; }
body.orange #header .search input[type="text"] { text-shadow: 0 1px 0 #592a06; }
body.orange #subfooter { background: url(images/subfooter-bg-orange.jpg) repeat-x top #773501; text-shadow: 1px 1px 1px #592a06; }
body.orange #subfooter .widget-flickr img { box-shadow: 0 1px 2px #592a06; -moz-box-shadow: 0 1px 2px #592a06; -webkit-box-shadow: 0 1px 2px #592a06; }
body.orange #subfooter .widget-twitter p.tweet_text { color: #592a06; text-shadow: 0 1px 0 #d77427; }
body.orange #subfooter .widget-twitter p.tweet_text a { color: #411f05; }

/*----- 13.3. PURPLE -----*/
body.purple #header { background: url(images/subfooter-bg-purple.jpg) repeat-x; }
body.purple #header .logo .title h1 { text-shadow: 1px 1px 1px #474e62; }
body.purple #header .logo .description h3 { color: #474e62; text-shadow: 0 1px 0 #b6c3e7; }
body.purple #header .search input[type="text"] { text-shadow: 0 1px 0 #474e62; }
body.purple #subfooter { background: url(images/subfooter-bg-purple.jpg) repeat-x top #7580a0; text-shadow: 1px 1px 1px #474e62; }
body.purple #subfooter .widget-flickr img { box-shadow: 0 1px 2px #474e62; -moz-box-shadow: 0 1px 2px #474e62; -webkit-box-shadow: 0 1px 2px #474e62; }
body.purple #subfooter .widget-twitter p.tweet_text { color: #474e62; text-shadow: 0 1px 0 #b6c3e7; }
body.purple #subfooter .widget-twitter p.tweet_text a { color: #313543; }

/*----- 13.4. GREEN -----*/
body.green #header { background: url(images/subfooter-bg-green.jpg) repeat-x; }
body.green #header .logo .title h1 { text-shadow: 1px 1px 1px #353f1c; }
body.green #header .logo .description h3 { color: #353f1c; text-shadow: 0 1px 0 #a9be76; }
body.green #header .search input[type="text"] { text-shadow: 0 1px 0 #353f1c; }
body.green #subfooter { background: url(images/subfooter-bg-green.jpg) repeat-x top #353f1c; text-shadow: 1px 1px 1px #353f1c; }
body.green #subfooter .widget-flickr img { box-shadow: 0 1px 2px #353f1c; -moz-box-shadow: 0 1px 2px #353f1c; -webkit-box-shadow: 0 1px 2px #353f1c; }
body.green #subfooter .widget-twitter p.tweet_text { color: #353f1c; text-shadow: 0 1px 0 #9db16c; }
body.green #subfooter .widget-twitter p.tweet_text a { color: #232a13; }

/*----- 13.5. AQUA -----*/
body.aqua #header { background: url(images/subfooter-bg-aqua.jpg) repeat-x; }
body.aqua #header .logo .title h1 { text-shadow: 1px 1px 1px #4c5e5a; }
body.aqua #header .logo .description h3 { color: #4c5e5a; text-shadow: 0 1px 0 #dbe7ed; }
body.aqua #header .search input[type="text"] { text-shadow: 0 1px 0 #4c5e5a; }
body.aqua #subfooter { background: url(images/subfooter-bg-aqua.jpg) repeat-x top #6f8882; text-shadow: 1px 1px 1px #4c5e5a; }
body.aqua #subfooter .widget-flickr img { box-shadow: 0 1px 2px #4c5e5a; -moz-box-shadow: 0 1px 2px #4c5e5a; -webkit-box-shadow: 0 1px 2px #4c5e5a; }
body.aqua #subfooter .widget-twitter p.tweet_text { color: #4c5e5a; text-shadow: 0 1px 0 #dbe7ed; }
body.aqua #subfooter .widget-twitter p.tweet_text a { color: #35413e; }

/*----- 13.6. BLUE -----*/
body.blue #header { background: url(images/subfooter-bg-blue.jpg) repeat-x; }
body.blue #header .logo .title h1 { text-shadow: 1px 1px 1px #192630; }
body.blue #header .logo .description h3 { color: #182630; text-shadow: 0 1px 0 #698ca8; }
body.blue #header .search input[type="text"] { text-shadow: 0 1px 0 #192630; }
body.blue #subfooter { background: url(images/subfooter-bg-blue.jpg) repeat-x top #182630; text-shadow: 1px 1px 1px #192630; }
body.blue #subfooter .widget-flickr img { box-shadow: 0 1px 2px #192630; -moz-box-shadow: 0 1px 2px #192630; -webkit-box-shadow: 0 1px 2px #192630; }
body.blue #subfooter .widget-twitter p.tweet_text { color: #182630; text-shadow: 0 1px 0 #5f7f98; }
body.blue #subfooter .widget-twitter p.tweet_text a { color: #101920; }

/*----- 13.7. BROWN -----*/
body.brown #header { background: url(images/subfooter-bg-brown.jpg) repeat-x; }
body.brown #header .logo .title h1 { text-shadow: 1px 1px 1px #1f1810; }
body.brown #header .logo .description h3 { color: #1f1810; text-shadow: 0 1px 0 #705740; }
body.brown #header .search input[type="text"] { text-shadow: 0 1px 0 #1f1810; }
body.brown #subfooter { background: url(images/subfooter-bg-brown.jpg) repeat-x top #1f1810; text-shadow: 1px 1px 1px #1f1810; }
body.brown #subfooter .widget-flickr img { box-shadow: 0 1px 2px #1f1810; -moz-box-shadow: 0 1px 2px #1f1810; -webkit-box-shadow: 0 1px 2px #1f1810; }
body.brown #subfooter .widget-twitter p.tweet_text { color: #1f1810; text-shadow: 0 1px 0 #705740; }
body.brown #subfooter .widget-twitter p.tweet_text a { color: #110d09; }

/*----- 13.8. GOLDEN -----*/
body.golden #header { background: url(images/subfooter-bg-golden.jpg) repeat-x; }
body.golden #header .logo .title h1 { text-shadow: 1px 1px 1px #55492b; }
body.golden #header .logo .description h3 { color: #55492b; text-shadow: 0 1px 0 #ddc585; }
body.golden #header .search input[type="text"] { text-shadow: 0 1px 0 #55492b; }
body.golden #subfooter { background: url(images/subfooter-bg-golden.jpg) repeat-x top #95804b; text-shadow: 1px 1px 1px #55492b; }
body.golden #subfooter .widget-flickr img { box-shadow: 0 1px 2px #55492b; -moz-box-shadow: 0 1px 2px #55492b; -webkit-box-shadow: 0 1px 2px #55492b; }
body.golden #subfooter .widget-twitter p.tweet_text { color: #55492b; text-shadow: 0 1px 0 #ddc585; }
body.golden #subfooter .widget-twitter p.tweet_text a { color: #3a321d; }

/*----- 13.9. TAN -----*/
body.tan #header { background: url(images/subfooter-bg-tan.jpg) repeat-x; }
body.tan #header .logo .title h1 { text-shadow: 1px 1px 1px #47453f; }
body.tan #header .logo .description h3 { color: #47453f; text-shadow: 0 1px 0 #d6d2c5; }
body.tan #header .search input[type="text"] { text-shadow: 0 1px 0 #47453f; }
body.tan #subfooter { background: url(images/subfooter-bg-tan.jpg) repeat-x top #848075; text-shadow: 1px 1px 1px #47453f; }
body.tan #subfooter .widget-flickr img { box-shadow: 0 1px 2px #47453f; -moz-box-shadow: 0 1px 2px #47453f; -webkit-box-shadow: 0 1px 2px #47453f; }
body.tan #subfooter .widget-twitter p.tweet_text { color: #47453f; text-shadow: 0 1px 0 #d6d2c5; }
body.tan #subfooter .widget-twitter p.tweet_text a { color: #292824; }

/*-------------------------------------
   14. Book page divs
-------------------------------------*/
#story01 {
	margin:10px 0px 0px 10px;
	padding:0px;
}
#story01  p {
	margin:0px 0px 5px 0px;
	padding:0px;
}
#story01 .item01 {
	margin:20px 0px 0px 0px;
	border-bottom:dotted 2px #CCC;
	clear: both;
	padding:0px;
}
#story01 h3 {
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	background-image:url(https://www.joywow.jp/img/mark01.jpg);
	background-repeat:no-repeat;
}
.item01 .itemcomment {
	float:left;
	margin:0px 10px 0px 0px;
	
	width: 430px;
}
.item01 .itemimage {
	margin:0px ;
	padding:0px;
	width:140px;
	float:right;
	text-align:right;
	clear: none;
	font-size:0.8em;
}
#story01 form label {
	display:inline;
}

/*-- archives page list --*/
.car-list li {
	margin-left:30px;
	padding:0px;
	list-style-image:url(images/arrow01.gif);
}
.car-list li ul li {
	margin-left:30px;
	padding:0px;
	list-style-image:url(images/arrow02.gif);

}

/*-------------------------------------
   15. Twitter Facebook button
-------------------------------------*/
.twfb {
     margin-top: 15px;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
     padding:0px;
     clear: both;
}
.twfb ul {
     margin-left: 0px;
     margin: 0px;
     padding:0px;
     clear: both;
}
.twfb ul li {
     margin-top: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 20px;
     padding:0px;
     list-style-type:none;
     display:inline;
     float:left;
}
twfb ul li img{
     margin-left: 0px;
     vertical-align: top !important;
     border:0px;
}
/** Columns **/
.columns-5 li{
	width: 19%;
}
.columns-4 li{
	width: 24%;
}
.columns-3 li{
	width: 32%;
}
.columns-2 li{
	width: 48%;
}