/*   
Theme Name: Cajac
Theme URI: http://cajac.us/
Description: The wordpres theme for cajac website
Author: Mark Steggles edit
Author URI: http://www.graphicsnjeneral.com
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body { }

body { background-color:#eee;font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#2D2D2D;}

strong { font-weight:bold;}
a { color:#499B1F; text-decoration:none;}
a:hover { color:#499B1F; text-decoration:underline;}
p { line-height: 24px; margin-bottom:15px; }
.clear { clear:both;}

#header { background:#4a681e url(images/header-pic.jpg) no-repeat 0 0; height:266px;}
#header h1, #header .description {display:none}

#page { width:1000px; margin:0 auto;  background-color:#fff;  position:relative; overflow:hidden}

#content { float:left; width:543px; padding-left:40px; padding-right:65px; padding-top:10px; padding-bottom:100px;
min-height:500px;
height:auto !important;
height:500px;
position:relative
}

#sidebar {background-color:#7b9957; float:right; width:352px;padding-top:10px; padding-bottom:100px }

#nav { margin-top:20px;}
#nav ul { width:195px;}
#nav a {   font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase;  padding:13px; padding-left:40px; display:block; }
#nav a:hover {
color:#4a681e
}

/* the blog button */
#nav .page-item-175 {
position:absolute;
right:192px;
top:200px
}
#nav .page-item-175 a {
background-color:#439c52;
background-image: -moz-linear-gradient(top, #439c52, #257432); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #439c52),color-stop(1, #257432)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#439c52', EndColorStr='#257432'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#439c52', EndColorStr='#257432')"; /* IE8 */
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
color:white;
padding:12px 40px;
text-align:center
}
#nav .page-item-175.current_page_item a {
background-color:#439c52;
background-image: -moz-linear-gradient(top, #ffffff, #ebf4ec); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ebf4ec)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebf4ec'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#ebf4ec')"; /* IE8 */
color:#4a681e;
}
.page_item a { color:#fff;}
.current_page_item a {  color:#537922;  background-color:#FFF;}

#biglogo { margin-bottom:35px;}
#smalllogo { margin-bottom:40px;}

.widget a { text-decoration:underline; color:#FFF}
.widget a:hover { text-decoration:none;}
.widget h2 { color: #49681E;
display: block;
font-size: 14px;
font-weight: bold;
height: 24px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 47px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.widget { width:313px; margin-left: 40px;} 
.widget p{ width:200px;} 



#footer {
font-size:9px;
text-transform:uppercase;
position:absolute;
bottom:0;
left:40px
}
#footer img {vertical-align:bottom}


h3 { 
color: #4a681E;
font-size: 20px;
font-weight: normal;
margin: 0px 0px 20px;
text-transform: uppercase;
}


.postbox h2 {
color: #4a681E;
font-size: 30px;
font-weight: normal;
margin: 0px 0px 10px;
}

.postbox h2 a { 
color: #4a681E;	
}

.postbox { border-bottom:2px solid #567B24; margin-bottom:20px;}

.postinfo {  font-size:12px; padding:4px; margin-bottom:10px;}


.green { color:#49681E;}

/* 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 */

.addthis_container { clear:both; margin-bottom:5px; float:right;}

h2 {
color:#4a681E;
font-size:30px;
font-weight:normal;
margin:5px 0 10px;
text-transform:uppercase;
}
.hentry h2 {
font-size:20px
}
.post {padding-bottom:20px}
.entry {
padding-top:10px
}
.navigation {
overflow:hidden
}