ติ๊ดดึก : โหมดปั่นรูป -..-

/*Normal Theme for the new exteen*/


/*Copyright by Tid-Duek, Oct.2009*/


 


 


 


 


/*======================================================================*/


/* Simple Reset - Not Editable*/


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, 


fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;


	padding: 0;


	border: 0;


	outline: 0;


}



 


 


 


 


/* General */

body {

	background:#ffffff url(http://farm3.static.flickr.com/2677/4015702873_dcd6fb3d6e.jpg) repeat top left;


	color:#333;


	font:12px Tahoma, "MS Sans Serif";


	line-height:1.5em;


	text-align:center;


}



 


 


 


 

a:link, a:visited{

	color:#de6f89;


	text-decoration:none;	


}



 


 


 


 

a:hover, a:active{

	color:#feba62;


}



 


 


 


 

#page{

	margin:auto;


	padding-top:15px;


	text-align:left;


	width:780px;


}



 


 


 


 

#header, #neck, #belly, #leg, #footer{

	float:left;


	width:780px;


}



 


 


 


 


/*======================================================================*/


/* Header */


 


 


 


 

#header{

	background:url(http://farm3.static.flickr.com/2691/4032147872_4eed077473_o.png) top left no-repeat;


	padding:10px 0px 0px 0px;


	text-align:center;


}



 


 


 


 

#header h1 a{

	color:#925e44;


	font-size:24px;	


}



 


 


 


 

#header h1 a:hover{

	color:#be8a70;	


}



 


 


 


 

#header h2{

	color:#be8a70;


                font-size:12px;


	margin:5px 0px 5px 0px;


}



 


 


 


 

#coverimage{

	background:url(http://farm4.static.flickr.com/3559/4032171864_4fac3884ac_o.png) no-repeat;


	height:490px;


	width:730px;


	margin-left: 0px


	


}



 


 


 


 


/*======================================================================*/


/* Neck Menu */


 


 


 


 

#neck{

	background:#feeaed;


}



 


 


 


 

#neck .module{

	background:#feeaed;


	display:inline;


	float:left;


	margin:0px 0px 0px 25px;


	padding:2px 0px 20px 0px;


	width:730px;


	font-size:12px;


	border-bottom:1px dashed #925e44;


}



 


 


 


 

#neck .module ul{

	display:inline;


	margin:0px;


	padding:0px;


}



 


 


 


 

#neck .module h2{

	display:none;


}



 


 


 


 

#neck .module li{

	border-right:1px solid #ccc;


	display:inline;


	padding:0px 10px 0px 10px;


}



 


 


 


 


/*======================================================================*/


/* Content */


 


 


 


 

#belly{

	background:#fdf5f6;


}



 


 


 


 

#content{

	display:inline;


	float:left;


	margin:10px 8px 0px 8px;


	width:520px;


	/*Fix too large image makes content drop problem in IE*/


	overflow:visible !important;


	overflow:hidden;


}



 


 


 


 

.entry{

	float:left;


	margin-bottom:10px;


	border-bottom:1px dashed #925e44;


}



 


 


 


 

.entry .title{

	display:block;


	float:left;


	margin-bottom:10px;


	width:100%;


}



 


 


 


 

.entry .title h2{

	font-size:18px;


	padding:10px 0px 0px 0px;


}



 


 


 


 

.entry .title h2 a{

	color:#925e44;


}



 


 


 


 

.entry .title h2 a:hover{

	color:#ce9a80;


}



 


 


 


 

.entry .title span{

	color:#ce9a80;


	font-size:10px;


}



 


 


 


 

.entry .post{

	float:left;


}



 


 


 


 

.entry .post p{

	margin-bottom:10px;


}



 


 


 


 

.entry .info{

	float:left;


	width:100%;


}



 


 


 


 

.entry .info .tag{

	float:left;


	font-size:10px;


	width:350px;


}



 


 


 


 

.entry .info .coms{

	float:right;


}



 


 


 


 


/*======================================================================*/


/* Sidebars */


 


 

#sidebar, #sidebar2{

	background:none;


	display:inline;


	float:left;


	margin:50px 0px 0px 20px;


	width:200px;


        border:1px dashed #925e44;


}



 


 


 


 

#sidebar2{

	display:none;


}



 


 


 


 

#sidebar .module, #sidebar2 .module{

	margin:5px 5px 90px 5px;


}



 


 


 


 

#sidebar .module ul, #sidebar2 .module ul{

	margin:5px 0px 0px 5px;


	padding:0;


	list-style: none;


}



 


 


 


 

#sidebar .module h2, #sidebar2 .module h2{

  border-bottom:2px dashed #ce9a80;


    font-size:18px; color:#925e44;


}



 

#sidebar .module h2, #sidebar2 .module h2{

	text-indent:-9999px;


}



/* Sidebar Header image */


#sidebar #recommend h2, #sidebar2 #recommend h2{background:url(http://farm4.static.flickr.com/3533/4031433229_8c24f5ab90_o.png) no-repeat;width:190px;height:35px;}


