/*
	Theme Name: basicpress
	Theme URI: http://wpcrunchy.com
	Description: elegant blog / magazine style
	Version: 1.0
	Author: akosipau
	Author URI: http://wpcrunchy.com/
	Tags: three column, red, jquery, white
*/

/*	RESET
-------------------------------
*/

@import url('css/reset.css');
@import url('css/text.css');
@import url('css/960.css');
@import url('css/dropdown.css');

body { background:#dbdbdb url(images/body-bg.gif) repeat-x top left; font: 12px/18px 'Verdana', 'Arial', 'Trebuchet MS'; color:#5a5a5a; }

/*	BASE
-------------------------------
*/

#base { background:url(images/base-bg.jpg) no-repeat top center; padding:45px 0px 50px 0px; color: #5a5a5a;  }

/*	GLOBAL
-------------------------------
*/

.left { float:left; }
.right { float:right; }

a { color:#3399cc; }
a:hover { text-decoration:underline; color:#5a5a5a; }

/*## buttons ##*/
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:10px; text-transform:uppercase; text-shadow:#333 0px 1px 0px; }
.btn * { font-style: normal; background-image: url(images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.blue { background: #0090ff; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #333; color:#fff; text-decoration:none; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(images/shade.png); background-position: bottom; }

/*	HEADER
-------------------------------
*/

#header {}
	/*-- branding --*/
	#branding { padding:0 5px 15px 15px; }
	/*-- navigation --*/
	#navigation { width:960px; height:40px; background: #ccc url(images/nav-bg.png) repeat-x;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px; }
		#navigation ul { margin:0; padding:0; list-style:none; font: bold 13px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
		#navigation ul li { margin:0; float: left;  background: url(images/nav-li.png) no-repeat right 0; }
		#navigation ul li a { float: left; padding: 1px 10px 3px 10px; color: #ddd; text-decoration:none; text-shadow: #000 0px 1px 0px; }
		#navigation ul li a:hover { color:#fff; }
		/*## dropdown skin ##*/
		.sf-menu li li { background-image:none !important; }
		.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			color:#666;
		}
		.sf-menu li:hover, .sf-menu li.sfHover,
		.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }
		.sf-menu ul {
			border:1px solid #444444;
			border-top:none;
			margin-left:-2px !important;
		}
		.sf-menu ul ul {
			margin-left:0px !important;
		}
		.sf-menu li:hover ul,
		.sf-menu li.sfHover ul {
			top:40px; /* overriding essential styles */
		}
		.sf-menu ul ul {
			margin-top:0;
		}
		.sf-menu ul a {
			border-bottom:0 !important;
			border-top:1px solid #444444;
			background-color:#505050;
			font-weight:normal !important;
			font-family: Georgia, serif !important;
		}
		.sf-menu ul a:hover {
			color: #eee;
			background-color:#555555;
		}

/*	FEATURED
-------------------------------
*/

#featured { background-color:#fff; padding:10px 0; position:relative; }
	.arr-selected { position:absolute; right:400px; top:10px; z-index:98; }
	#slider {}
		#slider .slider-container { width:550px; height:226px; background-color:#000; overflow:hidden; }
			.slider-container .item { position:relative; overflow:hidden; }
				.item .item-text { width:530px; height:60px; padding:10px; background:url(images/bg-box.png) repeat top left; color:#bbb; position:absolute; top:226px; font-size:11px; }
		#slider .slider-nav { width:389px; height:225px; border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd; }
			.slider-nav .nav-item { height:65px; padding:5px 10px; background:url(images/slider-nav-bg.png) repeat-x top left; cursor:pointer; }
				.nav-item span { display:none; }
				.nav-item .featuredItemPost { padding-top:2px; }
					.featuredItemPost .thumb { height:48px; width:48px; padding:5px; border:1px solid #ccc; background-color:#ddd; }
					.featuredItemPost .content { padding:5px 0 5px 10px; width:295px; }
						.content h2 { font-size: 16px; letter-spacing: -1px; margin:0; padding:0 0 5px 0; text-transform:uppercase; text-shadow:#fff 0 1px 1px; }
						.content .meta { font-size:10px; text-transform:uppercase; padding:5px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
						
/*	BREADCRUMB
-------------------------------
*/

.breadcrumb { padding:10px; background-color:#dadada; }

/*	MAIN
-------------------------------
*/

#main { background:url(images/main-bg.jpg) repeat-y top left; border-top:1px solid #dadada; }
	/*-- posts --*/
	#posts { width:759px; padding:0 0 10px 0; }
		#posts .post { padding:15px 15px 20px 15px; background:url(images/posts-bg.jpg) repeat-x top left; border-bottom:1px solid #dadada; }
			.post .post-image { width:158px; height:158px; padding:8px; background-color:#f5f5f5; }
			.post .post-content { width:439px; }
			.post .post-content-full {}
				.post-title { font-size: 26px; font-weight:normal; color: #252e28; letter-spacing: -1px; margin:0; padding:0 0 5px 0; line-height:28px; text-shadow: #fff 0 1px 1px; font-family:Georgia, "Times New Roman", Times, serif; }
					.post-title a { text-decoration:none; }
				.post-meta { padding:3px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; color: #252e28; font-size:10px; font-weight:bold; font-family: 'Arial', 'Trebuchet MS'; text-transform:uppercase; text-shadow: #fff 0 1px 1px; }
					.post-meta a { text-decoration:none; }
				.post-text { padding-top:10px; }
	/*-- sidebar --*/
	#sidebar { width:200px; border-top:1px solid #fff; }
		#sidebar .widget { background:url(images/sidebar-line.png) repeat-x bottom left; }
			.widget h2.widget-title { background:url(images/widget-head-bg.png) repeat-x top left; font-size: 14px; color: #252e28; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; margin:0; padding:10px; text-transform:uppercase; line-height:10px; text-shadow: #fff 0 1px 1px; border-bottom:1px solid #dadada; }
			.widget .widget-content { padding:5px; }
				.widget-content ul { margin:0; padding:3px 30px 3px 0; list-style:none; width:25em; }
				
				
			/*-- subscription --*/
				.widget-content .socialprofiles {}
					.socialprofiles a { display:block; float:left; margin-right:12px; }
					.socialprofiles a.nomargin { margin:0 !important; }
					
				/*-- 125x125 ads --*/
				#sidebar .ads {  }
					.ads125box { height:125px; width:125px; background:#CCCCCC; float:left; margin:5px 0 5px 8px; }
					.ads125box img { border:0; }
						

/*	FOOTER
-------------------------------
*/

#footer { color:#fff; background: #ccc url(images/nav-bg.png) repeat-x; 
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px; font-size:10px; padding:9px; }
	#footer .copyright a { color:#fff; text-decoration:none; }
	#footer .credits { color:#999; }
	#footer .credits a { text-decoration:none !important; }
	
/* PAGENAVI
-------------------------------
*/

.wp-pagenavi { text-align: center; padding-top:10px 0; margin-top:10px; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #dcdcdc; color: #3399cc; background-color: #fff; }
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; }
.wp-pagenavi a:hover { border: 1px solid #3399cc; color: #FFF; background-color: #3399cc; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; }
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #3399cc; color: #FFF; background-color: #3399cc; }
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #558475; color: #FFF; background-color: #6b9e8e; }
	
/* WORDPRESS STYLE
----------------------
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right:10px;
}

.alignright {
   float: right;
   margin-left:10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}