@charset "UTF-8";

/*
Theme Name: Disney Colors Blog 2015
Theme URI: http://www.disneycolors.net/blog/
Description: Disney Colors Blog 2015 のテーマ
Version: 1.0
Author: QUWROF
Author URI: http://www.disneycolors.net/
*/

/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0 ;
	padding: 0 ;
	border: 0 ;
	outline: 0 ;
	vertical-align: baseline ;
	list-style: none ;
	}

body {
	-webkit-text-size-adjust: 100% ;
	background: #ffffff ;
	width: 100% ;
	text-align: left ;
	font-size: 20px ;
	color: #666666 ;
	font-family: 'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',sans-serif ;
	}

img {
	border: none ;
	}

a {
	color: #1e90ff ;
	text-decoration: none ;
	}

a:hover {
	opacity: 0.5 ;
	text-decoration: underline ;
	}

h2 {
	color: #333333 ;
	background: url(images/bg-line.png) repeat ;
	padding: 15px ;
	margin-top: 70px ;
	font-size: 30px ;
	line-height: 34px ;
	border-top: solid 1px #000000 ;
	border-bottom: solid 1px #000000 ;
 	-webkit-box-shadow: 0px 0px 7px 3px #808080 ;
 	box-shadow: 0px 0px 7px 3px #808080 ;
	}

h3 {
	color: #333333 ;
	position: relative ;
	padding: 0px 10px 0px 30px ;
	margin-top: 60px ;
	border-bottom: 5px solid #ff4500 ;
	font-size: 30px ;
	line-height: 32px ;
	}

h3:before {
	position: absolute ;
	top: -15px ;
	left: 12px ;
	transform: rotate(45deg) ;
	-webkit-transform: rotate(45deg) ;
	height: 15px ;
	width: 15px ;
	background: #ffaa00 ;
	content: "" ;
	}

h3:after {
	position: absolute ;
	top: 5px ;
	left: 5px ;
	transform: rotate(15deg) ;
	-webkit-transform: rotate(15deg) ;
	height: 10px ;
	width: 10px ;
	background: #ffaa00 ;
	content: "" ;
	}

h4 {
	color: #333333 ;
	position: relative ;
	font-size: 28px ;
	padding: 5px 20px ;
	margin: 50px 25px 0px ;
	border: 0 ;
	border-radius: 30px ;
	background: #87cefa ;
 	-webkit-box-shadow: 3px 3px 5px #808080 ;
 	box-shadow: 3px 3px 5px #808080 ;
	}

h5 {
	color: #000000 ;
	font-size: 25px ;
	border-bottom: 3px solid #1e90ff ;
	margin-top: 50px ;
	padding: 0px 10px ;
	}

table {
	min-width: 500px ;
	border: 2px solid #000000 ;
	border-collapse: collapse ;
	margin: 20px auto 10px ;
	background: #f0f8ff ;
	-webkit-box-shadow: 3px 3px 3px #808080 ;
	box-shadow: 3px 3px 3px #808080 ;
	}

table th {
	border: 2px solid #000000 ;
	padding: 5px 5px 5px 5px ;
	}

table td {
	border: 2px solid #000000 ;
	padding: 5px 5px 5px 5px ;
	}

.red-line {
	color: #000000 ;
	background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%) ;
	}

