/*
Theme Name: Mundial 2010
Theme URI:
Description: A clean and user friendly theme which highlights the blog content and user comments so beautifully. Made simple so anyone can maintain it easily, feel free to contact for additional support at <a href="http://www.webdesigncreatives.com">Web Design Creatives</a>.
Version: 2.0
Author: Web Design Creatives
Author URI: http://www.webdesigncreatives.com
Tags: white, orange, two-columns, fixed-width, right-sidebar
*/

/* Changelog
- Fixed the image caption problem
*/


/*
 <h1 class="main-logo">
   CSS-Tricks
</h1>
h1.main-logo {
	width: 350px; height: 75px;
	background: url(images/header-image.jpg);
	text-indent: -9999px;
}
**/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, fieldset, form, label, legend, p, blockquote, pre, a, abbr, acronym, address, code, del, em, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0px; 
	padding: 0px;
}
body {
	background:#EBEBEB;
	color: #333333;
	font:normal 75% Arial, Verdana, Helvetica, sans-serif;
	line-height:19px;
	background-image:url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#000000;
}
.post img {
	border: none;
}
a, a:link {
	color:#AE927D; 
	text-decoration:underline;
}
a:visited {
	color:#AE927D;
}
a:hover, a:focus, a:active {
	color: #EA7521;
	text-decoration:underline;
}
ul, li {
	list-style:none;
}
h1, h2, h3, h4, h5 {
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
}
h2, h3 {
	color: #EA7521;
	margin-bottom: 15px;
	font-size:18px;
	font-weight:normal;
	line-height:30px;
}

/* Global 
---------------------------------------------------- */
#wraper {
	margin:20px auto 20px auto;	
	width:978px;
}
.bc{
	background:url(images/bottom-curve.gif) top right no-repeat;
	height:9px;
	font-size: 0px;
	overflow:hidden;
}
.bc span{ 
	background:url(images/bottom-curve.gif) top left no-repeat;
	display: block;
	height: 9px;
	width: 10px;
	font-size: 0px;
}
.navigation {
	color:#EA7521;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
	width:70%;
	overflow:hidden;
	margin-bottom:20px;
	font-size:28px;
}
.sml a {
	font-size:14px !important;	
}
.alignleft, .alignright {
	font-size:18px !important;
}
.navigation a {
	color:#EA7521 !important;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
	text-decoration:none;
}
.navigation a:hover {
	color:#000;
	text-decoration:underline;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.sml .alignright {
	float:left;
}
/* Columns Class 
--------------------------------------------------------------*/
#content {
	padding-bottom: 10px;
	overflow: hidden;
	background: #fff;
	padding: 0 0 11px 20px;
}
#content .post, #content .comments {
	width:610px;
	padding-right:10px;
	float:left;	
	padding-top:20px;
}
#sidebar {
	width: 320px;
	float: right;
	border-left:solid #CCC 1px;
}
#content .post h2 span.comment {
	border:none;
}
#content .post h2 span.comment span {
	border:none;
	display: block;
	position:absolute;
	top:12px;
	right:2px;
	background: url(images/icon-comments.gif) 0 0 no-repeat;	
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 
	padding-left:20px;
	color:#666 !important;
	height:15px;
}
#content .post h2 span.comment a {
	display: block;
	background: url(images/icon-comments.gif) 0 0 no-repeat;	
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 
	padding-left:20px;
	color:#AE927D !important;
	height:15px;
	text-decoration:underline;
	position:absolute;
	top:12px;
	right:2px;
}
#content .post h2 span.comment a:hover {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration:none;
}
#content .post h2.h2title {	
	color:#351905;
	font-size: 2em;
	width:100%;
	position:relative;
	border-top: 1px dotted #DBD2C4;
	margin-bottom:10px;
	padding:4px 0;
	font-weight: bold;
	overflow:hidden;
}
#content .post h2 a {
	color:#351905;
	text-decoration:none;
	}
#content .post h2 a:hover {
	color:#351905;
	font-weight:bold;
	text-decoration:underline;
	}	
h2 span {
	font: normal 0.65em Arial, Verdana, Helvetica, sans-serif; 
	color:#AE927D; 
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #DFCDBF;
}
.post h3 {
	color: #EA7521;
	font-size: 1.3em;
}
h5.comments {
	border-bottom:1px solid #D4D7D9;
	color:#131313;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	margin:10px 0 12px;
	padding:0;
	width:97% !important;
}
abbr, acronym {
	border-bottom: 1px dotted #000000;
}
table { 
	border-collapse: collapse;
	font-size:11px;
	margin-bottom:20px;
}
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
}
table, td, th { 
	vertical-align: middle; 
}

