/*
Theme Name: Satoshi
Theme URI: http://www.vooshthemes.com
Description: A Free Theme Developed By Voosh Themes
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* Colors -- Red: #9e1c1c */

@import "reset.css";

/*------------------------------------------------*/
/*---------------------TOOLS----------------------*/
/*------------------------------------------------*/
.-line { background: url(../images/line.png) no-repeat; width: 960px; height: 4px; float: left; margin: 10px 0 0 0; }
.footer-line { background: url(../images/line.png) no-repeat; width: 960px; height: 4px; float: left;  margin: 0 0 15px 0; }
.nav-line { background: url(../images/line.png) no-repeat; width: 960px; height: 4px; clear: both; margin: -4px 0 0 0; }
.featured-section-line { background: url(../images/line.png) no-repeat; width: 960px; height: 4px;  margin: 0 0 0 0; }
.featured-section-project-line { background: url(../images/line.png) no-repeat; width: 100%; height: 4px; clear: both; }
.post-line { background: url(../images/post-line.png) no-repeat; width: 600px; height: 4px; margin: 0 0 35px 0; }


.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
 
html[xmlns] .clear {
	display: block;
}
 
* html .clear {
	height: 1%;
}

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
#wrap { width: 960px; margin: 0 auto; }
body { background-color: #ffffff; color: #555555; line-height: 22px;
font:Arial, "·s²Ó©úÅé" ; font-size: 15px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; margin: 20px 0 15px 0; }
h2 { font-size: 180%; margin: 20px 0 15px 0; text-shadow: 1px 1px 1px #CCC ;}
h3 { font-size: 160%; margin: 20px 0 15px 0; font-weight:bold;}
h4 { font-size: 145%; margin: 20px 0 10px 0; }
h5 { font-size: 17px; margin: 20px 0 5px 0; }
h6 { font-size: 16px; margin: 0 0 0 0; }
p { margin: 0 0 10px 0; font-size: 15px;}
a:link, a:visited { color:#06F; text-decoration: none; }
a:hover, a:active { color: #555555; }
em { font-style: italic; }
strong{ font-weight:bold;}


/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#header { margin: 0 0 0px 0; }
#header h1 a { float: left; background: url(../images/logo-red.png) no-repeat; width: 345px; height: 82px; text-indent: -9999px; margin: 0 0 0 -8px; }
#header h2 { float: right; background: url(../images/description.png) no-repeat; width: 270px; height: 36px; text-indent: -9999px;margin: 0 0 0 10px; }

.shadow-title{
	text-shadow: 1px 1px 1px #CCC ;
	font-weight:bold;
}
/*------------------------------------------------*/
/*-----------------NAVIGATION---------------------*/
/*------------------------------------------------*/
ul.nav { margin: 18px 0 5px 0; width:100%; height: 35px;}
ul.nav li { float: left; padding: 0 0 0 0; }
ul.nav a { color: #222222; font-size: 16px ; font-weight: bold; }
ul.nav a:hover, ul.nav a:active { color: #06F; }
ul.nav li .special-character { padding-left: 20px; color: #222222; }
ul.nav li.current_page_item a { color: #06F; }

/*------------------------------------------------*/
/*-----------------MAIN LAYOUT--------------------*/
/*------------------------------------------------*/
#main { clear: both; padding: 0px 0 0 0; }
#content { float: left; width: 640px; padding: 0 0 0 2px; }
#sidebar { float: right; width: 300px; }

/*------------------------------------------------*/
/*-----------------FRONT PAGE---------------------*/
/*------------------------------------------------*/
#frontpage-content { float: left; margin: 0 0 60px 0; }
#frontpage-content h2 { font-size: 22px; color: #222222; margin: 35px 0 25px 0; }
#frontpage-content h3 { font-size: 14px; font-weight: bold; margin: 0 0 0 0; }
#frontpage-content #featured-section { background: url(../images/featured-text.png) no-repeat; width: 840px; height: 105px; margin: 40px 0 32px -5px; }
#frontpage-content #featured-project h2 { background: url(../images/featured-project.png) no-repeat; width: 230px; height: 39px; text-indent: -9999px; margin: 30px 0 0 -6px; }
#frontpage-content #featured-project { float: left; margin: 0 0 42px 0; }
#frontpage-content #featured-project #project-screenshot { float: left; padding: 16px 30px 0 0; }
#frontpage-content #featured-project #project-screenshot img { border: 1px #dddddd solid; }
#frontpage-content #featured-project #project-details { float: left; }
#frontpage-content #featured-project #project-details h3 { font-size: 22px; font-weight: normal; padding: 0 0 20px 0; }
#frontpage-content #featured-project #project-details p { width: 475px; padding-bottom: 18px; }
#frontpage-content #featured-project .view-project-button { background: url(../images/view-product-details-button-light-blue.png) no-repeat; width: 188px; height: 37px; display: block; margin: 5px 0 0 -8px; }
#frontpage-content .frontpage-project-box { float: left; padding: 0 0 0 50px; width: 200px; }
#frontpage-content .frontpage-project-box-1 { float: left; padding-left: 0px; width: 200px; }
#frontpage-content .frontpage-project-box img, #frontpage-content .frontpage-project-box-1 img { border: 1px solid #dddddd; }

.frontpage-news-box-1{padding:10px; border-bottom: 1px #CCC solid;}
.frontpage-news-box { padding:5px;}
.frontpage-news-box-left { float:left; padding-right:10px}
.frontpage-news-box-left img { padding: 2px; border: 1px solid #cccccc;}

.frontpage-news-box-1 .frontpage-news-box-right { float:left; width: 280px; }
.frontpage-news-box-right {float:left;width:145px}
.frontpage-news-box-right h3{ margin:0 !important; font-size:13px !important; line-height: 16px; }
.frontpage-news-box h3{font-weight:normal !important;}
.frontpage-news-box-1 h3{ margin:0 0 10px 0 !important; padding:0 !important; font-size:16px !important; line-height: 20px}
.frontpage-news-box-1 p{ line-height: 20px; font-size:13px;}
.frontpage-news-box p{ line-height: 18px; font-size:12px;}

.frontpage-news-box{width:224px; float:left;}

/*------------------------------------------------*/
/*-----------------POSTS/PAGES--------------------*/
/*------------------------------------------------*/
#post {width:650px; float:left}
.post { margin: 0 0 35px 0; }
.post .post-title { margin-top: 0px; }
.page-title { font-size: 25px; line-height:45px; font-weight: bold; margin: 5px 0 10px 0; padding:5px 0 0 46px; color: #666666; text-shadow: 1px 1px 1px #CCC ; background: url(../images/iPhoneer_logo_s.png) no-repeat left top;}
.post h2 a { color: #181818; line-height: 42px; }
.post h2 a:hover { color: #06F; }
.post p { margin: 10px 0 0 0; }
.post p.meta { font-size: 12px; margin: 0; color: #888888; }
.post .post-image { border: 1px #cccccc solid; margin: 25px 0 15px 0; width: 575px; }
.post ol { margin-bottom: 20px; }
.post ol li { list-style:decimal; color: #555555; margin-left: 18px; padding-left: 5px;}
.post ul, .page ul { margin:10px 0 10px 20px;}
.post ul li, .page ul li  { list-style:circle; color: #555555; font-size: 12px; margin-left: 15px; padding-left: 5px; }
.previous-posts, .newer-posts { float: left; margin: -10px 0 50px 0; }

.post-meta {font-size:12px; color:#888888;}



ul.ori-list { margin-top: 10px; }
ul.ori-list li { list-style:circle; color: #555555; font-size: 12px; margin-left: 15px; padding-left: 5px; }

/* Search/Archive Pages */
.search-result, .archive-result { float: left; margin: 10px 0 20px 0; }
.search-link, .archive-link { font-size: 16px; margin: 0 0 0 0; }
.search-meta, .archive-meta { font-size: 10px; color: #888888; text-transform: uppercase; margin: -2px 0 0 0; }

/*------------------------------------------------*/
/*-----------------PORTFOLIO----------------------*/
/*------------------------------------------------*/
/* Portfolio page */
#portfolio h3 { font-size: 14px; color: #000000; font-weight: bold; margin: 15px 0 2px 0; }
.portfolio-box { float: left; padding: 0 0 20px 50px; width: 200px; }
.portfolio-box-1 { float: left; padding: 0 0 20px 0px; width: 200px; }
.portfolio-box img, .portfolio-box-1 img { border: 1px solid #dddddd; }

#blog h3  { font-size: 16px; color: #000000; font-weight: bold; margin: 5px 0 2px 0; }
#blog .blog-box {  padding: 20px 0 20px 0px; width: 100%;}
#blog .blog-box-1 {  padding: 0 0 20px 0px; width: 100%; }
.blog-box-left { width:170px; float:left}
.blog-box-right { width:790px; float:left}

#list h3  { font-size: 16px; color: #000000; font-weight: bold; margin: 0 0 2px 0; }
#list {float:left; width:650px}
#list .list-box {  padding: 20px 0 20px 0px; width: 100%;}
#list .list-box-1 {  padding: 5px 0 20px 0px; width: 100%; }
.list-box-left { width:140px; float:left}
.list-box-left img { padding: 2px; border: solid 1px #999; width: 120px; }
.list-box-right { width:497px; float:left}

.author-box-left { width:160px; float:left}
.author-box-left img { padding: 2px; border: solid 1px #999; }
.author-box-right { width:477px; float:left}


/* Single Project Page */
#project-single-content { width: 650px; margin: 0px 0 60px 0; float: left; }
#project-image-large { border: 1px #cccccc solid; width: 450; height: 275px; float: left; margin: 0 30px 0 0; }

#project-single-content .post #project-details h2 { margin-top: 0px; padding: 10px 0 10px 0; }
#project-single-content .post #project-details h2 a { font-size: 24px; font-weight: bold; line-height: 0px;}
#project-single-content #project-details .view-site-button { background: url(../images/visit-site-button-light-blue.png) no-repeat; width: 128px; height: 37px; display: block; margin: 15px 0 0 -8px; float: left; }

#project-single-content #project-details .itunes-button { background: url(../images/button-itunes.png) no-repeat; width: 128px; height: 37px; display: block; margin: 5px 5px 0 -8px; float: left; }
#project-single-content #project-details .apptrackr-button { background: url(../images/button-apptrackr.png) no-repeat; width: 128px; height: 37px; display: block; margin: 5px 0 0 -8px; float: left; }

/*------------------------------------------------*/
/*-----------------SIDEBAR------------------------*/
/*------------------------------------------------*/
#sidebar { margin-top: 10px }
#sidebar .sponsors { float: left; margin: 0 0 20px 0; }
#sidebar .sponsors img { float: left; margin: 0 6px 6px 0; }
#sidebar .widget { 
	padding: 10px; 
	background:url(../images/head_bg.png) repeat-x top left; 
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	margin-top:10px ;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}
#sidebar h2 { font-size: 20px; padding: 0 0 0 3px; margin:0 0 10px 0; }
#sidebar li ul li { background: url(../images/arrow.png) no-repeat; margin: 0 0 5px -2px; padding: 2px 0 0 40px; }
#sidebar .textwidget, #sidebar #calendar_wrap, #sidebar #searchform { margin: 0 0 0 4px; }


/*------------------------------------------------*/
/*-----------------COMMENTS-----------------------*/
/*------------------------------------------------*/
#comments { width: 575px; }
/* actual comment styling */
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0px 0 0; }
.commentlist .fn { color: #555555; font-size: 16px; }
.commentlist .url { color: #9e1c1c; font-size: 16px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { text-indent:-9999px; margin: 5px 0 0 -7px; background: url(../images/reply-button-light-blue.png) no-repeat; width: 73px; height: 28px; display: block; }

/* respond form */
#respond h3 { margin-bottom: 20px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 485px; margin: 0 0 0 -4px; }
#commentform input { background: url(../images/textfield-bg.png) no-repeat; border: none; float: left; color: #555555; width: 280px; font-size: 11px; padding: 12px; margin-bottom: 20px; font-family: Arial; }
#commentform textarea { background: url(../images/textarea-bg.png) no-repeat; border: none; color: #555555; width: 468px; height: 238px;  margin: 5px 0 0 2px; font-size: 11px; padding: 10px 10px; font-family: Arial; }
#commentform .submit { background: url(../images/submit-button-light-blue.png) no-repeat; width: 128px; height: 37px; margin: 20px 0 40px -4px; cursor: pointer; }
#commentform label {  float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#commentform .logged { margin: 0 0 0 5px; }

/*------------------------------------------------*/
/*-----------------CONTACT FORM-------------------*/
/*------------------------------------------------*/
#contact { margin: 20px 0 0 0; }
#contactform  { width: 500px;  margin: 0 0 30px -4px; }
#contactform input { background: url(../images/textfield-bg.png) no-repeat; color: #555555; border: none; padding: 12px; width: 255px; float: left; margin-bottom: 20px; font-family: Arial; font-size: 12px; }
#contactform textarea { background: url(../images/textarea-bg.png) no-repeat; width: 468px; height: 238px;color: #555555; font-size: 12px; padding: 10px; border: none; font-family: Arial; line-height: 20px; overflow: hidden; margin: 5px 0 0px 1px; }
#contactform label { color: #888888; padding: 7px 0 0 20px; float: left; font-size: 12px; text-transform: uppercase; }
#contactform .submit { background: url(../images/submit-button-light-blue.png) no-repeat; width: 128px; height: 37px; cursor: pointer; border: none; margin: 15px 0 0 -5px; }
.contact_error { background: #eeeeee url('../images/cross.png') no-repeat 10px center; display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; color:#555555; border: 1px solid #cccccc; margin-bottom: 30px; }
#contact #email_sent { background-color: #eeeeee; border: 1px #cccccc solid; padding: 10px; height: 60px; }
#contact #email_sent h3 { background: url('../images/tick.png') left no-repeat; padding-left:22px; margin-top: 4px; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/
#footer { clear: both; padding: 15px 0 80px 0; font-size: 10px; }
#footer .copyright { float: left; }
#footer .design { float: right; }


/*------------------------------------------------*/
/*-----------------custom-------------------------*/
/*------------------------------------------------*/

/*------------------------------------------------*/
/*--------------subscription----------------------*/
/*------------------------------------------------*/

#subscription{
float:right;
width:280px;
}

#subscription ul li{
float:left;
}

/*------------------------------------------------*/
/*--------------advertisement---------------------*/
/*------------------------------------------------*/

#ad{
	padding: 10px 0 0 0;
}

#left-ad{
	float: left;
}

#right-ad{
	float: right;
}

/*------------------------------------------------*/
/*------------------------Home--------------------*/
/*------------------------------------------------*/

.wide-ad-block{
	width: 468px;
	height: 60px;
	border: 1px #999999 solid;
}

.slim-ad-block{
	width: 295px;
	height: 60px;	
	border: 1px #CCCCCC solid;
	margin-bottom: 10px;
	
	background:url(../images/head_bg.png) repeat-x top left;
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

#middle-content{
	padding: 20px 0 20px 0;	
}

#feature-story {
	width: 647px; 
	float: left;
	background:url(../images/head_bg.png) repeat-x top left;
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


#feature-story-top-thumbnail{
	padding:10px 20px 15px 10px;
	float:left;
}

#feature-story-top-content{
	padding:10px 20px 20px 0;
	float:left;
	width:385px;
}

#feature-story-top-content h3 {
	color:#222222;
	font-size:18px;
	margin-bottom:10px
}

#feature-story-top-content p{
	color:#666666;
	font-size:14px;
}

#feature-story-top-thumbnail img{
	border:5px solid #444;
}

#featured-ad{
	float:left;
	margin-left:10px;
}

#feature-story-list{
	padding:0;
}

.feature-story-mini{
	
	padding: 5px;
	float:left;
	height:69px;
	overflow:hidden;
}

.feature-story-mini:hover, .frontpage-news-box:hover{

}


.feature-story-mini img{
	width: 50px;
	float:left;
	border:1px solid #444;
	
}

.feature-story-mini-content{
	float:left;
	margin-left:5px;
	width:148px;
}


.feature-story-mini h4 {
	font-size:13px;
	margin: 0;
	padding: 0;
	line-height:17px;
}

.feature-story-mini p {
	font-size: 12px;
	line-height:16px;
	padding-top:5px;
	margin-bottom: 0;
	padding-bottom:0;
}

.feature-apps {
	width: 647px; 
	background:url(../images/head_bg.png) repeat-x top left;
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.feature-apps-thumbnail{
	float: left;
    padding: 10px ;
	max-width: 367px;
}

.feature-apps-content{
	float: left;
    padding: 10px 10px 10px 0;
	width: 260px;
}


.feature-apps h3{ margin:0 0 10px 0 !important; padding:0 !important; font-size:18px !important; line-height: 20px}

.middle-content-left{
	float: left;
}


.middle-content-right{
	float: right;
	border: none !important;
	background-color:#FFFFFF !important;
}

#middle-content-bottom{
	margin-top:20px;
	float: left;
	height: 140px;
}

.content-block{

	width: 470px;
	min-height: 335px;
	
	background:url(../images/head_bg.png) repeat-x top left;
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.content-block-mini{
	width: 300px;
	height: 140px;
}

.content-header{
	
	padding: 5px;
	border-bottom: solid 1px #CCC;
	background:url(../images/content-header-bg.png) repeat-x top left #DDD;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;

}

.content-body{
	background:url(../images/head_bg.png) repeat-x top left;
}

.content-body:hover{
	background: #FFF;
}


/*------------------------------------------------*/
/*---------------------title----------------------*/
/*------------------------------------------------*/
.all-title{
width:180px;
height: 50px;
margin:0px !important;
text-indent: -9999px;
padding-bottom:5px;
background-repeat:no-repeat;
}
 
.title-game{background:url(../images/title_game.png) no-repeat ;}
.title-news{background:url(../images/title_news.png) no-repeat ;}
.title-tutorial{background:url(../images/title_tutorial.png) no-repeat;}
.title-photography{ background:url(../images/title_photography.png) no-repeat; }
.title-apps{ background:url(../images/title_app.png) no-repeat; }
.title-newbie{ background:url(../images/title_newbie.png) no-repeat; }
.title-jailbreak{ background:url(../images/title_jailbreak.png) no-repeat; }
.title-contact{ background:url(../images/title_contact.png) no-repeat; }
.title-blog{ background:url(../images/title_blog.png) no-repeat; }
.title-aboutus{ background:url(../images/title_aboutus.png) no-repeat; }
.title-editor{ background:url(../images/title_editor.png) no-repeat; }
.title-editor-choice{ background:url(../images/title_editor_choice.png) no-repeat; }
.title-about-us{ background:url(../images/title_aboutus.png) no-repeat; }
.title-search{ background:url(../images/title_search.png) no-repeat; }



/*------------------------------------------------*/
/*----------------navigation menu-----------------*/
/*------------------------------------------------*/

.page{
width:650px; 
float:left;	
}
.menu li.menu-item a{
width:98px;
height: 35px;
display:block;
text-indent: -9999px;
margin: 0;
padding: 0;
}

/*===*/
/*home*/
.menu li.menu-item-4307 a{ width:58px; background:url(../images/nav-buttons.png) no-repeat -7px -16px; }
.menu li.menu-item-4307 a:hover{ width:58px; background:url(../images/nav-buttons.png) no-repeat -7px -57px;  }

/*newbie*/
.menu li.menu-item-4304 a{ background:url(../images/nav-buttons.png) no-repeat -70px -16px;}
.menu li.menu-item-4304 a:hover{ background:url(../images/nav-buttons.png) no-repeat -70px -57px;}

/*newbie*/
.menu li.menu-item-4302 a{ background:url(../images/nav-buttons.png) no-repeat -174px -16px;}
.menu li.menu-item-4302 a:hover{ background:url(../images/nav-buttons.png) no-repeat -174px -57px;}

.menu li.menu-item-4301 a{ background:url(../images/nav-buttons.png) no-repeat -278px -16px;}
.menu li.menu-item-4301 a:hover{ background:url(../images/nav-buttons.png) no-repeat -278px -57px;}

.menu li.menu-item-4300 a{ background:url(../images/nav-buttons.png) no-repeat -382px -16px;}
.menu li.menu-item-4300 a:hover{ background:url(../images/nav-buttons.png) no-repeat -382px -57px;}

.menu li.menu-item-4305 a{ background:url(../images/nav-buttons.png) no-repeat -485px -16px;}
.menu li.menu-item-4305 a:hover{ background:url(../images/nav-buttons.png) no-repeat -485px -57px;}

.menu li.menu-item-4306 a{ background:url(../images/nav-buttons.png) no-repeat -589px -16px;}
.menu li.menu-item-4306 a:hover{ background:url(../images/nav-buttons.png) no-repeat -589px -57px;}

.menu li.menu-item-4303 a{ background:url(../images/nav-buttons.png) no-repeat -693px -16px;}
.menu li.menu-item-4303 a:hover{ background:url(../images/nav-buttons.png) no-repeat -693px -57px;}

.menu li.page-item-14 a{ background:url(../images/nav-buttons.png) no-repeat -797px -16px;}
.menu li.page-item-14 a:hover{ background:url(../images/nav-buttons.png) no-repeat -797px -57px;}

.menu li.menu-item-4299 a{ background:url(../images/nav-buttons.png) no-repeat -901px -16px;}
.menu li.menu-item-4299 a:hover{ background:url(../images/nav-buttons.png) no-repeat -901px -57px;}

.bottom_nav {
padding: 0 10px 0 10px;
}

.bottom_nav li {
font-size:14px;
color:#CCCCCC;
float:left;
}

.special-character{
text-indent: 0px !important;
}

/*------------------------------------------------*/
/*----------------Thumbnail page-----------------*/
/*------------------------------------------------*/

.portfolio-box-caption{
	width: 200px;
	background-color:#F7F7F7;
	margin-top:-2px;
	border: 1px solid #DDDDDD;
	background:url("../images/head_bg.png") repeat-x scroll left top transparent;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-bottomleft: 4px;
	-webkit-border-radius-bottomright: 4px;
}

.portfolio-box-left{
	margin-top: 0;
	padding:5px 0 5px 5px;
	width: 50px;
	float: left;	
}

.thumbnail{
	border: 2px solid #000000 !important;
}

.single-thumbnail{
	margin-left: 5px;
}

.portfolio-box-right{
	margin: 0;
	padding:2px 0 7px 5px;
	width: 138px;
	float: left;
}

.portfolio-box-right p{
	line-height: 14px;
	font-size: 12px;
}

.portfolio-box-right h3{
	margin:0 !important;
}

.single-h2{
	margin: 0;
	text-shadow: 1px 1px 1px #CCC ;
	font-weight:bold;
}

.project-details-block{
	padding: 10px; 
	background:url(../images/head_bg.png) repeat-x top left; 
	border-color:#E1E1E1 #D4D4D4 #D4D4D4;
	border-style:solid;
	border-width:1px 1px 2px;
	margin-top:10px ;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.JBselection {
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 0.5em;
	width:600px;
}
		
.JBselection a {
	display: block;
	float: left;
	height: 70px;
	text-align: center;
	padding-top: 1.3em;
	width: 200px;
	font-size: 28px;
}
		
.JBselection a:hover {
	background: #54AAF6;
	color: #fff;
}

.float-left{
	float:left;
	margin-right:20px;
}

#post-heading{
	float:left;	
}

#fb-like{
	float:right;	
}

.thumbnail-like{
	margin: 0 0 5px 5px;
}

.list-like{
	margin-top:5px;
}

#thmbnail-search{
	position:absolute;
	margin-top: 20px;
	text-align: right;
	width: 960px;
}

ul.connect-me li.rss a{
	text-indent: -9999px;
	background: url(../images/rss.png) no-repeat; 
	display:block;
	width: 64px; 
	height: 64px;
}
ul.connect-me li.facebook a{
	text-indent: -9999px;
	background: url(../images/facebook.png) no-repeat; 
	display:block;
	width: 64px; 
	height: 64px;
}
ul.connect-me li.twitter a{
	text-indent: -9999px;
	background: url(../images/twitter.png) no-repeat; 
	display:block;
	width: 64px; 
	height: 64px;
}
ul.connect-me li.weibo a{
	text-indent: -9999px;
	background: url(../images/weibo.png) no-repeat; 
	display:block;
	width: 64px; 
	height: 64px;
}

.breadcrumb{
	margin: 5px;
	font-size: 12px;
}

.post h3, .page h3{
	text-shadow: 1px 1px 1px #CCC ;
	color: #06F;
}

.pagebar{
	border-top: 2px #EEEEEE solid;
	padding-top: 10px;
    clear:both;
}

.pagebar a{
	border: 1px #EEEEEE solid;
	padding: 3px 5px 3px 5px;
}

.pagebar a:hover{
	color:#000;
	border: 1px #DDDDDD solid;
	background-color:#DDDDDD;
	padding: 3px 5px 3px 5px;
}

.pagebar .this-page{
	border: 1px #EEEEEE solid;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}

.read-more a:link, .read-more a:visited	{ padding: 5px 10px; margin: 3px 0; font-size: 12px; background: url(../../images/feed-title-white.jpg) top repeat-x #EFEFEF; color:#444; text-decoration: none; border: 1px solid #CCC; font-weight: 700; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.read-more a:hover { background: #383332; color: #FFF; }

a.button, a:link.button, a:visited.button { padding: 2px 10px; margin: 3px 0; font-size: 12px; background: url(../../images/feed-title-white.jpg) top repeat-x #EFEFEF; color:#444; text-decoration: none; border: 1px solid #CCC; font-weight: 700; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a:hover.button{ background: #383332; color: #FFF; }

.three-column-div{
	margin-left:20px;
	float:left;
	margin-right:150px;
}

.three-column-last{
	float:left;
	margin-right:20px;
}

table.normal td {vertical-align:middle; border: 1px solid #CCC; padding:10px}