/*   
Theme Name: Imageo
Theme URI: http://championcenterlv.com
Description: Designed by The Champion Center Media Team
Version: 1.0
Author: http://championcenterlv.com
Author URI: http://championcenterlv.com
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body  {
	font: 17px Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444444;
	background-color: #444444;
	line-height: 28px;
	background:url(images/diag_pat.gif);
	background-repeat:repeat;
}
/* site id and utility links
==============================================================================*/
p {
	padding-bottom: 20px;
}
h1, h2, h3, h4, h5 {
	margin: 0px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	padding-bottom: 20px;
	line-height: 24px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-bottom: 15px;
	line-height:30px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-bottom: 5px;
	font-weight:bold;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-bottom: 5px;
}
a:link{
	color:#CC3300;
}
a, a:visited {
	text-decoration:none;
	outline: none;
	color:#E4701E;
}
a:hover{
	text-decoration:none;
	color:#663300;
}	
ul {
	list-style-type: none;
}
li, ol{
	font-size:16px;
}
hr {
	background: #eee;
	color: #eee;
	height: 1px;
	border: #777;
	margin: 10px 0;
}
small {
	font-size: .8em;
}

strong {
	font-weight: bold;
}
.largecopy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 22px;
}
.red{
	color:#CC1719;
}
/* header
==============================================================================*/

#headerwrap {
	min-width: 1002px;
	height:189px;
} 
#header {
	margin:0 auto;
	height: 161px;
	position: relative;
	background:url(images/headbckgrnd.jpg) no-repeat top center;
}
#bodywrap {
	min-width: 1002px;
	clear:both;
}
#container{
	width:800px;
	background:white;
	margin:0 auto;
	text-align:left;
	background-image:url(images/paint_edges.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#header .logo{
	position:relative;
	background-image:url(images/idlogo_lg2.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-width:1024px;
	height:147px;
	margin:0 auto;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* body
==============================================================================*/
#mainContent {
	margin: 0;
	width: 500px;
	border-right: 1px dotted gray;
	position: relative;
	float: left;
	padding:30px;
}
#mainContent h2{
	color:#666666;
}

#rtcolumn {
	float: right;
	width: 179px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 30px; /* top and bottom padding create visual space within this div */
	position: relative;
}
#rtcolumn h2{
	color:#666666;
}
#rtcolumn .sponsor{
	align: center;
	margin: 30px 0;
}
.sidebar{
	float:left;
	position:relative;
	width:200px;
	display: inline;
}
.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 0px 0 0px;
}
.sidebar ul li{
	padding: 0px 0px 10px 0px;
}
.sidebar ul li h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.sidebar ul ul li{
	padding: 0;
	line-height:24px;
}
#footerwrap{
	display:block;
	min-width:1002px;
}
#footer {
	width:760px;
	padding: 0 20px;
	position: relative;
	margin:0 auto;
	background:#000000;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* NAVIGATION
==============================================================================*/
#navcontainer{
	width:800px;
	height:43px;
	margin:0 auto;
	position:relative;
}
#nav {
	position:relative; 
	z-index:2; 
	height:31px; 
	float:left;
}
#nav ul {
	float:left; 
	list-style:none;
}
#nav li {
	float:left;
}
#nav li a {
	display:block; 
	margin:0; 
	padding:8px 12px 4px 12px; 
	color:#333333; 
	text-decoration:none; 
	font:bold 13px Helvetica, sans-serif; 
	border-right:1px dotted #888888;
}
#nav li a:hover {
	background:#111; 
	color:#215c97;
}
ul#mail_rss a {
	text-decoration:underline !important;
}

/* SUBNAV
==============================================================================*/

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
	}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {
	width:100%;
	margin:0 !important;
	border-bottom:1px solid #ffffff;
	}
.sf-menu ul ul li{
	margin:0 !important;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
	text-align:left;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:0;
	top:31px; /* match top ul list item height */ 
	z-index:1000;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */ 
	top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */ 
	top:0;
	
}