#sidebar #previous h2,#sidebar2 #previous h2{background:url(http://farm4.static.flickr.com/3481/4031433169_a9e645e508_o.png) no-repeat; width:190px;height:35px;}


#sidebar #commentalert h2,#sidebar2 #commentalert h2{background:url(http://farm4.static.flickr.com/3519/4032200422_d5a11fa99c_o.png) no-repeat; width:190px;height:35px;}


#sidebar #favourites h2,#sidebar2 #favourites h2{background:url(http://farm3.static.flickr.com/2453/4032186492_fbc29bf424_o.png) no-repeat; width:190px;height:35px;}


#sidebar #links h2,#sidebar2 #links h2{background:url(http://farm3.static.flickr.com/2459/4032186512_0372a88af1_o.png) no-repeat; width:190px;height:35px;}


#sidebar #categories h2,#sidebar2 #categories h2{background:url(http://farm4.static.flickr.com/3491/4032186572_1ddfaaa584_o.png) no-repeat; width:190px;height:35px;}


#sidebar #archives h2,#sidebar2 #archives h2{background:url(http://farm3.static.flickr.com/2579/4032186616_119643f02c_o.png) no-repeat; width:190px;height:35px;}


#sidebar #tags h2,#sidebar2 #tags h2{background:url(http://i174.photobucket.com/albums/w104/pla2na/Exteen/th_Tags2.png) no-repeat; width:190px;height:35px;}


#sidebar #pagemenu h2,#sidebar2 #pagemenu h2{background:url(http://i174.photobucket.com/albums/w104/pla2na/Exteen/th_Pages2.png) no-repeat; width:190px;height:35px;}


 


 


 


 

a.archive{

	background:url(http://g.exteen.com/t/simple/icon_archive.gif) no-repeat;


	width:12px;


	height:12px;


	padding-left:15px;


	overflow:hidden;


	margin-left:4px;


}



/*======================================================================*/


/* Configure each module */


 


 


 


 


/* Profile */

#profile{

	width:95%;


	height:70px;


}



 


 


 


 

#profile img{

	float:left;


	margin-right:10px;


}



 


 


 


 

#profile span{

	display:block;


}



 


 


 


 

#profile .info{

	width:100% !important;


	width:60%;


}



 


 


 


 


/* Tags */

#tags li{

	display:inline;


	margin-right:5px;


}



 


 


 


 


/*======================================================================*/


/* Comment Form */


 


 


 


 

#commentform{

	width:100%;


	background:#be8a70 ;


	float:right;


}



 


 


 


 

#commentform form{

	margin:5px;


}



 


 


 


 

#commentform h3{

	font-size:18px;


	font-weight:bold;


}



 


 


 


 

#commentform .formrow{

	border-top:1px dashed #fdf5f6;


	padding:3px;


}



 


 


 


 

#commentform label{

	float:left;


	width:150px;


}



 


 


 


 

#commentform input.textbox{

	width:150px;


}



 


 


 


 

#commentform textarea{

	width:310px;


	height:150px;


}



 


 


 


 


/*======================================================================*/


/* Comment (Showing Area) */


 


 


 


 

.comment{

	border-bottom:1px dashed #925e44;


	float:left;


	margin:15px 0px 0px 0px;


	padding-bottom:5px;


	width:100%;


                


}



 


 


 


 

.comment .post{

	float:right;


	width:330px;


}



 


 


 


 

.comment .post p{

	margin-bottom:10px;


}



 


 


 


 

.comment .info{

	float:left;


	font-size:10px;


	width:150px;


	margin-right:10px;


}



 


 


 


 

.comment .info img{

	width:32px;


}



 


 


 


 


/*======================================================================*/


/* Leg Menu */

#leg{

	background:#fdbac9;


 


 


 


 


}



 


 


 


 

#leg .module{

	background:#fb9cb2;


	display:inline;


	float:left;


	margin:0px 0px 0px 25px;


	padding:2px 0px 5px 0px;


	width:730px;


}



 


 


 


 

#leg .module ul{

	display:inline;


	margin:0px;


	padding:0px;


}



 


 


 


 

#leg .module h2{

	font-size:12px;


	font-weight:bold;


	display:inline;


}



 


 


 


 

#leg .module li{

	border-right:1px solid #CCC;


	display:inline;


	padding:0px 10px 0px 10px;


}



 


 


 


 


/*======================================================================*/


/* Footer */


 


 


 


 

#footer{

	background:url(http://farm3.static.flickr.com/2683/4032147808_e344afd033_o.png) top left no-repeat;


	height:33px;


}



 


 


 

#footer p{

	background:none;


	border-top:none;


	border-bottom:none;


	font-size:10px;


	text-align:center;


	margin:5px 25px 30px 25px;


	padding:-20px;	


}



 


 


 


 


 


/*======================================================================*/

.navbar{

	float:left;


}



 


 


 


 

.commentmanage{

	clear:both;


}



 


 


 


 


/*PNG support for IE*/


#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) } 

#sidebar .module h2, #sidebar2 .module h2{

  behavior: url(/global/iepngfix.htc) 


}