.pink-line {
	color: #000000 ;
	background: linear-gradient(transparent 40%, #ff99ff 40%) ;
	}

.yellow-line {
	color: #000000 ;
	background: linear-gradient(transparent 40%, #ffff66 40%) ;
	}

.green-line {
	color: #000000 ;
	background: linear-gradient(transparent 40%, #66ffCC 40%) ;
	}

.blue-line {
	color: #000000 ;
	background: linear-gradient(transparent 40%, #66ccff 40%) ;
	}

.f_right {
	float: right ;
	}

.f_left {
	float: left ;
	}

.t_right {
	text-align: right ;
	}

.t_center {
	text-align: center ;
	}

.t_oblique {
	font-style: oblique ;
	font-size: 92% ;
	}

.nowrap {
	white-space: nowrap ;
	}

.clear {
	clear: both ;
	line-height: 0 ;
	}

.ga-center{
	text-align: center ;
	margin: 30px auto 0px ;
	}

.box1 {
	content: "" ;
	display: block ;
	clear: both ;
	}

.box2 {
	float: left ;
	width: 50% ;
	}

.box3 {
	float: left ;
	width: 33% ;
	}

.box4 {
	float: left ;
	width: 25% ;
	}

/****************************************
		2. Tab Panel
*****************************************/

.tabpanel {
	position: relative ;
	margin: 50px 10px 0px ;
	border-top: solid 2px #333333;
	background: #f8f8ff ;
	}

#tab-title {
	display: table ;
	list-style: none ;
	width: 100% ;
	-webkit-box-shadow: 0px 3px 3px #808080 ;
	box-shadow: 0px 3px 3px #808080 ;
	border-left: solid 1px #333333 ;
	border-right: solid 1px #333333 ;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	}

.tab-title2 li {
	display: table-cell ;
	background: #ffaa00 ;
	text-align: center ;
	width: 50% ;
	}

.tab-title3 li {
	display: table-cell ;
	background: #ffaa00 ;
	text-align: center ;
	width: 33% ;
	}

ul#tab-title li.is-active {
	background: #ff4500 ;
	}

ul#tab-title li.is-active a {
	color: #ffffff ;
	}

ul#tab-title li a {
	display: block ;
	font-size: 24px ;
	font-weight: bold ;
	color: #000000 ;
	padding: 10px	 5px ;
	text-decoration: none ;
	}

ul#tab-title li + li {
	border-left: solid 1px #333333 ;
	}

.tab-content {
	height: 2000px ;
	position: relative ;
	-moz-transition: all 1s ease ;
	-o-transition: all 1s ease ;
	-webkit-transition: all 1s ease ;
	transition: all 1s ease ;
	}

.tab-content:nth-of-type(n+2) {
	position: absolute ;
	top: 100px ;
	left: 0 ;
	opacity: 0 ;
	-moz-transform: translateX(-850px) ;
	-ms-transform: translateX(-850px) ;
	-webkit-transform: translateX(-850px) ;
	transform: translateX(-850px) ;
	}

.tab-content.animation-out {
	opacity: 0 ;
	-moz-transform: translateX(-850px) ;
	-ms-transform: translateX(-850px) ;
	-webkit-transform: translateX(-850px) ;
	transform: translateX(-850px) ;
	}

.tab-content.animation-in {
	opacity: 1 ;
	-moz-transition-delay: 0.5s ;
	-o-transition-delay: 0.5s ;
	-webkit-transition-delay: 0.5s ;
	transition-delay: 0.5s ;
	-moz-transform: translateX(0) ;
	-ms-transform: translateX(0) ;
	-webkit-transform: translateX(0) ;
	transform: translateX(0) ;
	}

/****************************************
		3. Accordion Menu
*****************************************/

.accordion2 {
	margin-top: 20px;
	}

.accordion2 p {
	display: block ;
	position: relative ;
	text-decoration: none ;
	font-size: 16px ;
	color: #ffffff ;
	padding: 10px 20px !important ;
	margin: 0px !important ;
	cursor: pointer ;
	}

.accordion2 p.is-open:after,
.accordion2 p.is-close:after {
	position: absolute ;
	top: 50% ;
	right: 10px ;
	margin-top: -15px ;
	font-size: 16px ;
	font-family: FontAwesome ;
	}

.accordion2 p.is-open:after {
	content: "\f077" ;
	}

.accordion2 p.is-close:after {
	content: "\f078" ;
	}

.accordion-content2-line {
	border-right: 1px solid #cccccc;
	}

.accordion2 dt {
	background: #1e90ff;
	}

.accordion2 dd {
	padding: 5px 10px ;
	background: #f0f8ff ;
	}

.accordion2 dd a {
	font-size: 18px ;
	line-height: 20px ;
	}


