/*
Theme Name: The Web News
Author: WPThemeDesigner
Author URI: http://www.wpthemedesigner.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	color: #565656;
	/*background-color: #2C2C2A;*/
	font-size: 14px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", "Osaka", Yu Gothic, Verdana,Arial, Helvetica, sans-serif !important;
}
a {
	color: #649230;
	text-decoration: none;
}
a:hover {
	color: #000000;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 970px;
	background-color: white;
	margin: auto auto;
	text-align: left;
	background-color: white;
	padding: 0 7px;
	display: block;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	background: #ffffff repeat-x 0 0;
}
	#header ul {
		float: left;
		list-style-type: none;
		padding: 10px 0;
		margin-left: -5px;
	}
		#header ul li {
			float: left;
			text-transform: uppercase;
			font-size: 0.9em;
			padding: 0 15px;
			border-left: 1px solid #2c2c2a;
		}
			#header ul li.f {
				border: 0;
			}
	#header .links {
		float: right;
		font-size: 0.9em;
		color: #2c2c2a;
		padding: 6px;
	}

	#header .logo {
		padding: 18px 18px 40px;
		float: left;
	}
		#header .logo h1 {
			font-family: BebasNeueRegular, Arial, Helvetica, Sans-Serif;
			font-size: 2.5em;
			line-height: 2.0em;
			text-transform: uppercase;

		}
		#header .logo h1 a {
			color: #2c2c2a;
		}
		#header .logo p {
			color: #649230;
			font-weight: bold;
			padding-left: 10px;
		}
	#header ol {
		list-style-type: none;
		height: 35px;
		background-color: #2c2c2a;
	}
		#header ol li {
			float: left
		}
		#header ol li a {
			color: #ffffff;
			display: block;
			padding: 5px 5px 5px;
		}
		#header ol li a:hover {
			background-color: #649230;
		}
	#header {
		
	}
/** END header **/

/** BEGIN content **/
#content {
	width: 666px;
	background-color: #FFFFFF;
	overflow: hidden;
	word-break: break-all;
	float: left;
}
	#content .post {
		width: 300px;
		height: 400px; 
		float: left;
		padding: 20px 15px 0px 18px;
		overflow: hidden;
		position: relative;
	}

	#content .post .CategoryTxt{
		margin-bottom: 0px;
		background-color:#1B1C1F;
		color:#DBDBDB;
		padding: 0px 0px 2px 5px;
		margin-left: 0px;
		text-align:right;
		width: 296px;
		height: 1.2em;
		overflow: hidden;
	}
	#content .post .substr{
		font-size: 0.9em;
	}
		#content .post h2 {
			font-size: 1.4em;
			margin-bottom: 15px;
			height: 2.8em;
			overflow: hidden;
		}
			#content .post h2 a {
				font-size: 0.9em;
				color: #252525;
			}
		#content .post .thumb_button {
			width: 300px;
			bottom: 0;
			position : absolute ;
		}

		#content .post .thumb_button .date {
			font-size: 0.9em;
			color: #808080;
			margin-bottom: 15px;
		}
		#content .post .thumb_button .continue {
			color: #ffffff;
			background-color: #649230;
			padding: 5px 10px;
			display: block;
			float: left;
			font-weight: bold;
			margin-bottom: 25px;
		}
		#content .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		#content .post .thumb {
			overflow: hidden;
			border: thin solid #A4B1A6;
		}
		#content .post .thumb div {
			height: 150px;
			overflow: hidden;
		}
		#content .post .thumb img {
			/**width: 247px;**/
		}
	#content .postnav {
		clear: both;
		padding: 20px 1px 30px 22px
	}
		#content .postnav ul {
			list-style-type: none;
			border: 0;
		}
			#content .postnav ul li {
				float: left;
				padding: 2px;
				padding: 2px;
			}
			#content .postnav ul li a {
				display: block;
				text-align: center;
				text-decoration: none;
				border: 0;
				padding: 34px 120px;

				background-color: #9F9F9F;
				color: #ffffff;
				font-family: Georgia;
				font-weight: bold;
			}
			#content .postnav ul li a:hover {
				background-color: #E05F00;
				border: 0 !important;
			}
			#content .postnav ul li.next a {
				width: auto;
				padding: 2px 4px;
			}
			#content .postnav .page_info {
				text-align: center;
				text-decoration: none;
				border: 0;
				padding: 5px 8px;
				background-color: #9F9F9F;
				color: #ffffff;
				font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 2px;
			}
			#content .entry-colorbox {
				float:left;
				padding: 7px 5px 7px 8px; 
				margin-top:5px;
				width:15px;
				background: #2C2C2A;
			}
			
			#content .entry-colorboxA {
				color:#FF69B4;
			}

			#content .entry-colorboxB {
				color:#FFFFFF;
			}


/** END content **/

