/*
Theme Name: GetExtra V2
Theme URI: http://www.getextra.co.uk
Author: Paul Smith - Getextra.co.uk
Author URI: http://www.getextra.co.uk

*/
* { margin:0; padding:0;}

body { background:url(images/bg.jpg) repeat-x #e1e1e1; font-size: 95%; font-family:Arial, Helvetica, sans-serif; color:#6e6e6e;  }
a {color:#ffa10e; text-decoration:none;}
a:link {color:#ffa10e; }
a:visited {color:#e18a00; }
a:hover {color:#222; } 
a:focus {color:#e18a00; }
a:active {color:#e18a00; } 

.clear {clear:both;}
img { border: none; }

#wrap { background:url(images/bg-center.jpg) no-repeat top center; width:900px; margin:0 auto; padding:0 85px; }
#logo { height:76px; padding:77px 0 0 22px;}
#logo h1 { background:url(images/logo.png); width:423px; height:44px;}
#logo h1 a { display:block; width:100%; height:100%;}
#logo h1 a span { display:none;}
#logo h2 { display:none;}

#menu { background:url(images/bg-menu.png); height:47px; position:relative;}
#menu ul { list-style-type:none; position:absolute; top:2px; left:22px;}
#menu li {float:left; background:#6e6e6e; padding:2px 5px; margin-right:5px; font-size:16px; font-weight:bold; text-transform:lowercase;}
#menu li a {color:#a4a4a4;}
#menu li.current_page_item, #menu li:hover { background:#ffa10e;}
#menu li.current_page_item a, #menu li:hover a { color:#FFFFFF;}

#menu li.current-cat { background:#ffa10e;}
#menu li.current-cat a { color:#FFFFFF;}

#get-review { position:absolute; width:390px; height:47px; right:0;}
#get-review a { display:block; width:100%; height:100%;}
#get-review a span { display:none;}

#header { height:240px; background:#FFFFFF; padding:0px 20px 0px 20px;}


#header { 	position:relative;
}


#sidebar h4 { font-weight:bold; font-size:16px;}
#sidebar .promo-image { width:212px; height:1px; border:0px solid #c9c9c9; background:#FFFFFF;}

#footer { background:url(images/bg-footer.jpg) repeat-x #6e6e6e; height:264px;}
#footerwrap { width:880px; padding:0 10px; margin:0 auto;}

#footer ul { list-style-type:none;}
#footer ul.widgets{ background:url(images/bg-footer-center.jpg) no-repeat; background-position:5px 0; width:660px; float:left; padding:20px 0 0 0;}
#footer li.widget {float:left; width:215px; margin-right:5px;}
.widget h4 {color:#ffa10e; font-size:15px; margin-bottom:1em;}
.widget li { padding:2px 0 2px 15px; color:#d0d0d0; background:url(images/footer-bullet.png) no-repeat; background-position:0 8px;}
.widget li a { color:#d0d0d0;}

#meta { float:left; width:220px; float:right; padding-top:20px;}
#meta .logo { background:url(images/logo-footer.png) right no-repeat; width:220px; height:49px; margin-bottom:1em;}
#meta .logo span {display:none;}

#meta .social { margin-bottom:1em;}
#meta .social div { height:54px; width:54px; float:right; }
#meta .social div a { display:block; height:100%; width:100%;}
#meta .social div span { display:none;}
#meta .social div:hover { background-position:0 54px;}
.social div.twitter { background:url(images/social-twitter.png);}
.social div.fb { background:url(images/social-fb.png);}
.social div.in { background:url(images/social-in.png);}
.social div.g { background:url(images/social-g.png);}
.social div.pyramid { background:url(images/social-pyramid.png);}
.social div.wp { background:url(images/social-wp.png);}
#meta .social div.clear { float:none; height:auto; width:auto; clear:both;}

#meta .contact { font-size:16px; font-weight:bold; color:#e0e0e0; text-align:right;}
#meta .contact span { font-size:14px;}
#footerlink { float: left; text-align: left; height: 15px; width: 100%; margin-top: -20px;}
#footerlink ul {float: left; padding: 0; margin: 0; }
#footerlink ul li {float: left;  margin: 0; height: 12px;}
#footerlink ul li a.noborder {border: none; }
#footerlink ul li a{color: #fff; text-transform: capitalize; font-size: 12px; border-left: 1px solid #fff; padding-left:10px; padding-right: 10px; }


#contentwrap { background: url(images/bg-inner.jpg) #fcfcfc repeat-x;}
#contentwrap p { text-align:justify; margin-bottom:1em; font-size:12px; }


/*Single page*/
#sidebarbg-wrap {background:url(images/bg-sidebar.png) repeat-y right;}
.single #content { width:580px; padding:20px; float:left;}
#sidebar { width:220px; padding:20px 20px 20px 40px; float:right; }

.post { margin-bottom:1em;}
.post h3 { background:#6e6e6e; display:inline; padding:10px 7px 3px 7px; width:410px; float:left; color:#FFFFFF; font-size:22px; clear:both;}
.post h3 a { color:#FFFFFF;}
.post .text { clear:both; padding:10px 0;}


/*Homepage*/
.homepage { padding:0 20px 20px 20px;}
.homepage h3 { margin-bottom:1em;}
.homepage h3 span { display:none;}
.homepage #column1 {float:left; width:411px; margin-top:15px;}
.homepage #column2 {float:right; width:415px;}

.homepage .services {z-index:99;position: relative;}
.homepage .services h3 { background:url(images/title-ourservices.png); width:183px; height:36px; margin:-10px 0 0 0; z-index:1000; margin-bottom:0.5em; z-index:100;position: relative;}
.homepage .services ul { list-style-type:none;}
.homepage .services ul li {color:#ffa10e;  font-size:15px; font-weight:bold; background:url(images/homepage-bullet.png) no-repeat left center; padding:3px 0 3px 20px; }
.homepage .services .more { font-size:15px; color:#ababab; padding:0 0 0 150px; font-weight:bold; margin-bottom:1em;}
.homepage .services .more a{ color:#ababab; }

.homepage .getextra {}
.homepage .getextra h3 { background:url(images/title-getextra.png); width:411px; height:37px; }

.homepage .twitter { background:url(images/quotes.png); width:415px; height:167px; position:relative; font-weight:bold;}
#contentwrap.homepage .twitter .tweet { position:absolute; font-size:19px; top:40px; left:0; text-align:center;}
.homepage .twitter .author { position:absolute; top:135px; left:250px;}

.homepage .latest {}
.homepage .latest h3 { background:url(images/title-latest.png); width:138px; height:31px;  }

.homepage .latest .post { border-bottom:1px solid #cbcbcb; padding-bottom:10px;}
.homepage .latest .post.featured h4 { font-size:22px;}
.homepage .latest .post h4 { font-size:16px;}
.homepage .latest .post h4 a {color:#6e6e6e;}
.homepage .latest .post h4 a.more-link {color:#ffa10e; font-size:12px; font-weight:normal;}
#contentwrap.homepage .latest .post p { margin-bottom:0;}
.homepage .latest .post .text { padding-bottom:0;}
.homepage .latest a.older-link { text-align:right; display:block;}
.alignright {float: right;}

.clear {
	clear: both;
}

.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 240px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 225px;
}
ul { list-style-type: none;}

/* additional */
#twitter_div { position:absolute; font-size:19px; top:40px; left:-30px; text-align:center;}
#twitter_div ul li a{ display: none; }

.portofolio_image {
    	float: left;	
	position: relative;
	width: 180px;
	height: 250px;
	overflow: hidden;
	border:1px solid #000;
	margin: 5px;
}
.portofolio_image .innerImage {
    	float: left;	
	position: relative;
	width: 180px;
	height: 250px;
	padding: 10px;
}
.portofolio_image .innerImage h2{
	font-size: 16px;
}
.portofolio_image .innerImage .hover_link {position:absolute;top:0;left:0;}

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding:0 15px 0 15px;
  border-left: 3px solid #ccc;
	background: #dedede;
} 
.post ul {
margin-left: 16px;
 list-style-type: square;
	}
.post li {
	text-align:justify; 
	margin-bottom:1em; 
	font-size:12px;
 list-style-type: square;
	}