/*

Theme Name: Roam

Theme URI: http://roam.im

*/





/*css reset start*/

html, body, div, h1, h2, h3, h4, h5, h6, blockquote,ul,ol {

	margin:0;

	padding:0;

}

body {

        background: #f8f7f7;

	color:#333;

	font-family: "Comic Sans MS", "宋体", Arial;

	font-size:12px;

}

h2 {

	font-size:14px;

}



li {

	list-style-type:none;

	

}

.fixed {

	clear:both;

}


a{color:#39c;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;

	text-decoration: none;

}

a:hover{color:#EC9B59;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;

transition-property:color;cursor:pointer;}



img {

	border:1px solid #ccc;

	padding:2px;

}

blockquote, pre {

        background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;

	border:1px dashed #CCC;

	padding:8px 12px 8px 36px;

	margin:5px 0;

	color:#666;}

	

.right {

	float:right;

}

.left {

	float:left;

}

/*css reset end*/



/*layout start*/

#header, #container, #footer {

	width:100%;

}

.inner {

	margin:0 auto;

	width:980px;

}

#container {

	margin-top:20px;

}

.date, .author, .comments, .categories, .tags, .addcomment,.edit,.addtrackback {

	background:url(images/icon.png) no-repeat;

	width:14px;

}

/*layout end*/



/*header start*/

#header {

background: #f0f8e4;

	background:url(images/header1.jpg) top center repeat-x;

	height:150px;
     
}

#header .inner {

	height:150px;

}
#nav{ margin-top:55px;}

#time {

	border:none;

	float:right;

	width:180px;

	text-align:center;

	height:24px;

	background:url(images/time.jpg) no-repeat;

	color:#FFF;

	margin-right:8px;

}



#title{padding-top:20px;font-size:16px;

	width:216px;

	height:55px;

        margin-left:20px;}

#title a{
       -webkit-transition:all 1.5s ease-in;

       -moz-transition:all 1.5s ease-in;

       -o-transition:all 1.5s ease-in;}

#title a:hover{color:#EC9B59;;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;transition-property:color;}

.tagline{filter:alpha(opacity=30);

	opacity:.30;font-size:12px; margin-left:40px;}

.menu{

    height:30px;

    margin:0 auto;

	width:980px;}

.menu ul {

	font-size:12px;

	font-family:Arial;

	font-weight:bold;

}

.menu ul li {

filter:alpha(opacity=80);

	opacity:.80;
	display:inline;
    list-style-type:none;

	margin:0px 8px;

}

.menu li a{-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;}

.menu li a:hover{color:#EC9B59;-webkit-transition-property:color;-moz-transition-property:color;-o-transition-property:color;}







/*header end*/



/*search start*/

#search{float:right;width:220px;height:1%;height:30px;overflow:hidden;}

#search input#s{border:1px solid #ddd;color:#999;font-size:12px;}

#search input#searchsubmit{ width:26px; height:20px; background:url(images/search.png) no-repeat center; border-style:none; cursor:pointer;}

#searchsubmit{-webkit-transition:all 1s ease-in;

-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;}

#searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{ -webkit-transform:rotate(10deg) scale(1.05); -moz-transform:rotate(10deg) scale(1.05); transform:rotate(10deg) scale(1.05);}



/*search* end/



/*content start*/

#content {

	float:left;

	width:670px;

}



img.alignleft, div.alignleft {

float:left;

margin:0 0.5em 0.5em 0;

}

img.alignright, div.alignright {

float:right;

margin:0 0 0.5em 0.5em;

}

img.aligncentered, div.aligncentered {

text-align:center;

margin:0 auto;

}

#content h2 a {

	color:#666;

}

#content h2 a:hover {

	color:#030;

}

#content .post {

	

}

#content .entry{background:url(images/post_line.jpg) no-repeat 0px bottom;padding-bottom:5px;margin-bottom:10px;line-height:20px;letter-spacing:1px; 
	}



#content .postmetadata {

	height:16px;

	margin:5px 0px;

	padding-top:2px;

}

.postmetadata .date{

	height:14px;

	background-position: 0px -1px;

	padding-left:18px;}

.postmetadata .author{

	height:14px;

	background-position: 0px -20px;

	padding-left:18px;

	margin-left:5px;

	}

.postmetadata .edit {

	margin-right:5px;

	height:14px;

	background-position:0px -120px;

	padding-left:17px;}

.postmetadata .comments{

	height:14px;

	background-position: 0px -58px;

	padding-left:18px;}

.postmetadata .categories{

	height:14px;

	background-position: 0px -79px;

	padding-left:18px;

	}

