/*
Theme Name: Phitagoras
Theme URI: http://marketbiz.net/
Description: Wordpress custom theme for Phitagoras.co.id
Author: I Made Rai Adi Sanjaya
Author URI: http://rai-adi-sanjaya.blogspot.com
Version: 1.0
*/

body {
	font:12px/1.4em Arial, Helvetica, sans-serif;
	color:#363636;
	background:#fff url(images/bg.jpg) repeat-x top;
}

a {text-decoration:none; color:#007ccd;}
a:hover {text-decoration:underline;}

h1,h2,h3,h4,h5 {font-family: "Lucida Sans Unicode", "Lucida Grande", helvetica, arial, sans-serif;}

#header {
	background:url(images/header.jpg) top right no-repeat;
	width:100%;
	height:110px;
}
#header .h_left {float:left;}
#header .h_right{float:right; }
ul.topnav {list-style:inline none; margin:0px; padding:0px;}
ul.topnav li {float:left; margin:0px; padding:0px;}
ul.topnav li a { float:left; display:block; margin:0px; padding:50px 10px 0px 10px; height:51px; text-decoration:none; color:#707070; text-shadow: #fff 1px 1px 0px;}
ul.topnav li a:hover {text-decoration:underline; color:#363636;}


.container {
	width:940px;
	margin:0px auto;
	padding:0px;
}

#menu {width:100%; height:32px; margin-bottom:15px; background:url(images/nav_bg.png) repeat-x;}
/*#menu ul li a {color:#fff; margin:4px 7px 0px 0px; padding:3px 5px; text-decoration:none; float:left; height:16px; text-shadow: #555 1px 1px 0px; -moz-border-radius:5px; border-radius:5px;}*/
#menu ul li a:hover {background-color:#78af02; text-shadow: #555 -1px -1px 0px;}
#menu ul li.current-cat a {background-color:#363636;}

/*-- Drop Down Menu --*/

/* Page Navigation */
ul.topnav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	list-style:inline none;
}
ul.topnav li {
	float:left; margin:0px; padding:0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	float:left; display:block; margin:0px; padding:50px 10px 0px 10px; height:51px; text-decoration:none; color:#707070; text-shadow: #fff 1px 1px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
ul.topnav li a:hover{
	text-decoration:underline; color:#363636;
}

ul.topnav li.download a {font-weight:bold; color:#900;}
ul.topnav li.current_page_item a { background:url(images/topnav_hov.png) top no-repeat; color:#363636; }
ul.topnav li.page-item-11.current_page_item a, ul.topnav li.page-item-521.current_page_item a, ul.topnav li.page-item-320.current_page_item a { background:url(images/topnav_aboutus_hov.png) top no-repeat; color:#363636;} 

ul.topnav li.page-item-11.current_page_item ul li a, 
ul.topnav li.page-item-521.current_page_item ul li a, 
ul.topnav li.page-item-320.current_page_item ul li a {
	background-image:none;
	color:#fff;
}

ul.topnav li ul.children {
	list-style: none;
	position: absolute; /*--Important - Keeps children from affecting main navigation flow--*/
	left: 10px; top: 72px;
	background: #363636;
	margin: 0; padding: 0px 5px 5px 5px;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #363636;
	z-index:1000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;*/
}
ul.topnav li ul.children li{
	margin: 0; padding: 0;
	border-top: 1px solid #555; /*--Create bevel effect--*/
	border-bottom: 1px solid #111; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	height:auto;
	background:url(images/arr_nav.png) 5px center no-repeat;
}
html ul.topnav li ul.children li a {
	float: left;
	width: 147px; height:auto;
	padding:5px 10px 5px 18px;
	margin:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color:#ebebeb;
	text-shadow:none;
	
}
html ul.topnav li ul.children li a:hover { /*--Hover effect for children links--*/
	color:#6dcff6;
	/*background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;*/
}

/* Categories Navigation */
ul.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 940px;
}
ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
	display:block;
	height:32px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.nav li a{
	color:#fff; margin:4px 10px 0px 0px; padding:3px 5px; text-decoration:none; float:left; height:16px; text-shadow: #555 1px 1px 0px; display:block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}
ul.nav li a:hover{
	
}

ul.nav li ul.children {
	list-style: none;
	position: absolute; /*--Important - Keeps children from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #1f7be5;
	margin: 0; padding: 0px 5px 5px 5px;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #1f7be5;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
ul.nav li ul.children li{
	margin: 0; padding: 0;
	border-top: 1px solid #4a9bea; /*--Create bevel effect--*/
	border-bottom: 1px solid #0c6edf; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	height:auto;
	background:url(images/arr_nav.png) 5px center no-repeat;
}
html ul.nav li ul.children li a {
	float: left;
	width: 147px;
	padding-left: 18px;
	margin:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px; 
	
}
html ul.nav li ul.children li a:hover { /*--Hover effect for children links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

/* End Drop Down Menu */



#feat {background:url(images/feat_bg.jpg) no-repeat; width:940px; height:259px; margin-bottom:20px;}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:250px;
		
		overflow:hidden; 
		}
	#slider .feat_l {
		float:left; width:510px; height:210px; padding:20px; color:#666;
	}
		#slider .feat_l h1 {font-size:24px; margin:0.2em 0px 0.5em; line-height:normal;}
		
		#slider .feat_l small {font-size:11px; color:#7c97b1;}
	#slider .feat_r {
		float:left; width:380px; height:210px; padding:20px 0px;
	}
		#slider .feat_r img {width:360px; height:200px; padding:4px; border:1px solid #91bbe5; background-color:#e7f3fe; }
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:-38px 0 0 20px;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 6px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		
		border:1px solid #fff;
		background:#007ccd;
		color:#fff;
		padding:0 7px;
		text-decoration:none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	ol#controls li.current a{
		background:#83b802;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#posts {float:left; width:640px;}
#posts p {color:#636363;}
#posts small {font-size:11px; color:#83aebf;}
#posts small .cat a {color:#fff; background:#78af02; padding:0px 2px;}
#posts ul.post-categories {display:inline; float:left;}
#posts ul.post-categories li {margin-right:5px; float:left;}
h1.page-title {font-size:18px; margin:0.5em 0px 1em; padding-bottom:0.5em; border-bottom:1px solid #ccc;}
#firstpost {border-bottom:1px solid #ebebeb; padding-bottom:10px;}
#firstpost h3 {font-size:16px; margin:0.1em 0px 0.5em 0px;} 
#firstpost img, .post img, #blog img {float:left; margin:0px 15px 10px 0px;}

a.readmore {background-color:#007ccd; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:2px 4px; margin:1em 0px; font-size:10px;}
a.readmore:hover {background-color:#363636; text-decoration:none;}
.post {margin:10px 0px;}

#recentpost {margin-bottom:10px; border-bottom: 1px solid #78af02;}
#recentpost .readall {float:right; margin:0px; padding:0px 4px; background:#78af02; font-size:10px; 
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;}
#posts #recentpost .readall a {color:#fff;}
ul.tabs {
	margin:1px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 2px solid #78af02;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 0;
	border-left: none;
	overflow: hidden;
	position: relative;
}
#posts ul.tabs li a {
	text-decoration: none;
	color: #78af02;
	display: block;
	font-size:11px;
	padding: 0 12px;
	outline: none;
}
#posts ul.tabs li a:hover {
	background: #78af02;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color:#fff;
}
html #posts ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #78af02;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.single, .archive {padding:1em 20px 1em 20px; margin-bottom:2em; border:1px solid #e4e7e0; border-bottom-color:#C4C4C4; width:600px;}
.single p {margin:1em 0px; line-height:1.5em;}
.single img {float:left; margin:0px 10px 10px 0px;}
.single h1 {font-size:22px; margin:0.8em 0px 1.5em;}

.archive .post {padding:10px; margin:10px 0px; border-bottom:1px solid #ebebeb;}

#posts ul.tabs li.active a {color:#fff;}
.tab_container .post {border-bottom:1px dashed #ebebeb; padding-bottom:10px; }

#blog {background:url(images/blog_bg.gif) top no-repeat; padding:10px 15px 0px 15px; margin:15px 0px;}
#blog small {color:#a7ad99;}
#blog h3 {margin:0.1em 0px 0.5em;}
#posts #blog a {color:#788d47;}
h2.blog {font-size:22px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #cdd2c2; text-shadow: #fff -2px -2px -2px;}
.r_link {float:right; font-size:11px;}
#posts #blog .r_link a {color:#9a7629;}
.blogfirst {border-bottom:1px solid #e3e7d9; padding-bottom:10px; margin-bottom:10px;}
.blogfirst img {padding:4px; border:1px solid #e3e7d9; background-color:#fff;}
ul.recentblog li {border-bottom:1px dashed #e3e7d9; padding:0px 0px 5px 1.6em; margin-bottom:5px; background:url(images/arr.gif) left 3px no-repeat;}

h2.news {font:bold 22px/1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#007ccd; padding:0px 0px 5px 45px; margin:0px 0px 0.7em 0px; border-bottom:1px solid #c6c6c6; background:url(images/news.png) left 3px no-repeat;}

#sidebar {float:right; width:280px;}
#sidebar h3 {font-size:16px; color:#555; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #c4c4c4;}
ul.widget-area {float:left; width:280px;}
ul.widget-area li.widget-container { 
	margin:0px 0px 15px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;}
	
/* Default Widget */
ul.widget-area li.widget {padding:10px 5px; border:1px solid #c4c4c4;}
ul.widget-area li.widget ul li {margin:0px; padding:5px 5px 5px 25px; border-bottom:1px dashed #ebebeb; background:url(images/arr.gif) 5px center no-repeat;}
ul.widget-area li.widget ul li a {display:block;}
ul.widget-area li.widget ul li a:hover {}

/* Categories Widget */
ul.widget-area li.categories { padding:0px; background:#f1f1f1; border:1px solid #73ab00;}
#sidebar ul.widget-area li.categories h3 {background:#74ac00 url(images/cat_bg.gif) repeat-x; color:#fff; padding:0px 10px; margin-bottom:0px; height:31px; line-height:31px; border-bottom:1px solid #73ab00;}
ul.widget-area li.categories ul li {margin:0px; padding:0px;}
ul.widget-area li.categories ul li a {display:block;  padding:5px 5px 5px 35px; color:#677744; border-top:1px solid #f9f9f9; border-bottom:1px solid #dbdbdb; background:url(images/arr_sidebar.gif) 10px center no-repeat; text-shadow: #fff 1px 1px 0px;}
ul.widget-area li.categories ul li a:hover {background:#d7d7d7; border-top-color:#c5c5c5; border-bottom-color:#c5c5c5; color:#363636; text-decoration:none;}

/* Twitter */
ul.widget-area li.twitter {background:#e1f4fb url(images/twit-bg.gif) center top no-repeat; border:1px solid #b7e0ef; padding:0px; }
ul.widget-area li.twitter h3 {background:url(images/twitter.png) 8px center no-repeat; padding:0px 0px 0px 50px; height:32px; line-height:38px; margin:5px 0px 0px 0px;}
ul.widget-area li.twitter small {font-size:11px; color:#8e8e8e; margin-left:5px;}
ul.widget-area li.twitter p {}
ul.widget-area li.twitter .twit {padding:0px 10px 10px 10px;}
ul.widget-area li.twitter .follow {background:#b7e0ef; padding:5px 10px; color:#1487b1; text-align:center;}

/* YM */
ul.widget-area li.ym {padding:5px; border:1px solid #c4c4c4;}
.widget-area  li.ym h3 {background:url(images/ym.png) 8px center no-repeat;  padding:0px 0px 0px 50px; line-height:38px; height:34px; margin:0px;}
.widget-area .ym_l {background:url(images/ym_l.gif) left top no-repeat; float:left; margin:0px 10px; padding-left:30px; height:70px; width:80px;}
.widget-area .ym_r {background:url(images/ym_r.gif) left top no-repeat; float:left; margin:0px 10px; padding-left:30px; height:70px;}

/* Milist */
ul.widget-area li.milist {background:url(images/milist.png) no-repeat; width:280px; height:77px;}
ul.widget-area li.milist input.txt {border:none; width:108px; height:20px; margin:36px 10px 0px 63px; background:url(images/milisttxt.png) repeat-x; float:left;}
ul.widget-area li.milist input.submit {margin:34px 0px 0px 10px; float:left;}
#result { margin:90px 0px 0px 0px; padding:10px; position:absolute; width:260px; border:3px solid #f7941d; background:#fff799; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radiuss:4px;}

/* Flickr */
ul.widget-area li.flickr {padding:5px; border:1px solid #c4c4c4;}
ul.widget-area li.flickr h3 {background:url(images/flickr.png) 8px center no-repeat;  padding:0px 0px 0px 50px; line-height:38px; height:36px; margin:0px;}
ul.widget-area li.flickr a img {padding:3px; border:1px solid #ebebeb; margin:2px;}
ul.widget-area li.flickr a:hover img {border-color:#ed0f90;}

/* Search */
ul.widget-area li.search {padding:5px 10px; border:2px solid #ebebeb; background:#ebebeb; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radiuss:4px;}
ul.widget-area li.search #s {border:1px solid #ccc; padding:0px 5px; width:170px; height:21px; line-height:23px;}
ul.widget-area li.search .submit {background:url(images/button.png) repeat-x; width:56px; height:23px; border:none; text-shadow:#b9e370 1px 1px 0px; margin-left:5px;}
ul.widget-area li.search label {display:block; margin:0px 0px 7px; color:#464646; fon}
ul.widget-area li.search .submit:hover {cursor:pointer;}

h1 { font-family: 'Josefin Sans Std Light', arial, serif; }

.clr {clear:both;}

#footer {width:100%; margin:1em 0 0 0; padding:0px; height:67px; background:#e6e6e6; color:#929292; border-top:3px solid #d7d7d7; }
#footer a {color:#929292;}
.copyright {float:left; background:url(images/logo_footer.gif) left center no-repeat; margin-top:10px; padding:10px 0px 0px 70px; font-size:11px; height:49px;}
.partner {float:right; background:url(images/partner_footer.gif) right no-repeat; width:332px; height:67px;}


/* =Comments
-------------------------------------------------------------- */
#comment-wrapper {margin:2em 0px 0.5em 0px; padding:1em 2em; border:1px solid #ebebeb; border-top:2px solid #ebebeb;}
ol.commentlist {margin:2em 0px 0.5em 0px; border-top:2px solid #ebebeb;}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:1em 0px; border-bottom:1px dotted #ebebeb;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}