/****************************************
		4. Page Top
*****************************************/

#page-top {
	width: 75px ;
	height: 75px ;
	display: none ;
	position: fixed ;
	right: 50px ;
	bottom: 30px ;
	z-index: 97  ;
	}
 
#page-top p {
	margin: 0px ;
	padding: 0px ;
	text-align: center ;
	background: #3b3b3b ;
	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	transition: all 0.3s ;
	}
 
#page-top p:hover {
	background: #8b8b8b ;
	}
 
#move-page-top {
	color: #fff ;
	line-height: 75px ;
	text-decoration: none ;
	display: block ;
	cursor: pointer ;
	}

/****************************************
		5.  Social Bookmark
*****************************************/

.social-bookmark {
	width: 250px ;
	height: 75px ;
	margin: 20px auto ;
	}

.social-bookmark:hover {
	opacity: 0.5 ;
	}

.social-bookmark img {
	position: relative ;
	}

/****************************************
		6. Basic Layout 
*****************************************/

#wrapper{
	width: 100% ;
	}

#container {
	margin: 0px auto ; 
	width: 1100px ;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	overflow: hidden ;
	}

#content {
	float: left ;
	margin: 0px ; 
	padding: 0px ;
	width: 800px ;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	overflow: hidden ;
	}

#sidebar {
	float: left ;
	margin: 0px ; 
	padding: 0px ;
	width: 300px ;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	overflow: hidden ;
	}

/****************************************
		7.  Header
*****************************************/

.header-nav-header {
	border-bottom: solid 5px #1e90ff ;
	}

.header-nav-footer {
	border-top: solid 5px #1e90ff ;
	}

.header-nav {
	width: 1100px ;
	height: 130px ;
	margin: 0px auto ;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	}

.header-nav a:hover {
	background-color: #f0f8ff ;
	opacity: 0.3 ;
	}

.menu-icon {
	position: relative ;
	top: 25px ;
	}

.header-nav-line {
	border-left: solid 2px #87cefa ;
	}

#header-img {
	padding-bottom: -webkit-calc(100%*1100/2200) ;
	padding-bottom: -moz-calc(100%*1100/2200) ;
	padding-bottom: calc(100%*1100/2200) ;
	background-size: 100% auto ;
	min-width: 1100px ;
	}

.feature article:hover {
	opacity: 0.5 ;
	}

.feature img {
	-webkit-box-shadow: 0px 0px 8px 4px #808080 ;
	box-shadow: 0px 0px 8px 4px #808080 ;
	}

/****************************************
		8.  New Entry
*****************************************/

#new_entry li {
	margin: 50px 15px 0px ;
	padding: 15px 10px 15px ;
	border-radius: 20px ;
	-webkit-box-shadow: 5px 5px 5px #808080 ;
	box-shadow: 5px 5px 5px #808080 ;
	background: #87cefa ;
	background-image: -moz-linear-gradient(top, #87cefa, #1e90ff);
	background-image: -ms-linear-gradient(top, #87cefa, #1e90ff);
	background-image: -o-linear-gradient(top, #87cefa, #1e90ff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#87cefa), to(#1e90ff));
	background-image: -webkit-linear-gradient(top, #87cefa, #1e90ff);
	background-image: linear-gradient(top, #87cefa, #1e90ff);
	}

#new_entry li:hover {
	opacity: 0.5 ;
	}

#new_entry li a {
	display: block ;
	color: #333333 ;
	}

#new_entry li a:hover {
	text-decoration: none ;
	}

.new_entry_title {
	color: #222222 ;
	font-size: 26px ;
	line-height: 30px ;
	margin: 0px 0px 5px ;
	padding: 0px 20px 10px ;
	border-top: none ;
	border-bottom: 3px solid #1e90ff ;
	background: none ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}

#new_entry img {
	float: left ;
	margin-right: 20px ;
	border: double 5px #ffffff ;
	-webkit-box-shadow: 5px 5px 5px #808080 ;
	box-shadow: 5px 5px 5px #808080 ;
	}

