/*
Theme Name: Social Packs
Theme URI: http://www.socialpacks.com
Description: Custom theme for Social Packs
Version: 1.0
Author: Alex Panait
Author URI: http://alexpanait.com/
*/

* { margin: 0; padding: 0; outline: none; }

body { font: 13px/20px "Century Gothic", Arial, sans-serif; color: #2c2b2b; }
a img { border: 0 none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#header { background: url(images/bg-header.png) 0px 0px repeat; }
#header .holder { width: 990px; margin: 0 auto; padding: 20px 0 30px 0; background: url(images/bg-header-holder.png) bottom center repeat; }

.logo { width: 270px; height: 70px; float: left; margin: 0 0 20px 0; position: relative; }
.logo-blog { width: 40px; height: 24px; background: url(images/logo-blog.png) 0px 0px no-repeat; position: absolute; top: 0; right: -35px; }

.social { list-style-type: none; float: right; margin: 20px 0 0 0; }
.social li { float: left; margin: 0 0 0 15px; height: 33px; }
.social li a { display: block; width: 36px; height: 33px; text-indent: -9999px; background: url(images/social.png) 0px 0px no-repeat; }
.social li.facebook a { background-position: 0px 0px; }
.social li.facebook a:hover { background-position: 0px -33px; }
.social li.twitter a { background-position: -36px 0px; }
.social li.twitter a:hover { background-position: -36px -33px; }
.social li.plus a { background-position: -72px 0px; }
.social li.plus a:hover { background-position: -72px -33px; }
.social li.search { width: 196px; background: url(images/search-input.png) 0px 0px no-repeat; }

.social li.search .text { float: left; width: 143px; height: 23px; padding: 5px 10px; line-height: 22px; color: #85a8c6; border: 0 none; background: transparent; font-family: "Georgia", serif; font-style: italic; }
.social li.search .btn { float: left; width: 33px; height: 33px; border: 0 none; background: url(images/search-btn.png) 0px 0px no-repeat; cursor: pointer; text-indent: -9999px; }

#expand { clear: both; height: 150px; margin: 0 0 30px 0; position: relative; overflow: hidden; }
#slider { width: 600px; float: left; }

#slider ul li h2 { font-size: 18px; font-style: italic; font-family: "Georgia", serif; color: #fff; padding: 10px 15px; background: url(images/transparent.png) 0px 0px repeat; display: inline-block; margin: 0 0 1px 0; }
#slider ul li h2 a { color: #fff; text-decoration: none; }
#slider ul li h2 a:hover { color: #abbbc8; }
#slider ul li p { font-style: italic; line-height: 22px; color: #e1e8ef; padding: 10px 15px; background: url(images/transparent.png) 0px 0px repeat; display: block; }	
#slider ul li a.more { padding: 0 0 0 10px; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
#slider li { width:600px; height:150px;	overflow:hidden; }	
#prevBtn, #nextBtn { display:block; width:43px;	height:39px; position:absolute; left: 513px; top: 1px; z-index:1000; text-indent: -9999px; }	
#nextBtn { left: 557px; }														
#prevBtn a, #nextBtn a { display:block; position:relative; width:43px; height:39px; background: url(images/slider-nav.png) 0px 0px no-repeat; }	
#prevBtn a:hover { background: url(images/slider-nav.png) 0px -39px no-repeat; }	
#nextBtn a { background: url(images/slider-nav.png) -43px 0px no-repeat; }	
#nextBtn a:hover { background: url(images/slider-nav.png) -43px -39px no-repeat; }
	
#touch { width: 330px; float: right; }
#touch h2 { font-size: 18px; font-style: italic; font-family: "Georgia", serif; color: #fff;margin: 0 0 10px 0; }
#touch p { font-size: 15px; font-style: italic; line-height: 20px; font-family: "Georgia", serif; color: #e1e8ef; margin: 0 0 10px 0; }
#touch span { color: #e1e8ef; margin: 0 0 10px 0; text-transform: uppercase; display: block; }
#touch a.btn { display: block; width: 147px; height: 40px; background: url(images/touch.png) 0px 0px no-repeat; text-indent: -9999px; }
#touch a.btn:hover { background-position: 0px -40px; }

#menu { list-style-type: none; height: 33px; margin: 0 0 -3px 0; clear: both; }
#menu li { float: left; height: 33px; line-height: 32px; text-transform: uppercase; }
#menu li a { display: block; height: 33px; line-height: 33px; padding: 0 12px; color: #fff; text-decoration: none; }
#menu li a:hover { color: #abbbc8; }
#menu li.active a { font-weight: bold; }
#menu li.hide { margin: 0 12px 0 0; float: right; background: url(images/transparent.png) 0px 0px repeat; }
#menu li.hide a { color: #abbbc8; background: url(images/hide.png) 76px 0px no-repeat; width: 70px; cursor: pointer; }
#menu li.hide a:hover { color: #fff; }
#menu li.expand a { background-position: 76px -33px; }

#wrapper { background: url(images/bg-wrapper.png) 0px 0px repeat-x; }
#wrapper .holder { width: 998px; margin: 0 auto; min-height: 600px; background: url(images/bg-wrapper-bottom.png) bottom left no-repeat; position: relative; z-index: 2; }
#main { width: 950px; padding: 24px 24px 20px 24px; margin: -30px 0 0 0; float: left; min-height: 312px; background: url(images/bg-wrapper-top.png) 0px 0px no-repeat; overflow: hidden; }

#packages { list-style-type: none; overflow: hidden; margin: 0 0 50px 0; }
#packages li { width: 270px; padding: 15px; background: #eee; float: left; margin: 0 25px 0 0; overflow: hidden; }
#packages li.last { margin: 0; }
#packages li h2 { font-size: 20px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 15px 0; }
#packages li h2 a { color: #000000; text-decoration: none; }
#packages li h2 a:hover { color: #104f84; }
#packages li img { margin: 0 0 15px 0; }
#packages p { font-style: italic; margin: 0 0 15px 0; }
#packages a.more { float: right; color: #000; text-decoration: none; padding: 0 20px 0 0; background: url(images/services-more.png) right no-repeat; font-weight: bold; }
#packages a.more:hover { color: #104f84; }

#content { width: 600px; float: left; }
#content h1 { font-size: 30px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 20px 0; }
#content h1 span { color: #104f84; }
#content h2 { font-size: 20px; font-family: "Georgia", serif; color: #3366cc; margin: 0 0 20px 0; }
#content h2 span { color: #104f84; }
#content h2 a { color: #666; text-decoration: none; }

#content h3 { font-size: 16px; font-family: "Georgia", serif; font-style: italic; margin: -30px 0 20px 0; }
#content h3 span { color: #104f84; }
#content h3 a { color: #666; text-decoration: none; }

.main-post { border-bottom: 1px dotted #dddddd; margin: 0 0 20px 0; padding: 0 0 20px 0; }
.main-post h2 { font-size: 18px; line-height: 22px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 5px 0; }
.main-post h2 a { color: #000000; text-decoration: none; }
.main-post h2 a:hover { color: #104f84; }
.main-post .meta { font-size: 11px; text-transform: uppercase; color: #959595; margin: 0 0 10px 0; }

.post { border-bottom: 1px dotted #dddddd; margin: 0 0 20px 0; padding: 0 0 10px 0; }
.post h1 { font-size: 20px; line-height: 22px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 5px 0!important; }
.post h1 a { color: #000000; text-decoration: none; }
.post h1 a:hover { color: #104f84; }
.post .meta { font-size: 11px; text-transform: uppercase; color: #959595; margin: 0 0 10px 0; }
.post .meta a { color: #104f84; text-decoration: none; }
.post .meta a:hover { color: #000000; }

.page { border-bottom: 0 none; margin: 0; padding: 0; }
h1.pagetitle { margin: 20px 0 20px 0!important; }

.entry p { margin: 0 0 20px 0; }
.entry ul { margin: 0 0 0 20px; }
.entry ul li { margin: 15px 0 15px 0; }

.comments h3, h3.title { font-size: 16px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 20px 0; }

#features { list-style-type: none; }
#features li { margin: 0 0 16px 0; padding: 0 0 16px 50px; border-bottom: 1px dotted #dddddd; font-style: italic; line-height: 20px; }
#features li span { font-weight: bold; font-size: 15px; color: #104f84; }
#features li.one { background: url(images/features-1.png) 0px 5px no-repeat; }
#features li.two { background: url(images/features-2.png) 0px 5px no-repeat; }
#features li.three { background: url(images/features-3.png) 0px 5px no-repeat; padding: 0 0 0 50px; margin: 0; border-bottom: 0 none; }

#sidebar { width: 280px; padding: 0 0 0 30px; float: right; min-height: 370px; background: url(images/sidebar-bg.png) 0px 0px no-repeat; }
#sidebar .box { margin: 0 0 35px 0; }
#sidebar h3 { font-size: 16px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 20px 0; }
#sidebar ul { list-style-type: none; }
#sidebar ul li { font-size: 14px; font-family: "Georgia", serif; font-style: italic; margin: 0 0 15px 0; padding: 0 0 0 22px; background: url(images/sidebar-li.png) 0px 6px no-repeat; }
#sidebar ul li a { color: #104f84; text-decoration: none; }
#sidebar ul li a:hover { color: #000000; }

#footer { background: url(images/bg-footer.png) 0px 0px repeat; margin: -30px 0 0 0; }
#footer .holder { width: 990px; margin: 0 auto; padding: 50px 0 0 0; background: url(images/bg-footer-holder.png) bottom center no-repeat; color: #fff; }
#footer h3 { font-size: 16px; font-style: italic; font-family: "Georgia", serif; color: #fff;margin: 0 0 20px 0; }

#testimonials { width: 600px; float: left; overflow: hidden; }
#testimonials p { font-size: 12px; font-style: italic; display: block; padding: 0 0 10px 125px; background: url(images/testimonials.png) 0px 0px no-repeat; }
#testimonials .start { float: left; margin: 0 5px 0 0;}
#testimonials .end { margin: 0 0 -5px 5px; }
#testimonials span { float: right; font-size: 11px; color: #878b8e; }

#newsletter { width: 300px; float: right; }
#newsletter p { font-size: 12px; font-style: italic; margin: 0 0 15px 0; }

#newsletter form { width: 300px; background: url(images/newsletter-input.png) 0px 0px no-repeat; height: 33px; }
#newsletter form .text { float: left; width: 247px; height: 23px; padding: 5px 10px; line-height: 22px; color: #fff; border: 0 none; background: transparent; font-family: "Georgia", serif; font-style: italic; }
#newsletter form .btn { float: left; width: 33px; height: 33px; border: 0 none; background: url(images/newsletter-btn.png) 0px 0px no-repeat; cursor: pointer; text-indent: -9999px; }

#footer .copy { clear: both; height: 33px; padding: 30px 0 0 0; font-size: 11px; color: #b5bac0; }
#footer .top { float: right; background: url(images/transparent.png) 0px 0px repeat; }
#footer .top a { display: block; height: 33px; line-height: 32px; padding: 0 12px; color: #7f7f7f; background: url(images/hide.png) 66px 0px no-repeat; width: 60px; text-decoration: none; text-transform: uppercase; }
#footer .top a:hover { color: #fff; }

.wp-pagenavi { padding:4px 0 4px 0;margin:0; font-size: 12px!important; text-transform: uppercase; }
.wp-pagenavi a,.wp-pagenavi a:link {padding:4px 10px 4px 10px;text-decoration:none;color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi a:hover {color:#fff;background-color:#5192c8;}
.wp-pagenavi span.pages {color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi span.current {font-weight:bold;color:#fff;background-color:#dddede; padding:4px 10px 5px 10px; }
.wp-pagenavi span.extend {margin:2px;color:#bbbcbc;background-color:#FFF;}

.alignright { float: right !important; margin:0 0 15px 15px !important; }
.alignleft { float: left !important; margin:0 0 15px 15px !important; }