/* Header 
---------------------------------------------------------------*/
.head{
text-indent: -9999px;
}


#header {
	position: relative;
	overflow: hidden;
	background-color:#2A2A2A ;
	overflow: hidden;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
	height:116px;
	
}
#header h1, .blog_title{
	font-size:3.3em;
	font-weight: normal;
	padding:15px 0 24px 0;
	letter-spacing:-1px;
	white-space:nowrap;
	display:block;
	padding-left:2000px;
	position:absolute;
	top:100px
}

#header h1 a, .blog_title a {
	color: #333333;
	text-decoration: none;
}
#header span.title {
	display:block;
	position:absolute;
	top:54px;
	left:22px;
	text-align: right;	
	color:#AFAFAF;
	font:normal 13px Arial, Verdana, Helvetica, sans-serif; 
	font-style: italic;
	padding-left:2000px;
	margin-left:300px;
	position:absolute;
	top:100px	
}

/* Global Navigation 
---------------------------------------------------------------*/
ul.globalNav{
	position: absolute;
	top:30px;
	right:10px;
}
ul.globalNav li {
	display: inline;
	padding:1px 8px;
}
ul.globalNav li.last {
	border-right:none;
}
ul.globalNav li a, ul.globalNav li a:link {
	color: #000000;
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
ul.globalNav li a:hover {
	color: #000000;
	text-decoration:underline;
}

/* Main Navigation 
---------------------------------------------------------------*/
#mainNav {
	background:#FFF url(images/nav.jpg) 0 0 repeat-x;
	padding:4px 0 0 10px;
	color: #EF9552;
	clear:left;
	height:32px;
}
#mainNav, #content, #footer {
border-left:7px solid #2A2A2A;
border-right:9px solid #2A2A2A;
}

#mainNav ul {
	float:left;
	}
#mainNav li {
	display: inline;
	border-left:1px solid #EF9552;
	padding:1px 12px;
}
#mainNav .first {
	border:medium none;
}
#mainNav li a {
	color: #ffffff;
	font: normal 16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
#mainNav li a:hover {
	text-decoration:underline;
}
.headSearch {
	float:right;
	margin-right:10px;
}
.keyword {
	float:left;
	background:url(images/search-text.gif) 0 0 no-repeat;
	width:129px;
	height:22px;
	border:none;
	font-size:11px;
	padding:4px 0 0 4px;
	color:#818181;
	margin:0 !important;
}	
.searchButton {
	float:left;
	background-color:#E75E00;    
	width:60px;
	height:22px;
	border:1px solid #E75E00;
	margin:0 !important;
	color:#FFFFFF;
	font-weight:bold;

	}
	
/* Mixed Content Class
---------------------------------------------------------------*/
.post p {
	margin-bottom: 15px;
}
blockquote {
	background: url(images/quotes.gif) 0 0 no-repeat;
	padding-left: 50px;
	color: #fff;
	margin:20px 0;
}
.post ul {
	font-size:12px;
	margin-bottom: 10px;
	color:#666;
	line-height:24px;
	margin:-8px 0 20px 15px;
}	
.post ul li {
	background: url(images/bullet-content.gif) 0 8px no-repeat;
	padding-left:15px;
}
.post ul li ul{
	font-size:12px;
	margin-bottom: 10px;
	line-height:24px;
	margin:0px;
}
.post ul li ul li {
	background: url(images/bullet-content2.gif) 0 8px no-repeat !important;
}
.post ol {
	margin-bottom: 10px;
	color:#666;
	margin:-8px 0 20px 35px;
}
.post ol li {
	list-style-type:decimal;
	padding-left:0px;
}
.post ol li ol{
	margin:5px 0 5px 18px;
}
.post a {
	text-decoration:underline;
	color:#000;
}
.post a:hover {
	text-decoration:none;
	color:#EA7521;
}
.post a:hover .post .postmetadata a:hover {
	text-decoration:none;
	color:#EA7521;
	white-space:nowrap;
}
.post .postmetadata {
	margin:0 auto;
	width:89%;
	background:#F9F9F9;
	color:#999999;
	font-size:11px;
	line-height:18px;	
	margin-bottom:30px;
	padding:5px 20px;
	
}
.entry {
	margin:0 auto;
	width:95%;
	clear:left;
}

.post .postmetadata a {
	color:#AE927D !important;
	text-decoration:underline;
	}
.post .postmetadata a:hover {
	color:#AE927D !important;
	text-decoration:none;
	}
.tags {
	padding:0 15px;
	line-height:21px;
}	
.tags a {
	color:#9A8A7C !important;
	font-weight:bold;
	text-decoration:none;
}	
.tags a:hover {
	color:#000 !important;
	font-weight:bold;
	text-decoration:underline !important;
}