.new_entry_day {
	margin: 10px 0px ;
	}

.published, .updated, .pubdate {
	font-size: 24px ;
	color: #ff4500 ;
	text-decoration: underline ;
	margin: 0px 15px 0px 5px ;
	}

.new_entry_description {
	color: #000000 ;
	margin-left: 330px ;
	}

.more-link {
	background: url("images/arrow_more.png") no-repeat right ;
	color: #000000 ;
	font-size: 30px ;
	font-weight: bold ;
	text-align: right ;
	padding: 10px 75px 10px 10px ;
	margin: 10px 20px 0px 0px ;
	display: block ;
	}

h1.archivetitle {
	color: #ffffff ;
	font-size: 24px ;
	line-height: 28px ;
	text-align: center ;
	margin-top: 20px ;
	padding: 10px 5px ;
	background-color: #1e90ff ;
	-webkit-box-shadow: 0px 3px 3px #808080 ;
	box-shadow: 0px 3px 3px #808080 ;
	}

/* リンク集
------------------------------------- */
#link {
	margin: 0px ;
	}

#link p {
	margin: 0px 10px 5px 20px ;
	font-size: 18px ;
	}

#link_official {
	margin-left: 40px ;
	}

#link_blog {
	margin-left: 40px ;
	}


/****************************************
		9. Entry 
*****************************************/

.pankuzu {
	padding: 10px 0px 0px 20px ;
	}

.pankuzu i {
	margin-left: 10px ;
	}

h1.entry-title {
	color: #000000 ;
	border-bottom: dotted 7px #333333 ;
	font-size: 32px ;
	line-height: 40px ;
	padding: 0px 20px 10px 30px ;
	margin-top: 15px ;
	}

.entry_day {
	margin: 10px 15px 0px 30px ;
	}

.entry_top img {
	margin-top: 20px ;
	-wbkit-box-shadow: 0px 0px 5px 3px #808080 ;
	box-shadow: 0px 0px 5px 3px #808080 ;
	}

.entry_top p{
	margin: 20px 25px ;
	font-size: 20px ;
	line-height: 32px ;
	}

.entry p {
	font-size: 20px ;
	line-height: 30px ;
	margin: 40px 125px 0px 50px ;
	padding: 0px ;
	}

.entry img {
	display: block ;
	margin: 40px auto 0px ;
	-wbkit-box-shadow: 0px 0px 5px 3px #808080 ;
	box-shadow: 0px 0px 5px 3px #808080 ;
	}

.entry blockquote {
	background: url("images/blockquote1.png") no-repeat 15px 10px #d3d3d3 ;
	border-radius: 40px 40px 0px 0px ;
	margin: 20px 150px 0px 75px ;
	padding: 30px 0px 0px ;
	}

.entry blockquote p {
	font-size: 16px ;
	line-height: 20px ;
	margin: 5px 0px 0px ;
	padding: 0px 50px ;
	}

.entry blockquote .url {
	background: url("images/blockquote2.png") no-repeat right 15px bottom 5px #d3d3d3 ;
	font-size: 16px ;
	line-height: 20px ;
	border-top: solid 1px #fffff0 ;
	margin-top: 5px ;
	padding: 5px 50px 15px ;
	}

.entry blockquote a {
	color: #666666 ;
	text-decoration: underline ;
	}

