/*
Theme Name: Cimple
Description: Theme
Author: Cimmeron Studios
Author URI: http://cimmeronstudios.com/

*/

body  {
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(images/bg.png);
	background-repeat:repeat-x;
	background-color:#875a3b;
	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: #000000;
}
p, li, ul {
	
	font-size:12px;

}

a:link {
	color:#982b14;
}
a:hover {
	color:#333;
}

/*structure elements*/

#page { 
	width: 900px;  /* this will create a page 90% of the browser width */
		background:url(images/bodyBG.png) repeat-y;
		min-height:900px;
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
	
	
}

#content { 

	margin: 0 400px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 15px 0 0 65px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#content h2 a:link, #content h3 a:link, #content h3 a:visited, #content h2 a:visited {
	
	text-decoration:none;
	font-size:20px;
	color:#922015;
	padding-bottom:5px;
	padding-top:20px;
	
}
#content p {

}
#content img {
	border:#999 3px solid;
}
.rss {
	float:right;
	font-size:10px;
	padding-right:25px;
}
#code {
	width:300px;border:#666 dashed 1px;}
#header {  
	width: 900px;  /* this will create a page 90% of the browser width */
	background:url(images/header.png) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-bottom:-22px; padding-bottom:0px;
	height:278px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


/*END structure elements*/



/* NAVIGATION */


#nav{
	margin:0 auto;
	
padding:10px 0 0 0 ;
	}

ul#nav {
	width:90%;
	list-style: none;
	font-size: 19px;
	
	
}
ul#nav li {
	float: left;
	line-height:40px;
	
	display: block;
	
	border:#b29674 solid 0px;
}
ul#nav li.current_page_item {
	background-color:#ffffff;
}
ul#nav li#nav-links { border: 0; }
ul#nav li a { 
	display: block;	
	padding: 0px 20px 0px 20px; 
	text-decoration: none; 
	color:#000000;font-size:18px;
	
}
ul#nav li a:hover {
	color:#000000;
	background-color:#ffffff;
	}

.navLink a{color:#373333;}

.navLink a:hover {
	background:#ffffff;
	}
#subnav li {
	float:right;
	list-style:none;
	}
#subnav {
	background:#e6eef7;
	border-top:2px solid #577da2;
	border-bottom:2px solid #cad8e6;
	height:25px;
	margin-top:10px;
	}

#subnav li {
	border-right:0px solid #295887;
	padding:0 7px;
	}	

#subnav a, #subnav a:visited {
	color:#295887;
	text-decoration:none;
	font-weight:bold
	}

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:underline
	}


/*end NAVIGATION*/
/*categories*/

#cat{
	margin:0 auto;
	
	height:40px;
padding:0 0 0 12px ;
	}

ul#cat{
	width:90%;
	list-style: none;
	font-size: 19px;
	
	
}
ul#cat li {
	float: left;
	line-height:50px;
	margin-left:8px;
	display: block;
	
	border:#b29674 solid 0px;
}
ul#cat li.current_page_item {
	background-color:#ffffff;
}
ul#cat li#nav-links { border: 0; }
ul#cat li a { 
	display: block;	
	padding: 0px 5px 0px 5px; 
	text-decoration: none; 
	color:#ffffff;font-size:12px;overflow:hidden;
	
}
ul#cat li a:hover {
	color:#eec790;

	}
/*end categories*/

/* CALLOUT */

#introduction  {
	
	padding-bottom: 20px;
	
}

#callout  {
	position: relative;
	z-index: 0;
	float: left;
	width: 879px;
	border-top:#dcdef0 solid 0px;
	margin: 0 0 0 -30px;
	padding: 7px 20px 1px 60px; /*top right bottom left*/
	background: #20276a url(images/calloutBack.jpg) repeat-x top left;
	
}

#callout h2  {
	color: #fff;
	font-size: 24px;
	padding-top:5px;
}

#callout p  {
	color: #fff;
	
}

#callout img  {
	border: 0px solid #f57833;
	float: right;
	margin: -45px 10px 10px 0;/*top right bottom left*/
}

#callout .fold  {
	background: url(images/calloutFold.png) no-repeat left top;
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 20px;
	height: 15px;
}
#callout .foldRT  {
	background: url(images/calloutFoldRT.png) no-repeat left top;
	position: absolute;
	right: 0;
	bottom: 117px;
	width: 20px;
	height: 15px;
}

/* end CALLOUT */

/* SIDEBAR */


#sidebar {

margin-top:30px;
	padding: 15px 35px 10px 10px; /*top right bottom left*/
	float:right;
	
	width: 280px;

	}

	

#sidebar a, #sidebar a:visited, #sidebarLeft a, #sidebarLeft a:visited {

	color: #982b14;

	text-decoration: none;

	}

	

#sidebar a:hover, #sidebarLeft a:hover {

	color: #982b14;

	text-decoration: underline;

	}

	

