/*  
Theme Name: JP33 Corp
Description: .
Version: 1.0
Author: Omar Corrales
Author URI: http://www.OmarCorrales.com
*/

/* Include Reset File */
@import url("reset.css");


body  { 
	font: 14px/24px Times New Roman;  color: #000;
}

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Times New Roman; color: #000; }
h1  {font-size: 30px;} h2  {font-size: 24px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

textarea,input { font-family:Times New Roman; }

/* 1.2 Hyperlinks */

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

.upper { text-transform:uppercase; }

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/


	/* Links */ 
a:link, 
a:visited,
a:active {
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #4c4b4b4;
}

/* Post h1 Links */
h2 a:link, 
h2 a:visited {
  color: #000;
  text-decoration: none;
}
h2 a:hover {
	color: #4c4b4b;
}
h2 a:active {
	color: #000;
}

#wrapper { width:1180px; margin:40px auto; overflow:hidden; }

	#top {}
		#contactinfo { font-size:12px; overflow:hidden; background:url(images/topcontactbg.jpg) 120px bottom no-repeat; margin-bottom:10px; padding-bottom:4px;}
			#contactinfo .info { float:left; margin-left:130px; }
			#contactinfo #newsletter { float:left; margin-left:20px; }
			#contactinfo #newsletter input { border:0; font-size:12px;}
			#contactinfo #newsletter #nlsubmit { font-size:10px;border:0; border-bottom:1px solid #000; text-transform:uppercase;text-decoration:underline; background:#fff; width:43px;}
		#header { background:url(images/header.jpg) top left no-repeat; height:260px; overflow:hidden;}
			#header #topsearch { float:right; margin:225px 200px 0 0; width:320px; }
			#header #topsearch input { padding:5px; border:0; background-color:#fff;font-weight:bold; }
			#header #topsearch #s { width:250px; }
			#header .h1block  { width:490px; float:left;}
			#header .h1block h1 { margin-top:130px; float:left; width:490px;}
			#header .h1block h1 a { text-indent:-999px; height:130px; width:490px; display:block;}
		#navigation { overflow:hidden;clear:both; margin-top:10px; font-size:15px; text-transform:uppercase; font-style:italic; font-weight:none;}
			#navigation a { text-decoration:none; color:#fff;}
			#navigation a:hover { text-decoration:underline; color:#fff; }
			#navigation ul { width:1001px; overflow:hidden; padding:0 10px; padding-right:15px; background: #000 url(images/navright.jpg) top right no-repeat; }
			#navigation ul li { float:left; padding:0 30px 0 0;} 
			#navigation ul li.alignright { float:right; }
			#navigation ul li.alignright a { color:#c4c4c4; }
		#newsticker { background:url(images/tickerbg.jpg) top left no-repeat; overflow:hidden; height:29px;margin-top:4px; padding-top:3px; text-transform:uppercase;}
			#newsticker a { margin:0 10px; }
		
	#container { overflow:hidden;clear:both; margin:33px 0; }
		#container #content { width:750px; float:left; padding-right:33px; border-right:1px solid #a6a6a6; padding-bottom:15px}
			#container #content .infoend { text-transform:uppercase; font-style:italic; float:left;width:40%; margin-top:-15px;}
			#container #content .post { overflow:hidden; clear:both; margin-bottom:40px;}
			#container #content .post img.thumb{ float:left; margin:0px 20px 20px 0;}
			#container #content .post .entry {  }
			#container #content .post .entry h2 { font-size:30px;margin-bottom:5px;}
			#container #content .post .entry .tags,#container #content .post .entry .tags a { color:#a3a3a3;font-size:12px; line-height:1;}
			#container #content .post .entry .entry-text { margin-top:10px; color:#4e4e4e; line-height:1.2;}
			#container #content .post .entry .entry-text img { padding-bottom:12px;}
			#container #content .post .entry .entry-text p { padding-bottom:10px; line-height:1.4;}
			#container #content .post .entry .more-link { font-size:12px; color:#000; font-weight:bold; text-decoration:underline; text-transform:uppercase; margin-top:20px;}
			#container #content .post .meta { clear:both; font-size:11px;color:#4c4b4b;font-weight:bold;  margin-top:25px}
			#container #content .post .meta a { color:#4c4b4b; }
			#container #content .post .meta .share { margin-top:15px; }
			#container #content .post ul.top { margin-top:20px; }
			#container #content .post ul.top li { float:left;}
			#container #content .post ul.top .line { border-bottom:1px solid #a6a6a6; width:90%; height:17px; margin-right:3px;}
			#container #content .post ul.top .link { color:#4c4b4b; font-size:12px; }
			#container #content .post ul.top .link  a { color:#4c4b4b; }
			#container #content .post ul.top {  }
			#container #content .post #respond { width:664px; border-top:1px solid #aaa;margin-top:30px;padding-top:20px;padding-bottom:10px; margin-bottom:40px; border-bottom:5px solid #000; overflow:hidden;}
			#container #content .post #respond h3 { font-style:italic;font-size:18px; margin-bottom:20px;}
			#container #content .post #respond input,textarea { border:1px solid #bbb; margin-bottom:10px; padding:10px; font-size:14px;}
			#container #content .post #respond input { width:250px;}
			#container #content .post #respond textarea { width:642px;}
			#container #content .post #respond #submit { width:80px;font-weight:bold;text-transform:uppercase; color:#fff; background:#000;font-size:18px; float:right;}
			#container #content .post #comments { width:664px; padding-bottom:20px; border-bottom:1px solid #aaa;font-style:italic;margin-bottom:30px; }
			#container #content .post .commentlist { width:664px; margin-bottom:10px; }
			#container #content .post .commentlist li { background:url(images/commentbg.jpg) bottom left repeat-x; padding-bottom:30px; margin-top:30px;}
			#container #content .post .commentlist li p { padding-bottom:10px; color:#666665; line-height:1.2;}
			#container #content .post .commentlist .comment-author { font-style:italic;font-size:16px; color:#444444;font-weight:bold; margin-bottom:-5px; }
			#container #content .post .commentlist .comment-author a { color:#444444; }
			#container #content .post .commentlist .comment-author a:hover { text-decoration:underline; }
			#container #content .post .commentlist .comment-meta { font-style:italic; font-size:12px; margin-bottom:10px;}
			
		
		#container #sidebar { width:297px; float:left; margin-left:33px;}
			#container #sidebar .widget { border-top:10px solid #000; padding:10px 0px; line-height:1; margin-bottom:44px; overflow:hidden;}
			#container #sidebar .widget h3 { font-size:24px; font-style:italic;text-transform:uppercase;margin-bottom:5px;}
			#container #sidebar .widget h4 { font-size:18px;margin-bottom:10px;font-weight:normal;}
			#container #sidebar .widget p { color:#717171; line-height:1.3; padding-bottom:10px;}
			#container #sidebar .widget p.info { color:#000; text-transform:uppercase;margin-top:20px; line-height:1.7; padding:0;}
			#container #sidebar .alt { border-top:5px solid #000; }
			#container #sidebar .alt h3 { font-weight:normal; font-size:21px; margin-bottom:10px; }
			#container #sidebar a { color:#737373;text-decoration:none; }
			#container #sidebar .alt a { color:#737373;text-decoration:none;padding:0 5px; }
			#container #sidebar a:hover { text-decoration:underline; }
			#container #sidebar .widget_archive { }
			#container #sidebar .widget_archive a { text-decoration:none; color:#fff;}
			#container #sidebar .widget_archive li { background-color:#000; padding:15px; float:left; width:60px; margin:0 5px 5px 0;}
			#container #sidebar .widget ul.odd,#container #sidebar .widget ul.wp-tag-cloud { margin:30px 0;}
			#container #sidebar .widget ul.odd li,#container #sidebar .widget ul.wp-tag-cloud li { color:#717171;font-style:italic; padding-bottom:5px; width:50%;float:left;}
			#container #sidebar .widget p.info a { color:#000; text-decoration:underline;}
			
	
	#subfooter { background: url(images/footerbg.jpg) top left no-repeat; height:651px; margin:15px 0; }
		#subwidgets { height:330px; overflow:hidden;line-height:1.4; padding-top:13px;}
			#subwidgets a { color:#a3a2a2; text-decoration:none; }
			#subwidgets a:hover { text-decoration:underline; }
			#subwidgets .widget {float:left;padding:30px 20px; color:#a3a2a2;}
			#subwidgets .widget h3 { color:#fff; margin-bottom:10px;}
			#subwidgets .first { width:230px; }
			#subwidgets .second { width:130px; padding-right:10px;}
			#subwidgets .third {}
			#subwidgets .fourth {}
		#submenu { font-size:15px; text-transform:uppercase; font-style:italic; overflow:hidden; font-weight:none;}
			#submenu a { text-decoration:none; color:#fff;}
			#submenu a:hover { text-decoration:underline; color:#fff; }
			#submenu ul { width:920px; overflow:hidden; padding:0 20px;}
			#submenu ul li { float:left; padding:0 25px 0 0 ;} 
			#submenu ul li.alignright { float:right; }
			#submenu ul li.alignright a { color:#c4c4c4; }
	#footer { color:#a3a2a2;clear:both;overflow:hidden; }
	
	.wp-pagenavi { font-weight:bold; width:50%; float:right;text-align:right;}
		.wp-pagenavi a:hover, .wp-pagenavi span.pages {text-transform:uppercase;margin-right:10px;}
		.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;border-left:1px solid #000;padding: 0px 5px;margin: 2px;}
		.wp-pagenavi a:hover, .wp-pagenavi a {border-color: #000;border-left:1px solid #000;padding: 0px 5px;margin: 2px;}
		.wp-pagenavi span.current {font-weight: bold;}