.entry blockquote table,
.entry blockquote table th,
.entry blockquote table td {
	font-size: 16px ;
	background: none ;
	border: solid 1px #222222 ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}

.blockquote-img {
	background-image: none !important ;
	background-color: #d3d3d3 ;
	border-radius: 10px !important ;
	margin: 20px 10px 0px !important ;
	padding: 20px 0px !important ;
	overflow: hidden ;
	}

.blockquote-img img{
	-webkit-box-shadow: none ;
	box-shadow: none ;
	padding-bottom: 5px ;
	margin: 0px auto !important ;
	border-bottom: solid 1px #ffffff ;
	}

.blockquote-img p{
	margin: 0px !important ;
	padding: 10px 20px 0px !important ;
	}

.share-link {
	font-size: 16px ;
	line-height: 20px ;
	border: double 3px #d3d3d3 ;
	margin: 20px 175px 0px 100px ;
	padding: 10px ;
	background: #f0f8ff ;
	}

.share-link img {
	margin: 0px 10px 0px 0px !important ;
	padding: 0px !important ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}

.share-link a {
	display: block ;
	}

.naibu-link {
	font-size: 20px ;
	line-height: 24px ;
	height: 133px ;
	border: solid 2px #000000 ;
	border-radius: 15px ;
	margin: 20px 125px 0px 50px ;
	padding-right: 10px ;
	background: #87cefa ;
	-webkit-box-shadow: 0px 0px 5px 2px #808080 ;
	box-shadow: 0px 0px 5px 2px #808080 ;
	overflow: hidden ;
	}

.naibu-link:hover {
	opacity: 0.5 ;
	}

.naibu-link img {
	width: 200px ;
	margin: 0px 15px 0px 0px !important ;
	padding: 0px !important ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}

.naibu-link a {
	display: block ;
	color: #000000 ;
	}

.naibu-link a:hover {
	color: #000000 ;
	text-decoration: none ;
	}


/****** 2013CSS用 *******/
h2.blockquote {
	color: #000000 ;
	font-size: 14px ;
	line-height: 14px ;
	margin-top: 10px ;
	padding: 0px 5px 5px 15px ;
	background: none ;
	border-top: none ;
	border-bottom: solid 1px #ffffff ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}
/****** 2013CSS用 *******/
.screenshot {
	margin-top: 30px ;
	padding: 10px 0px ;
	background: #000000 ;
	border-top: 2px solid #ff66ff ;
	border-bottom: 2px solid #ff66ff ;
	overflow: hidden ;
	}
/****** 2013CSS用 *******/
.screenshot p {
	font-size: 16px ;
	line-height: 18px ;
	font-style: oblique ;
	color: #ffffff ;
	margin: 0px ;
	padding: 0px ;
	}
/****** 2013CSS用 *******/
.screenshot img {
	margin-top: 5px !important ;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}
/****** 2013CSS用 *******/
.link_blockquote {
	border: 1px solid #ff66ff ;
	padding: 5px 5px 0px 5px ;
	margin: 20px 125px 0px 50px ;
	background: #000000 ;
	color: #fffff0 ;
	}
/****** 2013CSS用 *******/
.link_blockquote p {
	color: #fffff0 ;
	font-weight: bold ;
	font-size: 18px ;
	line-height: 22px ;
	padding: 0px ;
	margin: 5px 0px 5px 105px ;
	}
/****** 2013CSS用 *******/
p.link_blockquote_site {
	clear: both ;
	font-weight: normal ;
	font-size: 12px ;
	line-height: 14px ;
	font-style: oblique ;
	padding: 0px ;
	margin: 0px 0px 10px 0px ;
	overflow: hidden ;
	text-overflow: ellipsis ;
	}
/****** 2013CSS用 *******/
.link_blockquote a {
	display:block;
	color: #fffff0;
	text-decoration:none;
	}
/****** 2013CSS用 *******/
.link_blockquote img {
	margin:0px 5px 0px 0px;
	-webkit-box-shadow: none ;
	box-shadow: none ;
	}


.check-list {
	color: #000000 ;
	margin: 0px ;
	}

.check-list li {
	font-size: 40px !important ;
	margin: 10px 0px ;
	list-style-type: none !important ;
	}

.check-list li:before {
	font-family: "FontAwesome" ;
	content: "\f00c" ;
	padding-right: 5px ;
	color: #ff4500 ;
	}

.point {
	margin: 40px 125px 0px 50px ;
	padding: 40px 20px 20px ;
	position: relative ;
	border: 5px solid #1e90ff ;
	border-radius: 30px ;
	box-shadow: 3px 3px 5px #808080 ;
	}

.point-title {
	font-family: 'Kaushan Script',cursive ;
	font-size: 50px ;
	color: #1e90ff ;
	text-align: center ;
	line-height: 1 ;
	position: absolute ;
	top: -40px ;
	left: 30px ;
	background: #ffffff ;
	padding: 10px 20px ;
	}

.point p {
	margin: 0px !important ;
	padding: 0px !important ;
	}

.entry-attention {
	text-align: center ;
	color: #000000 ;
	font-size: 60px !important ;
	font-weight: bold ;
	line-height: 75px !important ;
	margin: 75px !important ;
	}

.link_twitter-tweet {
	margin: 30px 10px 0px 30px ;
	}

.youtube {
	margin-top: 30px ;
	}

.entry em {
	font-style: italic ;
	}

.entry code {
	color: #06c ;
	font-family: 'Courier New',Courier,monospace ;
	}

#related_post {
	width: 700px ;
	margin: 50px auto 0px ;
	}

#nav-single {
	margin: 30px ;
	padding: 10px ;
	border: 2px #ccc dashed ;
	font-size: 14px ;
	}