.postmetadata .tags{

	height:14px;

	background-position: 0px -100px;

	padding-left:18px;

	margin-left:10px;}

/*content end*/



/*sidebar start*/

#sidebar {

	float:right;

	width:230px;

	text-align:left;

}



#sidebar a {

	color:#666;

}

#sidebar a:hover {

	color:#EC9B59;

}

#sidebar h3 {

	color:#999;

	margin-bottom:3px;

	font-size:12px;

	margin-top:10px;

}

#sidebar li {
         background:url(images/sidebar_li.jpg) 0px 6px no-repeat;

	padding-left:15px;

	list-style:none;	

}

/*sidebar end*/



/*singlepage start*/

#postpath{

	text-align:center;

	background:url(images/post_line.jpg) bottom no-repeat;

	line-height:30px;

	margin-bottom:10px;

	

}



/*singlepage end*/



/*footer start*/

#footer {

	 background: #f8f7f7;

	border-top:1px solid #ccc;

	height:92px;

	margin-top:10px;

	

	

}

#footer #gotop {

	float:right;

	margin-top:-22px;	

	text-align:center;

	background-color:#f5f5f5;

	border-top:solid 1px #ccc;

	border-right:solid 1px #ccc;

	border-left:solid 1px #ccc;	

	width:30px;

	height:20px;

	

}

#footer #themeinfo {

	float:left;

	padding-top:10px;

	padding-left:10px;

	background:url(images/footer_bg.jpg) left top no-repeat;

	height:70px;

}

#footer #themeabout {

	float:right;

	background:url(images/footer_bg.jpg) right top no-repeat;

	height:80px;

	padding-right:10px;

	padding-top:10px;

}

#themeabout .footrss a {

	float:left;

	background:url(images/rss.gif) no-repeat;

	width:16px;

	height:16px;

}

#themeabout .footrss a{ -webkit-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); -moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);-webkit-transition:all 0.5s ease-in;

-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}

#themeabout .footrss a:hover,#themeabout .footrss a:focus,#themeabout .footrss a:active{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg);  -webkit-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); -moz-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4);}

#themeabout .qq a {

	float:left;

	background:url(images/tqq.ico);

	width:16px;

	height:16px;

	margin-left:15px;

}

#themeabout .qq a{ -webkit-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); -moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);-webkit-transition:all 0.5s ease-in;

-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}

#themeabout .qq a:hover,#themeabout .qq a:focus,#themeabout .qq a:active{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg);  -webkit-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); -moz-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4);}

#themeabout .twitter a {

	float:left;

	background:url(images/twitter.gif);

	width:16px;

	height:16px;

	margin-left:15px;

}

#themeabout .twitter a{  -webkit-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); -moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);-webkit-transition:all 0.5s ease-in;

-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}

#themeabout .twitter a:hover,#themeabout .twitter a:focus,#themeabout .twitter a:active{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); transform:rotate(10deg);  -webkit-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); -moz-box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4); box-shadow:15px 15px 20px rgba(50, 50, 50, 0.4);}

/*footer end*/


/*comments start*/
cmtinfo{margin:0; padding:0;}

.info{margin-left:37px;}
.commentlist li{
	padding:6px 5px;}
.name{border-bottom:1px dashed #CCC; padding-left:10px;}
.thdrpy{display:block;width:30px;text-align:center;color:#aaa;padding:0 5px; background-color:#f8f7f7;border:1px dashed #dfdfdf;-moz-border-radius:12px;-webkit-border-radius:5px;border-radius:5px;}
.thdrpy:hover{background:#f2f2f2;}

.cmttext{margin-left:10px;}

.count{float:right;}



.count a{color:#39c;}



.count a:hover{color:#EC9B59;}

.cmtact{text-align:right;}

.addcomment{



	background-position:0 -40px;



	padding-left:18px;



	margin-left:10px;



	height:14px;	



}



#respond {



	font-size:90%;



	padding:15px 5px 0;



}



#author, #email, #url {



    background:url(images/input_icon.jpg) no-repeat;



	padding:2px 0px 2px 25px;



	width:200px;



	border:1px dashed #ccc;	



}



#author {



	background-position:3px 4px;



}



#email {



	background-position:3px -23px;



}



#url {



	background-position:3px -52px;



}



#comment {



	width:100%;



	border:solid 1px #CCCCCC;



	font-size:12px;



}



#submit{ float:right;background:#74CC41;color:#333;cursor:pointer;padding:2px 0px;width:260px;border:1px #999 solid;font-family: "Comic Sans MS";}

/*comments end*/



.post-nav{
background:url(images/post_line.jpg) bottom no-repeat;margin-bottom:10px;padding-bottom:10px;}







/*post related end*/