/* Table 
---------------------------------------------------------------*/
table {
	border:1px solid #F3E3D7;
	border-collapse: collapse;
}
td, th  {
	border: 1px solid #F3E3D7;
	padding:3px 4px;
}
th {
	font-weight:bold;
	background:#FFF6F0;
	color:#000;
}

/* Common Used Class 
---------------------------------------------------------------*/
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_both {
	clear: both;
}
abbr[title], acronym[title] {
	border-bottom:1px dotted #999999;
	cursor:help;
	font-style:italic;
}

/* Forms 
----------------------------------------------------------- */
fieldset {
	border: 1px solid #F3E3D7;
	padding: 10px;
	margin-bottom:15px;
}
legend {
	font:bold 14px Arial, Verdana, Helvetica, sans-serif; 
}
label {
	font:bold 11px Arial, Verdana, Helvetica, sans-serif; 
}
input[type="radio"], input[type="checkbox"] {
	margin-right:15px;
	vertical-align:bottom;
	}
input[type="button"], input[type="submit"] {
	margin:0 5px;
	}
textarea {
	width:100% !important;
}

/* Side bar
-------------------------------------------------------------*/
#sidebar h3 {
	color:#000;
	margin:0 0 8px 0;
	font-size:16px;
	font-weight:bold;
}
.rightPan {
	margin-bottom: 0;
}

.widget {
border-bottom:solid 1px #CCCCCC;
padding:10px;
}

.widget ul {
margin-bottom:10px;	
}


.rightPan span.stc {
	display: block;
	height: 5px;
	width: 10px;
	line-height:0;
}

.gbc {
	height:15px;
	font-size: 0px;
	line-height:0;
}
.gbc span.sbc {
	display: block;
	height:15px;
	width: 10px;
}

#sidebar ul {
	line-height:25px;
}
#sidebar ul li {
	background: transparent url(images/bullet-sidebar.gif) no-repeat scroll left 10px;
	padding-left: 12px;
	margin-left:5px;
}
#sidebar ul li ul {
	margin-bottom: 0px;
}
#sidebar ul li ul li {
	background: url(images/bullet-content.gif) 15px 10px no-repeat;
	margin-left:0px;
}
#sidebar a {
	color: #333;
}
#sidebar a:hover {
	color:#000;
	text-decoration:none;
}

/* Footer 
------------------------------------------------------------*/
#footer {
	position: relative;
	font-size:10px;
	line-height:15px;
	background:#FFFFFF url(images/grass.jpg) no-repeat scroll -7px bottom;
	height:70px;
	padding-top:20px;

}

#footer p {
	text-align: right;
	position: absolute;
	top: 10px;
	right:5px;
	font-size: 11px;
	padding-bottom:20px;
	color:#666666;
	padding-right:20px;
}

/* Comments 
------------------------------------------------------------*/
.commetmain {
	border-bottom:1px dotted #999;
	clear:both;
	height:100%;
	margin-bottom:15px;
	overflow:hidden;
	padding:10px;
}
.commetmainalt {
	background:#FFF2E8;
	border-bottom:1px dotted #999;
	clear:both;
	height:100%;
	margin-bottom:15px;
	overflow:hidden;
	padding:10px;
}
.commet_left {
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:15%;
	padding-right:15px;
}
.comment-author {
	font-size:11px;
	padding-bottom:5px;
}
.comment-author strong, .comment-author strong a {
	font-size:14px;
	}
.commet_right {
	border-left:1px dotted #999;
	float:left;
	min-height:55px;
	padding:5px 0 0 15px;
	width:76%;
	min-height:100px;
}
.thecomment, .comment-body {
	margin:0;
}
.avatar {
	display:block;
	margin:0;
}
small {
	color:#999;
}

/* Comments Form
------------------------------------------------------------*/
#commentform label {
	float:left;
	text-align:left;
	margin-top:15px;
	font-size:11px;
	width:110px;
	font-weight:bold;
}
.txtarea {
	width:75% !important;
	float:left;
	padding:5px;
	margin-bottom:5px;
	border:1px solid #b8b8b8;
	background:#FAF8F8;
	font:12px Arial, Helvetica, sans-serif;
}
.txtarea:hover {
	border:1px solid #B6B6B6;
	background:#F4F3F3;
}
.Cmtbutton:hover {
	background:#000;
	border:medium none;
	color:#FAF8F8;	
}
.Cmtbutton {
	background:#EA7521;
	border:medium none;
	clear:both;
	color:#FAF8F8;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:100px;
	padding:5px;
	width:180px;
	margin-left:162px !important;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption-text {
	overflow:none !important;
	margin:0 !important;
}
form p {
	margin:10px 0 0 0 !important;
}
dl {
	margin-bottom:15px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.attachment{
	text-align:center;
}

.date{
	padding-bottom:20px;
	display:block;
	font-size:1em;
}

.fbconnect_share{
	border:0 !important;
}

.title_img{
	width:220px;
	height:90px;
	border:0;
	margin:20px;
	
}

/* Ads  */

#pos-728x90 {
	height:90px;
	width:728px;
	position:absolute;
	border:solid 1px red;
	top:14px;
	left:235px;
}

#pos-300x250 {
	height:250px;
	border:solid 1px #CCCCCC;
}