.nav-previous {
	display: block ;
	color: #000000 ;
	float: left ;
	width: 49% ;
	border-right: 2px #ccc dashed ;
	}

.nav-previous-title {
	color: #000000 ;
	font-size: 25px ;
	float: left ;
	margin: 0px 0px 5px 0px ;
	padding: 1px 20px 1px 40px ;
	background: url("images/arrow_prev.png") no-repeat left top ;
	}

.nav-previous img {
	float: left ;
	}

.nav-previous p {
	font-size: 16px ;
	padding: 0px 10px 0px 160px ;
	}

.nav-next {
	display: block ;
	color: #000000 ;
	float: right ;
	width: 50% ;
	}

.nav-next-title {
	color: #000000 ;
	font-size: 25px ;
	text-align: right ;
	float: right ;
	margin: 0px 0px 5px 0px ;
	padding: 1px 40px 1px 20px ;
	background: url("images/arrow_next.png") no-repeat right top ;
	}

.nav-next img{
	float: right ;
	}

.nav-next p {
	font-size:16px ;
	padding: 0px 10px ;
	}

/****************************************
		10. Photo Gallary
*****************************************/

.grid-list {
	width: 750px ;
	margin: 0 auto ;
	}

.grid-list li {
	float: left ;
	width: 200px ;
	margin-top: 50px ;
	margin-left: 50px ;
	}

.grid-list li img {
	margin: 0px !important ;
	padding: 0px !important ;
	}


/* Preload images */
body:after {
	content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png) ;
	display: none ;
	}

.lightboxOverlay {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	z-index: 9999 ;
	background-color: black ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80) ;
	opacity: 0.8 ;
	display: none ;
	}

.lightbox {
	position: absolute ;
	left: 0 ;
	width: 100% ;
	z-index: 10000 ;
	text-align: center ;
	line-height: 0 ;
	font-weight: normal ;
	}

.lightbox .lb-image {
	display: block ;
	height: auto ;
	max-width: inherit ;
	-webkit-border-radius: 3px ;
	-moz-border-radius: 3px ;
	-ms-border-radius: 3px ;
	-o-border-radius: 3px ;
	border-radius: 3px ;
	}

.lightbox a img {
	border: none ;
	}

.lb-outerContainer {
	position: relative ;
	background-color: white ;
	*zoom: 1 ;
	width: 250px ;
	height: 250px ;
	margin: 0 auto ;
	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px ;
	-ms-border-radius: 4px ;
	-o-border-radius: 4px ;
	border-radius: 4px ;
	}

.lb-outerContainer:after {
	content: "" ;
	display: table ;
	clear: both ;
	}

.lb-container {
	padding: 4px ;
	}

.lb-loader {
	position: absolute ;
	top: 43% ;
	left: 0 ;
	height: 25% ;
	width: 100% ;
	text-align: center ;
	line-height: 0 ;
	}