#sidebar h4, #sidebarLeft h4{

	color: #333333;

	font-size: 20px;

	font-family: Calibri;

	font-weight: normal;

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}



#sidebar p, #sidebarLeft p {

	margin: 0px;

	padding: 0px;

	font-size:14px;
	}

	

#sidebar a img, #sidebarLeft a img {

	margin: 0px 0px 5px 0px;

	padding: 0px;

	border: none;

	}

	

#sidebar .widget, #sidebarLeft .widget  {

	background: #ffffff;

	margin: 0px 0px 10px 0px;

	padding: 5px 10px 5px 10px;

	border: 3px dashed #875a3b;

	}

	

#sidebar ul, #sidebarLeft ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

	

#sidebar ul li, #sidebarLeft ul li {

	list-style-type: none;

	margin: 0px 0px 5px 0px;

	padding: 0px;

	}

	

#sidebar ul ul li a, #sidebar ul ul li a:visited, #sidebarLeft ul ul li a, #sidebarLeft ul ul li a:visited {

	color: #333333;

	text-decoration: none;

	}

	

#sidebar ul ul li a:hover, #sidebarLeft ul ul li a:hover {

	color: #982b14;

	text-decoration: underline;

	}



#sidebar ul ul, #sidebarLeft ul ul {

	list-style-type: none;

	margin: 0px 0px 0px 5px;

	padding: 0px;

	}

	

#sidebar ul ul ul, #sidebarLeft ul ul ul {

	list-style-type: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}

	

#sidebar ul li li, #sidebarLeft ul li li {

	background: url(images/arrow2.gif) no-repeat top left;

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 0px 0px;

	}

	

#sidebar ul li ul li, #sidebarLeft ul li ul li {

	background: url(images/arrow2.gif) no-repeat top left;

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 0px 0px;

	}



#sidebar .textwidget, #sidebarLeft .textwidget {

	margin: 0px;

	padding: 0px;

	}

/*end sidebar*/




#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/*end SIDEBAR */


#searchform #s  {
	border: 1px solid #898989;
}

#searchform .submit  {
	color: #fff;
	border: 1px solid #fb5e00;
	background-color: #ee7329;
}

#twitter a  {
	background-image: none;
}

/* end WIDGETS */
#line {
	border-right:#cccccc solid 1px;
}




/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a page that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


img.pressim a:hover  {
filter:alpha(opacity=30);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8; }
.whiteLine {
	width:150px;
	border-top:#ffffff solid 2px;
	margin-right:auto;
	margin-left:auto;
	}


	
/*#tweetmeme {
	margin:0em 0em 0em 0px;width:695px;height:65px;border:#a0a0a0 dashed 1px;padding:3px;
	}*/	
#commentText { margin:-60px 0em 0em 80px; 
	font-size:12px; width:600px;
}
#disqus_thread {
margin:0em 0em 0em 0px;
}


/*date styling*/

#date {
	background:url(images/blames.png) no-repeat;
	float:left;
	width:90px;
	height:81px;
	padding-right:10px;
	}
#date p {
	font-size:40px;
	padding-left:1px;
	color:#FFF;
	font-style:italic;
}
/*comment area on posts styled here */
	
.postmetadata {
	font-size:10px;
	}


#divideLine {
	margin:49px;
	border-bottom:#b20c24 solid 1px;
	width:600px}

/*footer stuffs*/	
	
#footercontainer { 
	width: 100%;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:-25px;
	background:url(images/footerBG.png) repeat-x;
	
	
} 
#footer{
	width:900px;
	height:253px;margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background:url(images/footer.png) no-repeat;
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

}
#footerText {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width:900px;
	
}
#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 */

	font-size:11px;
	color:#ffffff;
	text-align:left;
	width:880px;
	
	
}
#footer li, footer ul{
	font-size:14px;
	color:#ffffff;
	list-style-type:none;
}
#footer li.categories {
	color:#20276a;
	
	font-weight:bold;
	font-size:16px;
	}
#footer a {
	font-size:12px;
	color:#20276a;
	color:#FFF
}

#footer h4, #footer h4 a {
	color:#ffffff;
	font-size:14px;
	padding-left:25px;
	}

.column {
width:190px;
margin:6px;
float:left;
border-right:#f6efb7 dashed 1px;
min-height:200px;
} /*this is for the footer columns*/

.column ul, .column li, {
	text-decoration:none;
	list-style-type:none;
}

.columnNoBorder {
width:240px;
margin:6px;
float:left;
height:335px;
} /*this is for the footer columns*/


.column img {
	background-color:#FFFFFF;
	border:4px solid #d4d0d0;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	margin-left:-4px;
	position:relative;
}

/* end FOOTER */


#end {
	background-image:url(http://spokanewebsitedesign.net/site/wp-content/themes/cimple/images/bottom.png);
}
/*twitter plugin*/
ul.twitter {
	background:url(images/twitter.png) top right no-repeat;
	width:280px;
	height:189px;
	
}
li.twitter-item{
	margin-left:55px;
	}