@charset "utf-8";
/*
Theme Name: Freezr New
Theme URI: http://freezr.jp
Description: Freezr Common Theme
Author: XF5
Version: 2.0
*/

body{padding:0;margin:0;background:#f7f6f6;font-size:16px;line-height:1.3em;font-family:sans-serif;}
.sprite{background:url("sprite.png") no-repeat;}
.sprite2{background:url("sprite2.png") no-repeat;}

ul{list-style-type:none;}

/********** COLOR ***********/
a,.cm-author{color:#006a94}
#submit{
	border:1px solid #0087ac;
	background:#00789f;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/********** HEADER **********/


#header a:hover{	
	text-decoration:none;
}
#title-area{
	background:#2d2620;
	height:70px;
	position:relative;
}
#catlist-area{
	background:#006a94;
	height:20px;
	padding:20px;
	border-top:1px solid #0087ac
}
#logo{
	font-weight:normal;
	font-size:25px;
	position:absolute;
	top:24px;
	left:20px;
	margin:0;
	padding:0;

}
#logo a{
	color:#eee;
	text-decoration:none;
}
#logo a:hover{
	text-decoration:none;
}
#menu-ul{
	position:absolute;
	top:0;
	left:400px;
	width:400px;
	display:block;
	padding:0;
	margin:27px 0 0 0;
	list-style-type:none;
}
#menu-network{
	border:1px solid #0087ac !important;
	background:#006a94 !important;
	display:inline;
	background:#443831;
	padding:6px 0;
	margin:0;
	position:relative;
}
#menu-rss{
	display:inline;
	background:#443831;
	padding:6px 0;
	margin:0;
	position:relative;	
	border:1px solid #4a3d35;
}
.menu-a{
	color:#ddd; 
	padding: 7px 25px 7px 12px;
	position:relative;
}
#menu-ul li a span{
	background:url("http://gcdn.wpbeginner.com/wp-content/themes/wpbgallery/images/arrow-down.png") no-repeat;
	display: block;
	width: 10px;
	height: 9px;
	top: 12px;
	right: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}
.submenu{
	display:none;
	position:absolute;
	top:20px;
	left:0;
	z-index:9999;
	padding-top:10px;
}
.submenu ul{
	list-style-type:none;
	background:#443831;
	padding:0;
	margin:0;	
}
.submenu ul li{		
}	
.submenu ul li a{
	display:block;
	color:#ddd;
	padding:8px 10px;
	border:1px solid #4a3d35;
}
.submenu ul li a:hover{
	background:#006a94;
	border:1px solid #0087ac;
}
#submenu-rss{
	width:90px;
}
#submenu-network{
	width:200px;
}
#catlist-ul{
	padding:0;
	margin:2px 0 0 0;
	list-style-type:none;
}
#catlist-ul li{
	display:inline;
	border:1px solid #0087ac;
	background:#00789f;
	padding:6px 0;
	margin:0 2px;
}
#catlist-ul li:hover{                      
	border:1px solid #0092be;
}
#catlist-ul li a{
	color:#e4e4ff;
	padding:5px ;
}
#catlist-ul li a:hover{
	color:#fff;
}


/********** WRAPPER **********/
#wrapper{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#left-index{
	float:left;
	width:720px;
	padding:10px;
}
#right-index{
	float:right;
	width:260px;
}
.article{
	border:1px solid #ddd;
	background:#fff;
	width:680px;
	padding:10px;
	overflow:hidden;
	margin:10px 0;
}
.thumbnail{
	width:158px;
	height:158px;
	float:left;
	margin-right:20px;
}
.thumbnail img{
	padding:4px;
	background: #F0F0F0;
	border: 1px solid #E0E0E0;
}
.article-metabox{
	position:relative;
	height:25px;
	font-size:13px;
}
.article-meta-cat{
	position:absolute;
	top:0;
	left:0;
}
.article-meta-date{
	position:absolute;
	top:0;
	right:0;
	color:#999;
}

.article-right{
	float:left;
	width:500px;
}
.article-titile{
	font-size:20px;
	line-height:1.2em;
	margin:0;
	padding:0;
}
.article-titile a{
	color:#000;
	font-weight:bold;
}
.article-titile a:hover{
	color:#000;
	text-decoration:underline;
}
.more-link{
	font-weight:bold;
	display:block;
	padding:6px 10px;
	width:85px;
	background:#f7f7f7;
	border:1px solid #e0e0e0;
	margin:10px 0;
}
.more-link:hover{
	text-decoration:none;
	background:#fff;
	border:1px solid #aaa;
}
.article-date{
	background:#f0f0f0;
	padding:5px;
}
#related li{
	padding:7px;
}



/********** SIDE **********/
.side{
	border-top:1px solid #ddd;
	margin:10px 0;
}
.sidetitle{
	font-weight:bold;
	font-size:18px;
}
.side ul{
	padding:0 10px;
	margin:0;
	list-style-type:none;
}
#recentcomments{
	padding:0;
}
.recentcomments{
	padding:10px;
}