.lb-cancel {
	display: block ;
	width: 32px ;
	height: 32px ;
	margin: 0 auto ;
	background: url(images/loading.gif) no-repeat ;
	}

.lb-nav {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
	z-index: 10 ;
	}

.lb-container > .nav {
	left: 0 ;
	}

.lb-nav a {
	outline: none ;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==') ;
	}

.lb-prev, .lb-next {
	height: 100% ;
	cursor: pointer ;
	display: block ;
	}

.lb-nav a.lb-prev {
	width: 34% ;
	left: 0 ;
	float: left ;
	background: url(images/prev.png) left 48% no-repeat ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ;
	opacity: 0 ;
	-webkit-transition: opacity 0.6s ;
	-moz-transition: opacity 0.6s ;
	-o-transition: opacity 0.6s ;
	transition: opacity 0.6s ;
	}

.lb-nav a.lb-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ;
	opacity: 1 ;
	}

.lb-nav a.lb-next {
	width: 64% ;
	right: 0 ;
	float: right ;
	background: url(images/next.png) right 48% no-repeat ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) ;
	opacity: 0 ;
	-webkit-transition: opacity 0.6s ;
	-moz-transition: opacity 0.6s ;
	-o-transition: opacity 0.6s ;
	transition: opacity 0.6s ;
	}

.lb-nav a.lb-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ;
	opacity: 1 ;
	}

.lb-dataContainer {
	margin: 0 auto ;
	padding-top: 5px ;
	*zoom: 1 ;
	width: 100% ;
	-moz-border-radius-bottomleft: 4px ;
	-webkit-border-bottom-left-radius: 4px ;
	border-bottom-left-radius: 4px ;
	-moz-border-radius-bottomright: 4px ;
	-webkit-border-bottom-right-radius: 4px ;
	border-bottom-right-radius: 4px ;
	}

.lb-dataContainer:after {
	content: "" ;
	display: table ;
	clear: both ;
	}

.lb-data {
	padding: 0 4px ;
	color: #ccc ;
	}

.lb-data .lb-details {
	width: 85% ;
	float: left ;
	text-align: left ;
	line-height: 1.1em ;
	}

.lb-data .lb-caption {
	font-size: 13px ;
	font-weight: bold ;
	line-height: 1em ;
	}

.lb-data .lb-number {
	display: block ;
	clear: left ;
	padding-bottom: 1em ;
	font-size: 12px ;
	color: #999999 ;
	}

.lb-data .lb-close {
	display: block ;
	float: right ;
	width: 30px ;
	height: 30px ;
	background: url(images/close.png) top right no-repeat ;
	text-align: right ;
	outline: none ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) ;
	opacity: 0.7 ;
	-webkit-transition: opacity 0.2s ;
	-moz-transition: opacity 0.2s ;
	-o-transition: opacity 0.2s ;
	transition: opacity 0.2s ;
	}

.lb-data .lb-close:hover {
	cursor: pointer ;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ;
	opacity: 1 ;
	}

/****************************************
		11. Comments
*****************************************/
	
.commentlist {
	margin-top: 40px ;
	}

.commentlist li {
	border-top: 1px solid #ddd ;
	margin: 15px 0px 0px 0px ;
	padding: 15px 0px 20px 30px ;
	position: relative ;
	}

.comment-meta {
	width: 500px ;
	background: #87cefa ;
	margin: 5px 0px 30px ;
	padding: 15px 10px ;
	border-radius: 10px ;
	-webkit-box-shadow: 0px 5px 5px #808080 ;
	box-shadow: 0px 5px 5px #808080 ;
	}

.comment-author {
	display: block ;
	color: #333333 ;
	font-weight: bold ;
	font-size: 22px ;
	padding: 0px 10px 0px 60px ;
	}

.comment-author a:hover {
	color: #333333 ;
	}

.comment-date {
	color: #666666 ;
	line-height: 24px ;
	padding: 0px 0px 0px 75px ;
	}

.commentlist .avatar {
	position: absolute ;
	}