.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active {
font-weight:bold;

}



/* Menu */
#headerMenu{
	background:#FFF url(images/nav.jpg) 0 0 repeat-x;
	padding:4px 0 0 10px;
	color: #EF9552;
	clear:left;
	height:32px;
	border-left:7px solid #2A2A2A;
	border-right:9px solid #2A2A2A;
	position:relative;
	z-index:1000;

	}
#headerMenu a{
	font-size:14px;
}

#headerMenu ul{
float:left;
}

.headerMenu1 {
	z-index:3;
	position:relative;
}
.headerMenu1 ul {
	float:right;
	margin:0 20px;
}
.headerMenu1L ul {
	float:left;
}
.headerMenu1 ul li {
	float:left;
	height:24px;
	position:relative;
	z-index:1;
}
.headerMenu1 li a,
.headerMenu1 li a:visited {
	display:block;
	height:24px;
	line-height:24px;
	color:#a6a6a6;
	font-size:11px;
	text-decoration:none;
	padding:0 8px;
}
.headerMenu1 li a:hover {
	color:#bfbfbf;
	text-decoration:none;
}
.headerMenu1 ul ul {
	position:absolute;
	top:24px;
	right:0;
	display:none;
	background-color:#dbdddd;
	border:1px solid #000;
	margin:0;
	z-index:1;
}
.headerMenu1L ul ul {
	right:auto;
	left:0;
}
.headerMenu1 li li {
	float:none;
	width:180px;
	height:auto;
}
.headerMenu1 li li a,
.headerMenu1 li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	width:164px;
	position:relative;
	color:#333;
}
.headerMenu1 li li a:hover {
	background:#cacccc;
	padding:0 8px;
	color:#333;
}
.headerMenu1 li:hover ul,
.headerMenu1 li.jHover ul {
	display:block;
}
.headerMenu1 ul ul ul,
.headerMenu1 li:hover ul ul,
.headerMenu1 li.jHover ul ul {
	display:none;
	top:3px;
	right:175px;
}
.headerMenu1L ul ul ul,
.headerMenu1L li:hover ul ul,
.headerMenu1L li.jHover ul ul {
	right:auto;
	left:175px;
}
.headerMenu1 li li:hover ul,
.headerMenu1 li li.jHover ul {
	display:block;
}

.headerMenu2 {
	position:relative;
	z-index:2;
}
.headerMenu2 ul {
	margin:0 20px;
	height:26px;
}
.headerMenu2DS ul {
	padding-left:2px;
}
.headerMenu2 li {
	float:left;
	height:26px;
	position:relative;
	z-index:1;
}
.headerMenu2DS li {
	padding-right:2px;
}
.headerMenu2 li a,
.headerMenu2 li a:visited {
	display:block;
	line-height:26px;
	height:26px;
	color:#fff;
	text-decoration:none;
	padding:0 15px 0 0;
}
.headerMenu2 li a:hover {
	color:#993333;
	text-decoration:none;
}
.headerMenu2 ul ul {
	position:absolute;
	top:25px;
	left:0;
	display:none;
	background:#dbdddd;
	border:1px solid #CCC;
	margin:0;
	z-index:1000;
	height:auto;
	padding:0;
}
.headerMenu2 li li {
	float:none;
	width:120px;
	height:auto;
	background:none;
	padding-right:0;
}
.headerMenu2 li li a,
.headerMenu2 li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	position:relative;
	color:#333;
	font-size:12px !important;
}
.headerMenu2 li li a:hover {
	background:#cacccc;
	color:#333;
}
.headerMenu2 li:hover ul,
.headerMenu2 li.jHover ul {
	display:block;
}
.headerMenu2 ul ul ul,
.headerMenu2 li:hover ul ul,
.headerMenu2 li.jHover ul ul {
	top:3px;
	display:none;
	left:175px;
}
.headerMenu2 li li:hover ul,
.headerMenu2 li li.jHover ul {
	display:block;
}

.headerMenu2 li a.homeIcon,
.headerMenu2 li a.homeIcon:visited {
	padding-left:26px;
}

.wide_menu{
width:190px !important;
}