@charset "utf-8";
/*   
Theme Name: OkieAUG v2
Theme URL: okieaug.org
Description: OkieAUG: an Adobe User Group
Author: Akram Taghavi-Burris
Author URI: www.akramsideas.com
Version: 2.0
.
This templated is copyrighted 2009 and only for use with OkieAUG wordpresss projects.
.
*/
/************* GENERAL PROPERTIES **********************/
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	background:repeat #f6ec99; 
         background-image:url('images/backgroundPage.jpg');
	padding:0;
	margin:0;
}


h1 /*used for main title only*/{
	font-family: "Times New Roman", Times, serif;
	font-size: 34pt;
	font-variant:small-caps;
	color: #FFF;
	display: inline;
	padding:15px;

}
h2 /*page titles only*/{
	font:Tahoma, Geneva, sans-serif;
	font-size:18pt;
	font-variant:small-caps;
	color: #4ba92e;
	padding:15px;
	background: repeat-x  #EEEBE4 ;
         background-image:url('images/PageTitleBG.jpg');
	margin-left:25px;
	border:#d6d1ca 1px solid;

}
h3 /*used for post titles*/{
	font:Tahoma, Geneva, sans-serif;
	font-size:14pt;
	font-weight:bold;
	text-transform:capitalize;
	color:#3366c2;
}

a {
	color:#3366c2;
	text-decoration:none;
}

a:hover{
	color:#0742bf;
}

a img{border:none;}


/************* GENERAL CLASSES **********************/

.clear{
	clear:both;
}

.left{
	float:left;
}
.right{
	float:right;
}


/********** MAIN DIVIDES ***************************/


div#wraper{
	width:950px;
	padding: 0px;
	margin:0 auto;
}


div#headerHome{
	background:repeat-x #f6ec99;
         background-image: url('images/background.jpg');
	padding: 0px;
	margin:0 auto;
	width:100%;
}

div#header{
	background:repeat-x #f6ec99;
         background-image:url('images/header.jpg');
	padding: 0px;
	margin:0 auto;
	height:219px;
	width:100%;
}


div#container{
background: repeat-y;
background-image:url('images/pageBG.png');
width:950px;
/*min-height:600px;
height:auto !important;
height: 600px;*/

}



div#footer{
	padding: 0px;
	margin:0 auto;
}


/**************** TITLE SETTINGS ****************/

div#title{
	height:50px;
}

img.logo {
	float:left;
	padding:0;
}

/**************** NAVIGATION ****************/

div#nav{
	height:45px;
	margin: auto;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

ul.menu{
list-style-type:none;
padding:5px;
}

ul.menu li{
display:inline;
}
ul.menu li a{
	float:left;
	padding:5px;
	margin-right:15px;
	color:#0742bf;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

ul.menu li a:hover{
color:#000;
}

/**************** SEARCH ****************/

#search{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#wp-search{
	background-color:#FCFCF9;
	border: 2px solid #DDDAD6;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333;
	font-weight: bold;
	text-align:center;
		 cursor: pointer;
}

/**************** MEDIA ****************/

div#media{
	height:480px;
	padding-top: 30px;
	padding-left: 20px;
}

/********** SIDEBAR **************************/

div#sidebar{
	float:left;
	width:207px;
	padding:0px;
	margin-right:20px;

}
ul.cat{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.cat li{
	padding:0px;
	height:px;
	vertical-align:middle;
}

ul.cat li a{
	margin-left:25px;
	padding:10px;
	float:left;
	width:170px;
	height:25px;
	color:#817b7b;
	text-decoration:none;
	text-transform:capitalize;
	border-bottom:solid 1px #dcddde;
}

ul.cat li a:hover{
	padding-left:33px;
	margin-left:0px;
	background:#4ba92e;
	color:#FFF;
	width:175px;
	
}

ul.cat li a.current{
	padding-left:33px;
	margin-left:0px;
	background:#4ba92e;
	color:#FFF;
	width:175px;
	
}

/********** Page Content **************************/

div#page{
	margin:0 2px 0 225px ;
	padding:5px;

}

div#post{
	border-bottom: 1px dotted #333;	
	min-height:225px;
	padding:0;
	margin:0;
}

div#catImage{
 	float:left;
	margin-right:10px;
	border:#E3E3E3 solid medium;
}

div#content{
	margin-left:285px;
}

div#date{
	font-size:9px;
	margin-top:-15px;
}

div#post_excert{
	text-align:justify;
	padding-right:10px;
}

div#post_excert span{
	font-size:10px;
	font-weight:bold;
	color:#3366c2;
	
}
div#post_content{
	padding-right:10px;
	text-align:justify;
}
div#post_content img{
	margin:10px;
	border:#E3E3E3 solid medium;
}