.commentlist p{
	margin:10px 25px 20px 20px;
	font-size: 20px;
	}

.commentlist
.reply a{
	padding: 2px 10px ;
	background: #cccccc ;
	border: 2px solid #555555 ;
	color: #000000 ;
	text-decoration: none ;
	}

.commentlist
.reply a:hover {
	color: #555555 ;
	}

li.bypostauthor {
	color: #ff4500 ;
	}

li.depth-3 {
	color: #cccccc ;
	}

li.depth-5 {
	color: #cccccc ;
	}

/*** Comment form ***/
#respond {
	margin: 10px 0px 50px ;
	}

#commentform p {
	clear: both ;
	}

#commentform label {
	display: block ;
	margin: 5px 10px ;
	padding: 0px ;
	width: 120px ;
	text-align: center ;
	background: #1e90ff ;
	color: #ffffff ;
	border: 1px solid #ccc ;
	}

#commentform input[type="text"],
#commentform textarea {
	width: 500px ;
	margin: 0px 0px 10px 20px ;
	}

#commentform input[type="text"]:focus,
#commentform textarea:focus {
	border: 1px solid #06c ;
	}

.comment_notice {
	margin: 20px 50px 0px 40px ;
	padding: 0px ;
	font-size: 20px ;
	}

/****************************************
		12.  Sidebar
*****************************************/

#sidebar h4 {
	font-size: 18px ;
	color: #000000 ;
	padding: 5px 10px ;
	margin: 30px 10px 10px ;
	border: 0 ;
	border-radius: 20px ;
	background: #f0f8ff ;
 	-webkit-box-shadow: 3px 3px 5px #808080 ;
 	box-shadow: 3px 3px 5px #808080 ;
	}

#sidebar p {
	margin: 0px 20px 0px;
	padding: 0px ;
	font-size: 16px ;
	line-height: 20px ;
	}

.sidebar-widget {
	margin: 0px 10px 0px 20px ;
	}

.widget-container a {
	text-decoration: none ;
	}

.widget-container ul li {
	margin: 5px 10px 10px 25px ;
	font-size: 16px ;
	line-height: 20px ;
	}

.widget-container ul li a { 
	color: #000000 ;
	}

.widget-container ul li a:hover {
	color: #000000 ;
	}

.widget-container ul li ul {
	margin-left: 10px ;
	}

.widget-container ul li ul li {
	list-style: url(images/arrow_list.png) ;
	margin: 5px 0px 0px 20px ;
	font-size: 14px ;
	line-height: 18px ;
	}

.widget-container ul li ul li a {
	color: #1e90ff ;
	}

.widget-container ul li ul li a:hover {
	color: #87cefa ;
	text-decoration: underline ;
	}

.blog-link {
	width: 250px ;
	border: solid 2px #000000 ;
	border-radius: 15px ;
	margin: 15px auto 10px ;
	padding-bottom: 5px ;
	background: #87cefa ;
	overflow: hidden ;
	}

.blog-link a,
.blog-link a:hover {
	color: #000000 ;
	}

.blog-link:hover {
	opacity: 0.5 ;
	}

.blog-link p {
	margin: 0px 5px !important ;
	}

/****************************************
		13.  Form
*****************************************/
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #000000;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}



/****************************************
		14.  Footer
*****************************************/

#footer {
	width: 1000px ;
	margin: 30px auto ;
	}

.widget-area{
	float: left ;
	margin-left: 10px ;
	}

#footer h5 {
            font-size: 18px ;
            }

#footer .widget-container li {
	margin: 5px 0px 0px 15px ;
	font-size: 12px ;
	line-height: 14px ;
	}

#footer .widget-container a {
	color: #333333 ;
	}

#footer .widget-container a:hover {
	color: #87cefa ;
	text-decoration: underline ;
	}

#footer p.copy{
	font-size: 18px ;
	text-align: center ;
	margin-top: 40px ;
	color: #000000 ;
	}

#footer p.copy a {
	color: #000000 ;
	}
