/*
Theme Name: Multimedia class 4
Theme URI: http://www.multimediaclass.net/
Description: Just another theme for multimediaclass site.
Version: 1.9
Author: Aditia.NumberOnE
Author URI: http://aditianumberone.blogspot.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/
*							{ padding: 0; margin: 0;}
html							{ background: #F6F6F6 url(../images/repeat-bg.jpg) repeat-x center top; }
body							{ background: url(../images/background.jpg) no-repeat center top; font: .88em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; width: 100%; display:table; }

/* Genere
---------------------------------------------------------------------------------*/
input, textarea						{ font: 100%/140% Arial, Helvetica, sans-serif;}
p							{ padding: 0 0 1.3em; color:#3b3b3b; }
p big, .intro						{ font: 115%/155% Georgia, "Times New Roman", Times, serif; color: #494949; }
img							{ border: none; }
a							{ color: #00aeef; text-decoration: none; outline: none; }
a:hover							{ text-decoration: underline; }
em							{ font: italic 100% Georgia, "Times New Roman", Times, serif; }
i							{ color: #3b3b3b; }
em strong							{ color: #CC0000; }
del							{ color: #666666; }
blockquote						{ padding: 0 10px 5px 20px; background: url(../images/images/1close-quote.gif) no-repeat right bottom; font: italic 115%/135% Georgia, "Times New Roman", Times, serif; color: #666666; }
blockquote em						{ font: italic 110%/130% Georgia, "Times New Roman", Times, serif; }
blockquote cite						{ font: normal 90%/110% Arial, Helvetica, sans-serif; text-align: right; display: block; }
ul							{ list-style: none; padding-top: .5em; }
ul li							{ padding: 0 0 1em 15px; line-height: 140%; }
.post ul li						{ background: url(../images/images/bullet.gif) no-repeat 4px 4px; }
ol							{ font: italic 125% Georgia, "Times New Roman", Times, serif; color: #CC0000; margin: .3em 0 15px; }
ol li							{ margin: 0 0 5px 30px; padding: 0; }
ol p							{ font: normal 80%/150% Arial, Helvetica, sans-serif; color: #333; }
h1, h2							{ font: 180%/110% Verdana, Geneva, sans-serif; padding: 0 0 8px; letter-spacing: -1px; color: #2b2b2b; }
h1.title 							{ text-align: left; font-size: 50px; letter-spacing: 1px; margin: 0px 0 20px; color: #000; padding: 16px 20px 16px 0; text-shadow: 1px 1px 3px #fff; }
h1.title span						{ color: #665750; }
h1 a, h2 a						{ color: #000; }
h1 a:hover,
h2 a:hover						{ color: #7d7d7d; text-decoration: none; }
h3							{ font: bold 135%/100% Arial, Helvetica, sans-serif; padding: 1.2em 0 .3em; }
h3 em, h4 em						{ color: #ff0071; letter-spacing: -1px; font-size:24px; }
h4							{ font: bold 120%/100% Arial, Helvetica, sans-serif; padding: .85em 0 5px; color: #666666; }

.tips span						{ float:left; }
.tips em							{ display:block; padding-left: 40px; }
ins							{ text-decoration: underline; }
.important						{ border: 1px solid #EFD50B; background: #F9EE9E url(../images/warning-large.png) no-repeat 10px 10px; padding: 10px 10px 10px 70px; }

/* kotak kode */
code							{ color: #000099; font: normal 100% "Courier New", Courier, monospace; /*white-space: nowrap;*/ padding: 0 2px; }
pre code						{ display: block; clear: both; padding: 10px; color: #333; border: solid 1px #ccc; overflow: auto; line-height: 140%; margin: 5px 0 15px; white-space: pre; background: #fff; }
code .comment						{ color: #888; }
code .class,
code .rules						{ color: #ff00ff; font-size: 100%; }
code .value,
code .title,
code .string						{ color: #0000FF; }
code .tag						{ color: #000099; }
code .link						{ color: #006600; }
code .to						{ color: #0000ff; }
code .keyword						{ color: #000099; }
code .form,
code .phpcomment					{ color: #ff9900; }
code .php						{ color: #ff0000; font-weight:bold; }
.attribute						{ color: #006600; }
.html .attribute					{ color: #006600; }

/* shadowbox */
.shadowbox,
.thickbox						{ position: relative; }
.shadowbox, .thickbox .zoom			{ }
a.thickbox:hover .zoom,
a.shadowbox:hover .zoom				{ width: 35px; height: 35px; position: absolute; margin: 15px 0 0 15px; background: url(../images/images/zoom-icon.gif) no-repeat; display: block; }

/* gallery */
.gallery						{ list-style: none; background: none; margin: 0; padding: 0 0 15px 0; clear: both; }
.gallery li						{ background: none; margin: 0; padding: 5px; float: left; text-align: center; font: 110%/140% Georgia, "Times New Roman", Times, serif; color: #666; }
.gallery img,
.gallery a img					{ border: solid 1px #D9D9D9; background: #ffffff; padding: 4px; }
.gallery a:hover img 				{ border-color: #666666; background: #fff; }
/* clearfix for gallery */
.gallery:after					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery						{ display: inline-block;}
* html .gallery					{ height: 1%;}
.gallery						{ display: block;}

/* image */
img.image						{ background: #fff; padding: 5px; border: 1px solid #eaeaea; }
p.image							{ margin-top: 4px; }
p.image img						{ background: #fff; padding: 5px; border:1px solid #ddd; }
p.image em						{ display: block; text-align: center; font-size: 95%; color: #666; padding: 0 0 6px; line-height: 140%; }
p.image a:hover img 					{ -moz-box-shadow: 0 0 3px rgba(0,84,166,0.5); border-color:#999; }
p.image a,
p.image a:visited					{ background: none !important; border: none !important; padding: 0 !important; }
p.image a:hover						{ text-decoration: underline; }
p.image small						{ color: #999999; display: block; font-size: 95%; line-height: 100%; }
p.left							{ float: left; margin-right: 10px; }
p.right							{ float: right; margin-left: 10px; }
img.left						{ float: left; margin-right: 5px; }
img.right						{ float: right; margin-left: 5px; }

/* wrapper
---------------------------------------------------------------------------------*/
#wrapper						{ width: 950px; margin: 0 auto; 1-moz-box-shadow: 0 0 3px #f00; position: relative; margin-bottom: 30px; z-index: 1;}
#backtotop						{ padding: 55px 0 0 548px; margin: 0; height: 26px; clear: all; }
#backtotop a						{ color: #000; font-size: 95%; background: url(../images/images/top-bg.gif) no-repeat right center; padding-right: 14px; }


/* header
---------------------------------------------------------------------------------*/
#header							{ height: 200px; width: 950px; margin: 0 auto; position: relative; }
#logo a							{ position: absolute; top: 50px; left: 53px; width: 287px; height: 31px; text-indent: -99999px; outline: none; }
#description						{ text-align: center; position: absolute; left: 73px; top: 70px; font: italic normal 15px Georgia, "Times New Roman", Times, serif; color: #0072bc; }

/* pagenav */
.pagenav						{ position:absolute; margin-top: 20px; padding: 0;right: 0px; z-index: 40000; }
.pagenav li						{ margin: 3px; float: left; padding: 0; }
.pagenav li a						{ color: #999; padding: 0 7px; color: #1b1b1b; font-weight: bold; font-size: 11px; border-right: 1px solid #CCC; }
.pagenav li a:hover, .current a				{ text-decoration: none; text-shadow: 0 1px 0 #fff; color: #000; }

.cat-nav						{ width: 950px; position: absolute; top: 70px;  }
.cat-nav ul						{ margin: 0 auto; padding: 0; /*background: #3F3F3F;*/ }

.cat-nav ul li						{
float:left;
aborder-right: 1px solid #f6f6f6; width: 120px;
padding: 0;
}
.cat-nav ul li a {
border-bottom:1px solid #DDD; 
color:#000;
display:block;
font-size:14px;
line-height:16px;
outline:0 none;
padding:5px;
}
.cat-nav li a span {
color:#999;
font-size:11px;
text-transform:lowercase;
}
.cat-nav ul li a:hover, .current-pagenav {
border-bottom:3px solid #CDCDCD !important;
padding-bottom:3px !important;
background: #DA4678;
}
.cat-nav ul li a:hover span, .current-pagenav span {
color: #000 !important;
}
.cat-nav ul li a:selected {
border-color:#E06565;
}

.cat-nav a:hover, .current-pagenav			{ text-decoration: none; color: #fff !important; }

/* content
---------------------------------------------------------------------------------*/
#content-wrapper					{ width: 650px; float: left; position: relative; }
#content						{ position: relative; display:block; background: #fff;
border-color:#E6E6E6 #E6E6E6 #ccc #E6E6E6;
border-style:solid;
border-width:1px 1px 1px 1px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
background:-moz-linear-gradient(center top , #FFFFFF, #FaFaFa);
}


.welcome						{ display: block; margin: 20px; border: 1px solid #ddd; background: #fff; }
.welcome h1						{ font-size: 100px; text-align: left; }


.index							{ min-height: 700px; }
/* Front page
--------------------------------------------------------------------------------*/
.welcome-message					{ padding: 20px; }
.welcome-message h1					{ font-size: 114px; margin-bottom: 10px; }
.welcome-message h2					{  }

.fp-wrap						{  }
.fp-wrap a						{ ; }
#home-container						{  }
.fp-wrap h3						{ text-align: left; font-weight: normal; font-size: 35px; color: #999; padding: 10px 0 20px; }
.widget-area						{ float: left; width: 281px; padding: 0 15px; }

#home-recentpost					{ display: none; }
#home-recentpost h3					{ padding: 0 0 5px; color: #999; font-size: 40px; font-weight:normal; }

#fp-footer						{ border-top: 1px solid #ddd; }
.recentpost-list					{  }
.recentpost-list li					{ padding: 0 0 20px 0; font-size: 16px; }
.recentpost-list li a					{ color: #000; text-shadow: 0 0 3px #ccc; font-weight: bold; }
.recentpost-list li em					{ margin-left: 10px; display: block; font-size: 12px; color: #999; }
.recentpost-list li em a				{ text-shadow: none; color: #DA4678; }

#home-recentpost .post					{ margin:25px 25px 10px 25px; }

/* featured-post
---------------------------------------------------------------------------------*/
.featured-post						{ min-height: 263px; 1-moz-box-shadow: 0 0 3px #ed145b; }

.tet { -moz-column-count: 3; width: 500px;}

/* Recent discutiom
---------------------------------------------------------------------------------*/
.recent-discution						{ min-height:500px; margin-top:40px; border-top:1px solid #959595; background: #f8f8f8; }

/* Activity page
--------------------------------------------------------------------------------*/
#activity-wrapper,
#member-wrapper
							{ width: 650px; float: LEFT; margin: 0 auto; position: relative;

border-color:#E6E6E6 #E6E6E6 #ccc #E6E6E6;
border-style:solid;
border-width:1px 1px 1px 1px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
background:-moz-linear-gradient(center top , #FFFFFF, #FaFaFa);

}

#activity,
#member
							{ position: relative; margin: 35px 25px 60px 25px; }
/* sidebar
---------------------------------------------------------------------------------*/
#sidebar						{ float:right; width: 280px; min-height:500px; amargin: 200px 0 0 0; abackground: #fff; aborder: 1px solid #ddd; }

.profilepage-nav					{ border: 1px solid #ddd; background: #fff; }
.profilepage-nav ul					{ padding: 20px 0; }
.profilepage-nav ul li					{ padding: 0 0 0 0; }
.profilepage-nav ul li a				{ display: block; padding: 5px 5px 5px 30px; color: #999; }
.profilepage-nav ul li a:hover				{ background: #DDE4F2; color: #000; text-decoration: none; }

/* Popular post */
.popu-head						{ padding-left: 10px; }
.post-stats						{ font-weight: normal; }

/* facebook Comunity */
.facebook-comunity					{ padding: 10px; margin-bottom: 20px; background: #fff url(../images/facebook256.png) no-repeat 10px;  border: 1px solid #ddd; }
.facebook-comunity h2					{ padding: 0 0 0 60px; font-size: 20px; font-size: 18px; }
.facebook-comunity h2 a					{ display: block; }

/* Search */
#search							{ padding: 5px; background: #ccc; margin-bottom: 20px; border: 1px solid #c0c0c0; }
#searchsubmit						{ cursor: pointer; float:right; padding: 5px; }
#s							{ width: 230px; font:110%/150% Arial,Helvetica,sans-serif; color: #6a6a6a; border:1px solid #303030; padding:3px; background: #353535; }
#searchform textarea:focus #s, #searchform input[type="text"]:focus { border-color:; }


/*category */
.category						{ display: none; min-height: 200px; padding-bottom: 10px; background: #fff; border: 1px solid #ccc;
border-color:#ccc #E6E6E6 #E6E6E6;
border-right:1px solid #E6E6E6;
border-style:solid;
border-width:1px 1px 1px;
}
.category h3						{ font: bold 135% Arial, Helvetica, sans-serif; color: #333; text-shadow:0 1px 0 #FFFFFF; text-align: center; height: 20px; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: #E3E3E3; }
.category ul						{ padding:; margin:0; }
.category ul li						{ font-size: 115%; list-style:none; padding: 0; margin:0; background:none; }
.category ul li a					{ color: #4D4D4D; display:block; padding: 5px 0 5px 25px; text-decoration:none; }
.category ul li:hover,
.category ul .current-cat				{ text-decoration:none; color: #fff; background: #FAFAFA; }
.category ul li:hover a,
.category ul .current-cat a				{ color: #00AEEF; }

.widget							{ position:relative; margin-bottom: 10px; }
.widget h4,.widget h3					{ color: #333; font-size: 20px; padding: 10px 0; text-align: center; }
.widget	h2						{ padding-left: 15px; }

.twitter						{ padding: 10px 10px; background: #fff; border: 1px solid #ddd; color: #999; font-size: 12px; /*font: 13px "Lucida Grande",Calibri,Helvetica,Arial;*/ }
.twitter ul li						{ padding: 5px 10px; }
.twitter ul li:hover					{ background: #f9f9f9; }
.twitter h4						{ border-bottom: 1px solid #ddd; text-align: left; text-shadow: 0 1px 0 #fff; }
.twitter h4	a					{ color: #0054a6; margin: 0 0 0 8px; display: block; }
.twitter h4	a:hover					{ text-decoration: none; }

/* tag cloud */
.tagcloud						{ background-color: #f1f1f1; padding: 0 0 10px 0; font: normal 100%/130% Georgia, "Times New Roman", Times, serif; text-align: center; }
#tagcloudtitle						{ background-color: #E3E3E3; font: normal 140%/100% Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; }
.tagcloud a						{ margin: 0 5px; color: #7b7b7b !important; text-transform: capitalize; }
.tagcloud a:hover					{ color: #ebebeb !important; }

.friends-link						{ height: 281px; border: 1px solid #E6E6E6; background: #f3f3f3; padding-bottom: 20px; }
.friends-link h3					{ background: #F6F6F6 url(../images/shuffle.png) no-repeat 10px 10px; border-bottom:1px solid #CCCCCC; text-align: left; margin-bottom: 10px; padding-left: 50px; text-shadow: 0 0 3px #ccc; }
.friends-link ul 					{  }

.recent-comments					{  }
.recent-comments a					{ color: #5b5b5b; }
.recent-comments li small				{ color: #7d7d7d; }
.recent-comments a:hover				{ color: #a8a8a8; text-decoration:none; }

#tooltip { font-size: 12px; display: none; position:absolute; padding: 2px 5px; border: 1px solid #ddd; color: #3b3b3b; background: #f2f2f2; -amoz-box-shadow: 0 0 3px #000; z-index:200; }


/* post
---------------------------------------------------------------------------------*/
.post							{ width: 600px; margin: 45px 25px 60px; position: relative; }

.post-head						{ margin-bottom: 12px; }
.post-date						{ color: #ccc; float: left; width: 90px; height: 30px; position: relative; }
.tanggal						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 50px;
left:0px;
position:absolute;
text-align:right;
top:0;
width:50px; }
.bulan						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:14px;
left: 52px;
position:absolute;
text-transform:uppercase;
top: 10px; }
.tahun						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
left: 52px;
letter-spacing:1px;
position:absolute;
top: 24px;
width:30px; }



.post-title						{ border-top: 1px solid #eee; color: #000; display: block; text-shadow:0 0 5px #ccc; padding: 5px 0; }
.post-entry						{  }
.more-link						{ display:; float: right; clear: right; }

.tagandcomment						{ text-shadow: 0 0 1px #fff; display:block; padding: 0 0 5px; border-bottom:1px solid #eee; }
.post-comment						{ float: left; width: 90px; padding:0 0 0 25px; background: url(../images/chat.png) no-repeat 5px center !important; }
.post-tags						{ float: left; background: url(../images/tag.png) no-repeat 5px center !important; margin: 0; padding: 0 0 0 30px; }
.post-tags a						{ color: #666!important; border:none; }
 
/* Article post head */
.pst-img_article					{ padding: 0 0 10px 0;  }
.pst-img_article a					{ border: 1px solid #ddd; display: block; width: 596px; height: 130px; }
.pst-img_article img					{ border: 1px solid #fff; padding: 5px; width: 584px; height: 118px; background: #F5F5F5;  }
.pst-img_article a:hover img				{ background: #DA4678; }

/* Post image */
.pst-image						{ margin-left: 10px; float: right; }
.pst-image img						{ width: 150px; height: 150px; border: 5px solid #f1f1f1; display: block; }
.pst-image a						{ display: block; margin:0 auto; border:1px solid #E3E3E3; }
.pst-image a:hover img 					{ -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080; border-color: #DA4678; }
.pst-image a,
.pst-image a:visited					{ background: none !important; padding: 0 !important; }
.pst-image a:hover					{ border: 1px solid #E3E3E3 !important; }

/* in search */
.in-search						{ padding: 30px 20px 30px 20px; width: 610px; }
.in-search .post-title a				{ background: #F5F5F5; display: block; padding: 10px 0 10px 10px; color: #000 !important; margin: 0 0 10px 0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } 
.in-search .post-title a:hover				{ background: #D4E2F0; border-color: #7DA8D2; color: #0054A6 !important; }
.search_post-entry p					{ color: #7D7D7D; }

.search_post-info					{ /*border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #F5F5F5;*/ padding-bottom: 0.5em; font-size: 14px; color: #0054A6 !important; }
.search_post-info ul li					{ float: left; padding: 0 0 3px 10px; }
.search_post-info .tags					{ margin-left: 10px;  }
.search_post-info a					{ color: #00AEEF !important; }

.insearch-img						{ width: 610px; }
.insearch-img .pst-image				{ margin: 0 auto; width: 450px; height: 100px }
.insearch-img .pst-image a img				{ width: 450px; height: 100px }
.insearch-img a						{ width: 453px; height: 150px; margin: 0 auto; }

.post:after						{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.post							{ display: inline-block;}
* html .post						{ height: 1%; }
.post							{ display: block; }
.post p a						{ text-decoration: none; }
.post p a:visited					{ }
.post p a:hover						{ text-decoration: none; }

.page							{ padding: 15px 25px; margin: 0; width: 600px; min-height: 1500px; position: relative; }
.single							{ padding: 30px 25px; margin: 0; width: 599px; min-height: 500px; position: relative; }

.post-meta						{ margin-bottom: 20px; text-shadow: 1px 1px 1px #fff; position: relative; }
.post-meta h1.post-title				{ border-bottom: 1px solid #ccc; border-top: none; width: 500px; }

.small-data						{ text-align: right; position: absolute; right: 0; top: 0; font-size: 12px; width: 80px; }
.single .post-category					{ margin: 5px 0 0 0; padding: 0 0 0 30px; }
.post-category a					{ color: #0054a6; border:none; }
.small-date						{ padding: 0 0 5px; }
.small-title						{ margin-left: 93px; min-height: 70px; text-align: left; border-left:1px solid #999; padding: 10px 0 10px 15px ;  }

/* tags */
.single .tags						{ border: 1px dashed #ccc; padding: 7px; margin-top: 20px;  }
.tags em						{ color: #0072bc; }
.tags a							{ color:#999; }
.tags a:hover						{ color:#000; }

/* archive title */
.archive-title						{ background: #a1a1a1; margin: 30px 0 0 0; border: 1px solid #959595; border-left: none; padding: 30px; width: 500px; }
.titlearchive						{ /*text-shadow: 1px 1px 1px #c1c1c1;*/ text-shadow: 0 0 1px rgba(109,109,109,.5); }

/* postnav */
.postnav						{ }
.postnav a						{ border: 1px solid #E2E2E2; display: block; background: #666; }
.postnav a:visited					{  }
.postnav a:hover					{ text-decoration: underline !important; }
.postnav .previous					{ float: left; text-align: left; }
.postnav .previous	a				{ padding: 15px 10px 15px 40px; border-left: none; }
.postnav .next						{ float: right; text-align: right; }
.postnav .next a 					{ padding: 15px 40px 15px 10px; border-right: none; }

.nav							{ height:; }
.postnav-info						{ float: right; color: #A7A7A7; }
.nav a,.on						{ border: 1px solid #B3B3B3; color: #000; text-shadow: 0 0 1px #fff; background: #DDD; background: -moz-linear-gradient(top, #F2F2F2, #DDD); padding: 5px 10px 5px 10px; }
.nav a:hover,.on					{ background: #F5F5F5; background: -moz-linear-gradient(top, #69BEFF, #4B89B8); background: -webkit-gradient(linear, 0 0, 0 25, from(#69BEFF), to(#4B89B8)); background: -0-linear-gradient(top, #69BEFF, #4B89B8); border-color: #ccc; text-decoration: none; }
.nav a:hover,.on:hover					{ -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; }
.post-nav						{ /*border-top: 1px solid #ccc;*/ padding: 25px; }

/* Post footer
---------------------------------------------------------------------------------*/
.post-footer							{ padding: 0 0 30px 0; position: relative; }

/* Posted info */
.postauthor-info						{ position: relative; color: #666; margin: 15px; padding: 10px; border: 1px solid #ddd; background: #eee; }
.author-info h2							{ color: #000; text-shadow:0 1px 0 #fff; }
.author-info h2 span						{ font-size: 16px; }

.author-avatar							{ float: left; border: 1px solid #ccc; margin:3px 0; -moz-box-shadow: 0 0 3px #fff; }
.author-avatar img						{ width: 80px; height: 80px; display: block; border: 1px solid #fff; padding: 5px; background: #F5F5F5; background:-moz-linear-gradient(top, #fafafa, #eaeaea); background: -webkit-linear-gradient(top, #fafafa, #eaeaea); }

.author-info							{ float: right; width: 490px; }
.author-info a							{ color: #666; }

.contact-info							{ float: left; width: 130px; padding: 7px; font-size: 10px; }
.contact-info b							{ color: #666; }

.authorlink							{ padding: 5px; }
.authorlink a							{ color: #00AEEF; margin:0px 20px 0px 0px; font-weight:bold; display:block; float:left; }
.authorlink a:hover						{ color: #111; text-decoration: none; }
.authorlink a.website						{ padding-left:25px; }
.authorlink a.twitter						{ padding-left:20px; }


.belt								{ width: 610px; top: 20%; margin: 10px 0 0 -11px; position: absolute; color: #fff; background: #525252; box-shadow: 0 2px 3px rgba(41,41,41,.3); -moz-box-shadow: 0 2px 3px rgba(41,41,41,.3); -webkit-box-shadow: 0 0 5px #CCC; padding: 20px 30px; z-index: 100; }
.belt h2,.belt h2 a						{ color: #fff; text-shadow:0 1px 0 #000000; float: left; }
.belt h2,.belt h2 a						{ cursor: pointer; text-shadow:0 0 5px #585858; }
.belt h2 a:hover						{ color: #000; }
.move-down							{ display: none; }


.left-arrow {
border-left:10px solid transparent;
border-top:5px solid #222;
height:0;
left:0;
line-height:0;
position:absolute;
top:100%;
width:0;
z-index: 2;
}
.right-arrow  {
border-right:10px solid transparent;
border-top:5px solid #222;
right:0;
height:0;
line-height:0;
position:absolute;
top:100%;
width:0;
}
/* Bookmark */
.bookmark-link						{ width: 608px; padding: 0 20px 20px; bottom: 0; z-index: 5; }
.bookmark-link h3					{ font:180%/110% Verdana,Geneva,sans-serif; }

.bookmark-link a					{ width: 64px; height: 64px; float:left; margin-right: 6px; }
.bookmark-link a:hover					{  }
.delicious						{ background: url(../images/delicious.png) no-repeat center; }
.digg							{ background: url(../images/digg.png) no-repeat center; }
.facebook						{ background: url(../images/facebook.png) no-repeat center; }
.stumbleupon						{ background: url(../images/stumbleupon.png) no-repeat center; }
.technorati						{ background: url(../images/technorati.png) no-repeat center; }
.btwitter						{ background: url(../images/twitter.png) no-repeat center; }
.yahoo							{ background: url(../images/yahoo.png) no-repeat center; }
.reddit							{ background: url(../images/reddit.png) no-repeat center; }


.extra_posts .single {
border:medium none;
padding-top:25px !important;
top:0;
}
.extra_posts h2, #page .extra_posts h3 {
padding-left:10px;
}
.extra_posts h3 {
font-size:24px;
}
.extra_posts .more_popular {
font-size:13px;
position:absolute;
right:40px;
top:45px;
}
.extra_posts ul {
float:left;
padding-left:5px;
position:relative;
}
.extra_posts ul li {
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
margin:0;
padding-left:0;
}
.extra_posts ul li a {
display:block;
float:left;
margin:7px 7px 0;
}
.extra_posts ul li a img {
display:block;
float:left;
}
.extra_posts ul li div {
background:none repeat scroll 0 0 #F2F2F2;
border:1px solid #D3D3D3;
display:none;
font-size:12px;
left:10px;
padding:15px;
position:absolute;
top:60px;
width:220px;
}
.extra_posts ul li:hover div {
display:block;
}
.extra_posts ul li div a {
margin:0;
}
.extra_posts ul li div span {
color:#000000;
display:block;
font-size:16px;
font-weight:bold;
}
.extra_posts ul li div span.arrow {
border-bottom:7px solid #F2F2F2;
border-left:7px solid transparent;
border-right:7px solid transparent;
height:0;
left:40px;
line-height:0;
position:absolute;
top:-7px;
width:0;
}
/* comments
---------------------------------------------------------------------------------*/
.comment-template					{ width: 650px; }
#comments						{ /* padding: 0 25px 25px 25px; */ background:#f6f6f6; }
.total-comments						{ font-size: 25px; padding: 30px 40px 20px 0; height: 32px; margin: 0 0 0 100px; display: block; color: #909090; border-bottom: 1px solid #ccc; text-align: right; }
.total-comments a					{ width: 32px; height: 32px; margin: -2px 0 0 10px; display: block; float: right; background: url(../images/comment_add.png) no-repeat; }
/*
.add							{ color:#ae0000; width: 32px; height: 32px; border: 1px solid #ccc;}
*/
#respond						{  }
/* commentlist */
.commentlist					{ clear: both; padding: 0; margin-bottom: 50px; }

.commentlist li					{ padding: 0 0 1em 0; position:relative; abackground: #EDEDED; margin-bottom: 10px; border-bottom: 1px solid #ccc; /* background: #f9f9f9;
								-moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
								-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
								box-shadow: 0 0 3px rgba(0,0,0,.1); */
						}
.comment-info					{ float: left; width: 180px; }
.comment-avatar					{ float: right; margin: 10px 0 20px 15px; width: 70px; height: 70px; border: 1px solid #ccc; }
.comment-avatar img				{ width: 60px; height: 60px; display: block; border: 1px solid #fff; padding: 4px; background: #F5F5F5; background: -moz-linear-gradient(center top , #FAFAFA, #EAEAEA); }

.comment-time					{ float: left; margin:20px 0; text-align: left; font-size: 85%; color: #999; position: relative; width: 70px; }
.date						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:35px;
left:0px;
position:absolute;
text-align:right;
top:0;
width:40px; }
.month						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:14px;
left: 42px;
position:absolute;
text-transform:uppercase;
top: -6px; 
width:30px; }
.year						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
left: 42px;
letter-spacing:1px;
position:absolute;
top: 7px;
width:24px; }
.time						{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:10px;
left: 80px;
letter-spacing:1px;
position:absolute;
top:15px;
width:30px; }


.comment-entry					{ float: right; width: 440px; padding: 10px; text-align: left; position: relative; }
.comment-author	a,
.comment-author	a:visited 			{ position: relative; color: #000; text-shadow: 0 0 5px #ccc; border: none; text-decoration:none; }
.comment-author	a:hover				{ border-bottom: 1px solid #ccc; }
.comment-author					{ text-align: right; color: #333; font: normal bold 110%/130% Arial, Helvetica, sans-serif; }
.commentlist cite				{ font: normal 11px Arial, Helvetica, sans-serif; position: absolute; border: 1px solid #ccc;  background: #DDD; padding: 3px; left: 15px; top: -15px; display: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.commentlist cite span				{ position:absolute; bottom: -14px; left: 5px; border-bottom: 7px solid transparent; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #DDD;	}





/* Hightlight autorComment */
.commentlist .author				{ font-style: normal; padding:0 0 1em 0; }
.author .comment-info				{ float: left; width: 180px; }
.author .comment-avatar				{ float: right; margin: 10px 0 20px 15px; width: 70px; height: 70px; border: 1px solid #ccc; }
.author .comment-avatar img			{ width: 60px; height: 60px; display: block; border: 1px solid #fff; padding: 4px; background: #F5F5F5; background: -moz-linear-gradient(center top , #FAFAFA, #EAEAEA); }


.author .comment-entry				{ float: right; width: 440px; padding: 10px; text-align: left; position: relative; }
.author .comment-entry p			{ color: #DA4678; }

.author .comment-author	a			{ color: #DA4678; }
.author .comment-author				{ text-align: left; }
.author .comment-time				{ float: right; text-align: right; margin-right: 15px; font-size: 85%; color: #999; }

/*
li .comment-entry:hover	{ 
							-webkit-box-shadow: 0 0 5px #009aff;
							-moz-box-shadow: 0 0 5px #009aff;
							box-shadow: 0 0 5px #009aff;
						}

.alt .comment-entry:hover	{	
								-webkit-box-shadow: 0 0 5px #0CF;
								-moz-box-shadow: 0 0 5px #0CF;
								box-shadow: 0 0 5px #0CF;
								
							}
*/

.commentform-area					{  }
.commentform-area h3					{ font-size: 35px; color: #999; font-weight: normal; }

.left-form						{ float: left; }
.right-form						{ float: right; }
.logged							{ float: left; width: 220px; }
.logged-name						{ color: #999; font-size: 25px; }
.logout-c						{ color: #666; }
.logged-name:hover, .logout-c:hover			{ text-decoration: none; border-bottom: 1px solid #ddd; }

/* commentform */
#commentform						{ padding: 30px 15px 20px 14px; }
#commentform p						{ padding: 0 0 10px 0; }
#commentform input[type="text"]				{ width: 202px; color: #777; border: solid 1px #bfbfbf; padding: 4px 3px; }
#commentform textarea					{ width: 383px; color: #777;height: 156px; border: solid 1px #bfbfbf; padding: 5px 2px 5px 5px; }
#commentform input[type="submit"]				{ 	background: #eaeaea; background: -moz-linear-gradient(top, #fff, #ddd);
								border-radius: 3px; -moz-border-radius: 3px;
								box-shadow: 0 0 3px rgba(102,102,102,.3); -moz-box-shadow: 0 0 3px rgba(102,102,102,.3);
								text-shadow: 0 0 1px #ccc;
								color: #666; width: 98px; height: 25px; border:1px solid #BFBFBF !important; }

#commentform input[type="submit"]:hover			{ cursor: pointer; background: -moz-linear-gradient(top, #eaeaea, #ddd); box-shadow: inset 0 0 3px #666; -moz-box-shadow: inset 0 0 3px #666; border: 1px solid #fff !important; text-shadow: 0 0 1px #fff; }
#commentform label small				{ font: italic 75% Georgia, "Times New Roman", Times, serif; color: #999; }

/*
#commentform input[type="submit"]				{ text-shadow: 0 0 3px #000; border: none !important; }
#commentform textarea:focus ,#commentform input:focus { -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; -khtml-box-shadow: 0 0 3px #ccc; }
*/

form p							{ position:relative; }
#commentform label					{ display: none; color: #777; font-size:; position:absolute; top: 4px; left: 7px; z-index: 200; }
.right-form p label					{ top: 7px !important; }

/*
#commentform textarea:hover,
#commentform input:hover			{ background: #f5f5f5; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #3c3c3c; color:#00aeef; }
*/

/* Footer
---------------------------------------------------------------------------------*/
#footer-container							{ width: 100%; background: #0c0c0c url(../images/footer.jpg) no-repeat center top; }
#footer								{ width: 1000px; background: url(../images/footer.jpg) no-repeat center top; margin: 0 auto; padding: 10px 0px 30px 0px; text-align:right; color:#666; font-size:12px; position: relative; }
#footer a								{ color: #fff; }

.gotop								{ margin: 0 auto; width: 65px; display: block; color: #5B5B5B !important; }
.gotop:hover							{ color: #fff !important; text-decoration: none; }


#ui-datepicker-div					{ display: none; }


#recent-posts						{	/*background: rgba(0,0,0,.5);*/ width: 280px; float: left; padding: 15px; text-align: left; }
#recent-posts h4						{	text-align: center; color: #ccc; }
#recent-posts ul						{	margin: 0; padding: 8px 0 0 0; }
#recent-posts ul li					{	padding: 0 0 10px 25px; }
#recent-posts ul li a					{	color: #666; }
#recent-posts ul li a:hover				{	color: #00aeef; text-decoration: none; }
#recent-posts ul li small				{	color: #4b4b4b; }

#recent-comment						{ width: 280px; smin-height: 200px; float: left; padding: 15px; text-align: left; }
#recent-comment h4					{ text-align: center; color: #ccc; }
#recent-comment a						{ color: #666; }
#recent-comment a:hover					{ color: #fff; }

#sticky-about						{	width: 295px; float: right; text-align: right; padding: 70px 30px 0 0; }
#sticky-about h4					{	text-align: right; font-size: 30px; padding-top: 0; border-bottom: 1px solid #666; color: #898989; }
#sticky-about p						{	color: #5b5b5b; margin-top: 5px; }
#sticky-about h1					{	font: italic 100% Georgia, Times, "sans-serif", verdana; }

#recent-photo						{	/*background: rgba(0,0,0,.5);*/ width: 295px; float: left; padding: 15px 15px 0 0; }
#recent-photo h4					{	text-align: center; }
#recent-photo ul 					{	margin: 0; padding: 12px 0 0 0; }
#recent-photo ul li					{	float:left; }
#recent-photo img					{	width: 52px; border: 3px solid #3b3b3b; }


#contactform								{ margin: 20px auto 40px auto; }
.intouch									{ margin: 0 auto; width: 500px; }
#intouchform								{ padding-top: 30px; }
#intouchform p								{ padding: 0 0 10px 0px; }
#intouchform label							{ color: #666; width: 80px; font-size: 95%; text-transform: uppercase; }
#intouchform input,
#intouchform textarea						{ width: 300px; padding: 5px; border: 1px solid #ccc; background: #F5F5F5; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#intouchform textarea:hover,
#intouchform input[type="text"]:hover		{ -moz-box-shadow: 0 0 3px #ccc; }
#intouchform textarea:focus,
#intouchform input[type="text"]:focus		{ color: #000; text-shadow: 0 0 1px #ccc; background: #F5F5F5; border-color: rgba(82, 168, 236, 0.75) !important; -moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5); }

#intouchform .submitbutton		{ width: 138px; padding: 3px 0 3px 0; margin: 10px 0 0 260px; cursor:pointer; border: none; font-weight:bold; text-shadow: 0 0 1px #666; background: -moz-linear-gradient(top, #69BEFF, #4B89B8); background: -webkit-gradient(linear, 0 0, 0 25, from(#69BEFF), to(#4B89B8)); color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
#intouchform .submitbutton:hover{  }

#intouchform #usermessage		{ font-size: 110%; width: 500px; margin: -30px 0 0 0; display: block; position: absolute; }
#intouchform .error				{ border: 1px solid #f00; background: #FFD9D9;}
#intouchform .failure			{ color:#669900; }
#intouchform .success 			{ color:#669900; }
#intouchform .required			{ color: #999999; padding-left: 5px; }