/** BEGIN sidebar **/
#sidebar {
	width: 304px;
	float: right;
	padding-bottom: 20px;
	background-color: #F5F5DC;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	#sidebar .wrapper {
		padding: 0 15px;
	}
	#sidebar h2 {
		color: #252525;
		font-size: 0.9em;
		text-transform: uppercase;
		margin: 15px 0 10px;
	}
	#sidebar ul {
		list-style-type: none;
	}
		#sidebar ul li {
			border-bottom: 1px dotted #DADADA;
			line-height: 1.4em;
			padding: 4px 0;
			font-size: 0.9em;
		}
		#sidebar ul li a {
			color: #808080;
		}
		#sidebar ul li a:hover {
			color: #649230;
		}
	#sidebar .ads {
		text-align: center;
		padding: 10px 0;
	}
		#sidebar .ads img {
			margin: 3px;
		}
	#header .searchbox .search {
		float: right;
		border:none;	
	}
	#header .searchbox .search input {
		float: left;
		border: 0;
		font-size: 1.7em;
		margin: 3px 0px 0px 0px;
	}
	#header .searchbox .search button {
		float: right;
		border: 0;
		width: 60px;
		height: 29px;
		margin: 2px 2px 0px 1px;
		background-color: #649230;
		color: white;
	}
	#sidebar .flickr { }
		#sidebar .flickr img {
			margin: 3px;
		}
	#sidebar .video {
		padding-bottom: 5px;
	}
	#sidebar .tags { 
		padding-bottom: 5px;
	}
		#sidebar .tags a {
			color: #808080;
		}
		#sidebar .tags a:hover {
			color: #649230;
		}
	#sidebar .l {
		float: left;
		width: 125px;
	}
	#sidebar .r {
		float: right;
		width: 125px;
	}
		#sidebar .sbar li {
			font-size: 1em;
			padding-left: 12px;
			background: url(images/bullet.gif) no-repeat 0 8px;
			border: 0;
		}
/** END sidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #2c2c2a;
	color: #ffffff;
	font-family: Georgia;
	padding: 30px;
}
	#footer p {
		line-height: 1.5em;
	}
/** END footer **/
#googlead {
	padding: 0 35px 20px;
}

/** BEGIN miscellaneous **/
#comments {
	padding: 0 35px 20px;
}
	#comments h2 {
		margin: 20px 0 5px;
		font-size: 1.5em;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
		#comments form p {
			margin-bottom: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #909090;
			background-color: #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding:10px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em;
	text-transform: uppercase;
	padding: 25px 35px 0;
	color: #565656;
}

.page-title {
	padding: 5px 25px;
}

.entry-content {
	padding: 5px 35px;
}

.entry-content li{
	padding-top:5px;
	padding-bottom:5px;
	margin: 0;
	line-height: 1.4em;
	background: #2C2C2A;
	color:#FFFFFF;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: auto;
	overflow-Y:hidden;
}

.entry-content a{
	color:#FFFFFF;
}

.entry-content a:visited{
	color:#FF69B4;
}

.entry-content a:hover{
	color:#FFA500;
}

.entry-content a:active{
	color:#FFFFFF;
}
.single {
	padding: 20px 35px;
	background-color: white;
}
	.single h2 {
		font-family: Georgia;
		font-size: 2em;
		margin-bottom: 15px;
	}
	.single .date {
		font-size: 0.9em;
		font-family: Georgia;
		color: #808080;
		margin-bottom: 15px;
	}
	.single .wp-caption-text {
		font-size: 0.9em;
		font-family: Georgia;
		color: white;
		background-color:#808080;
		margin-bottom: 15px;

	}
	.single div {
		position: relative;
	}
	.single .ad {
		float: left;
		position: relative;
	}
	.single h3 {
		margin: 0 0 12px 0;
		padding: 0 0 0 10px;
		border-left: 8px solid;
		font-size: 2em;
	}
	.single p {
		font-size: 1.2em;
		line-height: 1.4em;
		margin-bottom: 10px;
	}
	.single ul {
		margin: 0 0 10px 16px;
	}
	.single ol {
		margin: 0 0 10px 18px;
	}
	.single li {
		line-height: 1.4em;
		padding: 2px 0;
	}
	.single blockquote {
		padding: 10px 10px 5px;
		margin-bottom: 10px;
		background-color: #eeeeee;
		border-width: 1px 0;
		border-style: solid;
		border-color: #e8e8e8;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments ol li {
		padding: 10px;
		border: 1px solid #e0e0e0;
		margin-bottom: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
/** END wordpress 2.7 comments **/

#wptd_footer { line-height:33px; }
#wptd_footer .wptd_logo { display:inline-block; width:30px; height:33px; text-indent:-9999px; text-align:left; background:url(images/wptd_logo/30.png) no-repeat; cursor:pointer; }