/*** CUSTOM STYLES ***/
.sf-menu li ul {
	background:#CCCCCC;
	border-top:none;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
.sf-menu li li ul, .sf-menu li li li ul {
	background:#555555;
	border-top:none;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

/*  post/pages
==============================================================================*/

.post{
	padding:0px 0 10px 0;
}
.post h1{
	font-family: Georgia, Sans-serif;
	font-size: 30px;
}
.entry p{
	line-height: 27px;
	padding-bottom:20px;
}
p.postmetadata{
	border-top: 1px solid #666666;
	margin: 15px 0 0 0;
	font-size:12px;
}
.navigation{
	padding: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

/* next & previous page navigation */
.page-nav-left{
	background: url(images/navigation-bg-left.gif) no-repeat left top;
	height: 21px;
}
.page-nav-right{
	background: url(images/navigation-bg-right.gif) no-repeat right top;
	height: 21px;
	margin-left: 10px;
}
.page-nav {
	clear: both;
	background: url(images/navigation-bg-center.gif) repeat-x left top;
	height: 21px;
	margin-right: 10px;
}
.page-nav a, .page-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(images/navigation-right.gif) 		no-repeat right center;
}
/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 10px;
	margin-top: 15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}


/*  BASIC LAYOUT
==============================================================================*/

#content {clear:both; z-index:1; background:#fff; width:880px; padding:10px 40px 0 40px;}

#left {width:560px; margin:0; line-height:2.0; float:left; padding:0 20px 10px 0;}
#right {width:240px; margin:0; float:right; padding:10px 0 10px 20px;}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

.headline {margin:40px 0 0 20px;}
.excerpt {padding:0 0 5px 0; border-bottom:dotted 1px #ccc; margin:0 0 0 20px;}
.post-single {margin:0 0 20px 0;}

.preview {float:right; background:url(images/preview.png) no-repeat; margin:15px 0 0 0;}
.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px;}

.single_content {clear:both; margin:0 0 50px 0px;}
.bookmarks {text-align:right; float:right;}






/*  WIDGETS
==============================================*/
.app_widget {
	float:left; 
	width:270px; 
	min-height:230px;
	margin-top:20px;
	margin-right:10px;
}
.widget {border:1px solid #222222; -moz-border-radius:5px;-webkit-border-radius: 5px;}
#tweets{
	background-image:url(images/tweet_hd.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}
div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Helvetica, sans-serif;}


div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Helvetica, sans-serif; color:#215c97;}
div.widget a:hover {color:#666; text-decoration:underline;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */

div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff;}
div#blog-line h1 {font:40px Georgia, serif; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}

div#left {font-size:120%;}
div#left a {color:#215c97;}
div#left a:hover {color:#ccc; text-decoration:underline;}
div#left h1 {float:left; font:bold 26px Helvetica, sans-serif; width:450px; letter-spacing:-1px;}
div#left h1.page_headline {margin:10px 0; font:bold 26px Helvetica, sans-serif; color:#215c97;}
div#left h1 a {color:#666; display:block;}
div#left h1 a:hover {color:#215c97; text-decoration:none;}
div#left h2 {font:bold 150% Georgia, serif; margin:0 0 10px 0;}
div#left h2.archive-title {margin:10px 0 0 20px; font:bold 26px Helvetica, sans-serif; color:#215c97;}
div#left h3 {font:italic 120% Georgia, serif; margin:0 0 5px 0;}
div#left ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:120%;}
div.single_content {font-size:100%;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(images/toggle.png) no-repeat;}
a.hide-all {background:url(images/toggle.png) 0px -20px no-repeat;}

p.previous-posts {margin:50px 0 0 0; float:left; font:normal 130% Verdana;}
p.next-posts {margin:50px 0 0 0; float:right; font:normal 130% Verdana;}
div.date {font:normal 14px Georgia; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

p.post_info {font-size:100%;}
p.tag_info {margin:0; font-size:100%;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius: 10px; font:120% normal Georgia, serif;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(images/comments.png) no-repeat;}
.tag-link {background:url(images/tag-blue.png) no-repeat;}
.user-name {background:url(images/user-green.png) no-repeat;}
.user-mail {background:url(images/email.png) no-repeat;}
.user-url {background:url(images/world-edit.png) no-repeat;}
.user-comment {background:url(images/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0; background-position:0px 4px;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {margin:10px 0 30px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
p.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #eee;-moz-border-radius:5px;-webkit-border-radius: 5px;}
div.comment-text {margin:50px 0 0 0;}
div.author-comment {background: #f9fbc1;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px !important; border:1px solid #f1f1f1;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
h2#respond {margin:40px 0 10px 0 !important;}
h3#no-comments {font:italic bold 110% Georgia, serif !important; color:#666 !important;}

/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:450px; height:150px; margin:0; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;}
.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(images/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {padding:5px; color:#fff; background:#333; border:none;}
div#left div#searchform {padding: 0 0 0 20px;}
p.not-found {padding: 0 0 0 20px; margin:0;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 20px 20px;}
img.alignleft {float:left; margin:0 20px 20px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 20px 20px;}
a img.alignleft {float:left; margin:0 20px 20px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.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-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}


/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}