div#PCol1 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
  margin-right:45px;
  min-height:190px;
}

div#PCol2 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
}


div#PCol3 {
  float: right; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
}

div#post h4{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	color:#0742bf;
	padding:0px 0px 3px 0px;
	margin:0;
	border-bottom:thin solid #0742bf;

}
div#post ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent:0;
	list-style-position: outside;
	list-style-type: none;
	padding: 6px;
	margin: 2px;
	text-align:left;
}

div#post ul li{
	padding:5px;
}


div#post ul li.list-item {  	
    float:left; 
	width:45%; 
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FBF254; }
/*Post Info*/

#info{
	background:#CADBED;
	width:98%;
	height:15px;
	padding:5px 5px 8px 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

#info a{
	color:3366c2;
	text-decoration:none;
		font-weight:bold;
}

#info a:hover{
	color:#3366c2;
	text-decoration:underline;

	}

/*Sociable Plugin*/
.sociable{

	margin-top:45px;
	padding:10px;
	overflow:hidden;
	height:1%;
	border-bottom: 1px dotted #333;
	border-top: 1px dotted #333;

}

.sociable_tagline{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color:#4ba92e;
	font-weight:bold;
	text-align:justify;
	padding:15px 0 0 0;
	float: left;
	height:1%;
	overflow:hidden;
	width:8%;


}

.sociable ul{
	margin:0 0 0 5px;
	width:94%;
	list-style:none;


}
.sociable ul li{
	display:inline;
	margin: 0 0 0 5px;
	width:32px;
}
img.sociable-hovers{
	padding:0px; 
	margin:0px; 
	width:32;
	border:none; 
	opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
	

}

img.sociable-hovers:hover{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}


#back{
	float:left;
	height:40px;	
	vertical-align:middle;
	width:50%;
	padding-bottom:10px;
	
}
#next{
	text-align:right;
	float:right;
	height:40px;
	vertical-align:middle;
	width:50%;
	padding-bottom:10px;
}


/********** Footer **************************/

div#footer {
   
   bottom:0;
   margin-bottom:0px;
   width:100%;
   min-height:300px;   /* Height of the footer */
   background:url('images/footerBG.jpg') repeat-x #1f4592;
   clear:both;
} 

div#footer h4{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 15px;
	font-weight: bold;
	color:#8087ca;
	padding:0px 0px 3px 0px;
	margin:0;
	border-bottom:thin solid #8087ca;

}

div#footer span{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	line-height:14pt;
}

div#footer Form{
	padding:0 10px 0 10px;	
}
#wp-submit{
	margin-top:10px;	
	background-color:#808a39;
	border: 2px solid #aeb56b;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	font-weight: bold;
	width:270px;
	text-align:center;
	 cursor: pointer;

}


div#foot_img {
	height:400px;
}

div#FCol1 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
  margin-right:45px;
  min-height:190px;
}

div#FCol2 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
}


div#FCol3 {
  float: right; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 30%; /* since this element is floated, a width must be given */
  padding: 15px 0; /* top and bottom padding create visual space within this div  */
}

#twitter {
	margin-top:5px;
}

#twitter a{
	height:100%;
}
.aktt_tweets {
	background: #8087ca none repeat scroll 0 0;
	display:block;
	font-family: georgia;
	font-size: 12px;
	font-style:italic;
	margin: 0;
	padding: 12px;
	width: auto;
    color: #FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.aktt_tweets a {
	color:#FFFFFF;
	text-decoration:none;
        display: block;
}

.aktt_tweets ul{
	list-style-type: none;
padding: 0;
margin-left: 0;
}

.aktt_more_updates{
	display:none;
}

p.follow_link {
	background:url('images/twitter_arrow.png') no-repeat;
	color:#E4D8CB;
	margin:0;
	padding:0;
}
p.follow_link a {
	background:url('images/twitter_48.png') no-repeat ;
	color: #E4D8CB;
	line-height: 48px;
	margin: 0px;
	padding: 10px 10px 20px 50px;
}


div#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFCC;
	text-decoration:none;

}

div#footer a:hover , div#footer a:visited{
	color:#FFFFFF;
}


div#footer ul{
	list-style:none;
	margin-top:0;
	padding-top:0;
}

div#footer ul li{
	padding:5px;
}


div#footer ul li.list-item {  	
    float:left; 
	width:45%; 
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FBF254; }

 ul.children li {
display:none;
 }




div#footnote{
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
   text-align:center;
   padding:10px;
   color:#FFFFFF;
}