/********** CONTENT *********/
#content{
	width:660px;
	margin:10px 0;
	float:left;
}
#side-content{
	width:330px;
	margin:10px 0;
	float:right;
}
#body{
}
.body{  	 
	padding:10px;       
	background:#fff;
	border:1px solid #ddd;
	margin:10px 0;
	overflow:hidden;
}
#bodytitle{
	font-size:18px;
	margin:10px 0;
	padding:0;
	line-height:1.3em
}
.button{
	border:1px solid #bbb;
	background: #F5f5f5;
	color:#222;
}
.button:hover{          
	text-decoration:none;
	border-color:#999;
}
#good-button,#bad-button{
	width:40px;
	float:left;
	padding:8px 8px 8px 25px;
	margin:0 5px;
	position:relative;
}
.button-img{
	display: block;
	width: 18px;
	height: 20px;
	top: 5px;
	left: 5px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}
#good-button .button-img{
	background-position: -98px -20px;
}
#bad-button .button-img{
	background-position: -88px -160px;
}
#buttons{
	overflow:hidden;
	height:36px;
}
#showrating{
	margin:5px 0;
	overflow:hidden;
	display:none;
}
#showgood,#showbad{
	margin:10px 0;
	position:relative;
}
#showgood .sprite{
	background-position: 0px -198px;
	text-indent:-9999px;
	display: block;
	width: 18px;
	height: 20px;
}
#showbad .sprite{
	background-position: -80px -35px;
	text-indent:-9999px;
	display: block;
	width: 18px;
	height: 20px;

}
#goodbar,#badbar{
	width:100px;
	height:10px;
	position:absolute;
	top:3px;
	left:60px;

}
#goodbar{
	border: 1px solid #698A14;
	background-color: #AADA37;
}
#badbar{
	border: 1px solid #881811;
	background-color: #CF362F;
}
#goodnum,#badnum{
	width:50px;
	position:absolute;
	top:3px;
	left:25px;
}
#tweet-button{
	position:relative;
	padding:7px 0 0 40px;
	color:#333;
	display:block;
	width:100px;
	float:left;
	margin-left:20px;
}
.tweet-img{
	top: 0;
	left: 5px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	display:block;
	width: 32px;
	height: 32px;
	background-position: 0 -931px;
}
.subtitle{
	font-size:16px;
	padding:5px 0;
	margin:0;
}
#adtitle{
	margin:20px 0 5px 0;
	padding:0;
}

/********** FOOTER **********/
#footer{
	background:#2d2520;
	height:100px;
}

.num{
	text-align:center;
	padding:5px;
	background:#222;
	border:1px solid #000;
	margin:10px 0 5px 0;
	color:#fff;
	display:block;
	width:25px;
}


/********** COMMENT **********/
.cm-wrapper{
	border:1px solid #ddd;
	background:#fff;
	padding:10px 10px 30px 10px;
	position:relative;
	margin-bottom:10px;
}
.cm-text{
	padding-top:5px
}
.cm-replybutton{
	position:absolute;
	bottom:0;
	left:0;
	padding:5px;
	background:#f7f7f7;
	border-top:1px solid #f0f0f0;
	border-right:1px solid #e9e9e9;
	font-size:12px
}
#cm-aria ul{
	padding:0;
	margin:0;
}
.children li{
	padding-left:30px;
	border-left:1px solid #aaa;
	background:url("li-left.png") no-repeat 0 20px;
}
.cm-meta{
	padding:0;
	margin:0;
	font-size:14px;
}
.cm-author{
	font-weight:bold;
}
.cm-date{
	color:#bbb;
	margin-left:10px;
}
#respond,#respond2{
	border:1px solid #ddd;
	background:#fff;
	padding:20px;
	margin-bottom:10px;
}
input,textarea{outline:none;border:1px solid #bbb;}
input:focus,textarea:focus{outline:none;border:1px solid #1D745A;-webkit-box-shadow: 0px 0px 3px #1D745A;-moz-box-shadow: 0px 0px 3px #1D745A;box-shadow: 0px 0px 3px #1D745A;}
#submit{
	margin-bottom:20px;
	color:#fff;
	padding:5px;
	cursor:pointer;
	font-size:15px;
}
#submit:hover{
	background:#eee;
	color:#111;
	border:1px solid #ddd;
}

.rw{width:190px;padding;5px;float:left;height:260px;margin:8px 8px 0 0;}
.rw p{width:190px;padding:5px;margin:0;}
.red{color:#CC0234}
.blue{color:#027BCC}
.pink{color:#ED00DD}
.black{color:#000}
#pager{text-align:center;overflow:hidden;padding:10px;margin:20px 0}
#pager a{dsplay:block;width:30px;height:30px;border:1px solid #ccc;padding:10px;}
#pager a:hover{background:#b40019;color:#fff;border:1px solid #d70019;}
#nowpage{background:#990019;color:#fff;border:1px solid #d70019;}

#related{
	padding:5px;
	margin:0;
}
#n{
	padding:0;
	margin:0;
}
	
#n li{
	font-size:15px;
	padding:10px;
	border-bottom:1px solid #e7e7e7;
	border-top:1px solid #ffffff;
	background:#f3f3f3;
}
#n a{
	line-height:1.2em;
	display:block;
}