/*
URL: http://www.akramsideas.com
Description: Akram's Ideas version 6.0
Author: Akram Taghavi-Burris
Author URL: http://www.3deye-deas.com
*/

/*****************************************************
      MAIN TAGS
*****************************************************/	 
body {
	background:#FFF url(imgs/bg.png) repeat-x;
	padding:0px;
	margin:0px;
}

img{ 
	border:none;
}

/* 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. The floated element must precede the element it should be next to on the 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 container that should fully contain a float */
	clear:both;

}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}

a{
	color:#057AC7;
	text-decoration:none;
	cursor:pointer;
}
a:hover{
	text-decoration:underline;
}

a:visited{
	color:#AC42AF;
}

 /*****************************************************
      BACKGROUND
*****************************************************/	
#background {
	background: url(imgs/stars.png) repeat-x 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}
#moon{
background: url(imgs/moon.png) no-repeat 5% 5%;
	position: absolute;
	top:0; left: 0; right: 0; bottom: 0;
	z-index: 200;
}

#midground {
	background: url(imgs/clouds.png) repeat-x 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
}


/******** NAVIGATION [INISIDE FOREGROUND] *******************************/

#nav{
	width: 80%;  /* this will create a container 80% of the conatiner width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the navigaiton */
	margin-top:50px;
	padding-left:4%;
	list-style-type: none;
	z-index:400;
}


/*****************************************************
      MAIN CONTAINER
*****************************************************/	
#container { 
	width: 80%;  /* this will create a container 80% of the browser width */
	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. */
	z-index:200; /* depth below cloud row*/
	position:relative; /*relative to the rest of the page*/
} 


/*****************************************************
      HEADER
*****************************************************/
#header { 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

#logo { 
	float:left;
	width:80%;
	margin-top:60px;
} 

/*****************************************************
      CONTENT
*****************************************************/
#content{
	margin-top:10px;
	background:url(imgs/side_boarder.png) repeat-y top left;
	background-position:80%;
}

/*********** POST **********************************/
#mainContent { 
	margin: 0 26% 0 10px; /* the left margin should mirror the margin on the header and footer for proper alignment. */
}

#mainContent p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
	font-weight:bold;
	text-align:justify;
	
}

/*POST HEAD  (used to contain date and title) */

#post_head{
	padding-top:50px;
}

/* DATE */
#date{
	float:left;
	background:url(imgs/calendar.png) no-repeat;
	width:52px;
	height:52px;
	margin:5px;

}

#month{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	text-transform: lowercase;
	width:50px;
	height:20px;
	text-align:center;
	font-weight:bold;
}

#day{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 25px;
	font-weight:bold;
	color: #1D9CFA;
	text-transform: lowercase;
	width:50px;
	height:20px;
	text-align:center;
}

/* Title */
#mainContent h1 {
	color:#72C2FC; 
	text-transform: lowercase;	
	margin: 0px 0px 2px; 
	border-bottom: 1px dotted #72C2FC;	
	letter-spacing: -1px;	
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 3px;}
	
#mainContent h1 a {
	color:#1D9CFA; 
	text-decoration: none;
}

#mainContent h1 a:visited {
	color:#72C2FC; 
	text-decoration: none;
}

#mainContent h1.page{
	color:#97CE61;
	border-bottom: 1px dotted #97CE61;
}
#mainContent h1.page a{
	color:#97CE61;
}

#post_content img{
	padding:5px; 
	margin:5px 15px 5px 15px; 
	border: #999999 thin solid; 
	background-color:#FFFFFF;
}

#post_excert{
	height:140px;
        margin:10px;
}

#post_excert span{
	text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/book_open.png) left center no-repeat;
}

/*Category Image*/
#cat {
	margin:10px 15px 5px 0px;
	float:left;
	border:none;
}

/*Post Info*/

#info{
	background:#D6EDFE;
	width:98%;
	height:15px;
	padding:5px 5px 8px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
}

#info a{
	color:#FFFFFF;
	text-decoration:none;
}

#info a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/*Post Edit (pages only)*/
#edit{
	background:#CAE6AE;
	width:98%;
	height:15px;
	padding:5px 5px 8px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
}
#edit a{
	color:#FFFFFF;
	text-decoration:none;
}

#edit a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#category{
	text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/folder.png) left center no-repeat;
}

#post_comment{
	text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/comment.png) center left no-repeat;
}

#editlink{
	text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/edit.png) center left no-repeat;
}

/*Post Nagvigation*/

#post_nav{
	width:100%;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#72AF36;
	font-weight:bold;
	vertical-align:middle;
}




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

/*Sociable Plugin*/
.sociable{

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

}

.sociable_tagline{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#72C2FC;
	font-weight:bold;
	text-align:justify;
	padding:5px 0 0 0;
	float: left;
	height:1%;
	overflow:hidden;
	width:6%;


}

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

}
.sociable ul li{
	display:inline;
	margin: 0 0 0 5px;

}
#mainContent img.sociable-hovers{
	padding:0px; 
	margin:0px; 
	border:none; 
	opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
	

}

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


/*****************************************************
      SIDEBAR (inside content div)
*****************************************************/
 #sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 20%;
	padding: 15px 5px 5px 0px;
}

#sidebar img{
	margin-left:15px;
}		

#searchform{
	margin-left:15px !important;
	background:url(imgs/search.png) no-repeat left top;
	height:50px;
	padding:12px 12px 5px 75px;

}

#s{
	/*background-color: #72C2FC;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 2px solid #1D9CFA;*/
	border:none;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFFFFF;
	font-weight:bold;
}


/*Post Tweets in Sidebar*/
.tweet{ 	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#057AC7;
	margin: 0px 5px 5px 40px ;
}

.aktt_tweets{ 	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#444444;
	
}

.aktt_tweets ul{
	list-style:none;
}

.aktt_tweets li{
	border-bottom: medium dotted #057AC7;
	padding:5px;
}

.aktt_tweets a{
	color:#429AD4;
	text-transform: lowercase;
	text-decoration:none;
	height:20px;
}

#aktt_tweet_form{
	margin: 0px;
	width:250px;

}

#aktt_tweet_form fieldset{
	border:none;
}

#aktt_tweet_form p{
	display:inline;
}
	
#aktt_tweet_submit{
background-color:#429AD4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #057AC7;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
font-weight:bold;
cursor:pointer;


}

#aktt_tweet_form p{
	margin: 0px;
}

.aktt_tweets p{
	margin: 0px;
}

#aktt_tweet_posted_msg {
	display:none;
}

.aktt_credit{
	display:none;
}

/*Wp Cumulus position*/
#cloud{
	background:url(imgs/tag.png) no-repeat top left;
	margin:15px 5px 5px 40px ;
	padding-top:50px;
	width:300px;

}

/*Sidebar Login*/
#sidebar h2{/* this uses just a h2, thus must be configered with the ID for the sidebar*/
display:none;

}
#sidebar form{
	margin: 0px 5px 5px 40px ;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#444444;
	
}

#wp-submit{
background-color:#FAB243;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #EE9600;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color:#FFFFFF;
font-weight:bold;
width:150px;
}


.avatar_container img{ 
	float:left;
	margin-right:10px;
	border: 2px solid #EE9600;
	padding:2px;
	
}

.sidebarlogin_otherlinks{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#444444;
	margin: 0px 5px 5px 10px ;
}

.sidebarlogin_otherlinks li{
	display:inline;
}

.sidebarlogin_otherlinks li:after{
	content: " | ";

}
	
.pagenav{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#444444;
	padding-left:15px;
	margin: 2px 5px 5px 10px ;
}

.pagenav li {
	display:inline;
}
.pagenav li:after{
	content: " | ";

}

/************************************************
*	COMMENTS 						*
************************************************/

#comments {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
}

#comment_info{
	background:#FEFCCB;
	width:98%;
	height:15px;
	padding:5px 5px 8px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#97CE61;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	margin:0px;
}

#comment_info a{
	color:#97CE61;
	text-decoration:none;
}

#comment_info a:hover{
	color:#97CE61;
	text-decoration:underline;
}

#commenter {
	float: left;
	width: 10%;
	text-align:center;
	vertical-align:middle;
	background:url(imgs/comment_arrow.png) center right no-repeat;
	font-size: 12px;
	color:#EE9600;
	text-transform: lowercase;
	text-align:center;	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
#commenter a{
	color:#429AD4;
	text-decoration:none;
}

#commenter a:hover{
	color:#429AD4;
	text-decoration:underline;
}

#comment_content{ 
	width:85%;
	background: #FEFCD6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:15px;
	float:left;
margin-bottom:20px;
}
#comment_set{
overflow: auto;
width: 100%;
margin-bottom:20px;

}
#time{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#429AD4;
	text-transform: lowercase;
	vertical-align:middle;
	background:url(imgs/clock.png) left center no-repeat;
	height:15px;
	padding:5px 5px 8px 20px;
}
#time a{
	color:#429AD4;
	text-decoration:none;
}

#time a:hover{
	color:#429AD4;
	text-decoration:underline;
}
#edit_comment{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#429AD4;
	text-transform: lowercase;
	vertical-align:middle;
	background:url(imgs/edit.png) left center no-repeat;
	height:15px;
	padding:5px 5px 8px 20px;
	
}
a #edit_comment {
	color:#429AD4;
	text-decoration:none;
}

a:hover #edit_comment{
	color:#429AD4;
	text-decoration:underline;
}

#add_comment{
text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/comment_add.png) center left no-repeat;
}	

#trackback{
text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/trackback.png) center left no-repeat;
}	

#comment_rss{
text-transform: lowercase;
	padding-left:20px;
	vertical-align:middle;
	background:url(imgs/comment_rss.png) center left no-repeat;
}	

/*********Comment Form ***********/
#comment_form{
	background:#FEFCD6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:0;
	width:100%;
	margin:0;
	overflow: auto;

		}
#comment_form fieldset{
	margin:0;
	padding:15px;
	border:none;	
	float:left;
	display:inline;
	width:40%;
	margin-left:25px;
}		

#comment_form legend{
	display:none;
}	



#comment_form label{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#429AD4;
	text-transform: lowercase;
	vertical-align:middle;
	font-weight:bold;
}	

#comment_form input, #comment_form textarea{		
	width:100%;
	border:1px solid #ddd;
	padding:3px;
}		

#comment_form textarea{
	height:125px;
	overflow:auto;
}					

	

#comment_form #submit{
	width:100%;
	height:30px;	
	cursor:pointer;
	background-color:#FCF799;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #FAB243;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FAB243;
	font-weight:bold;
}	

.comment_note{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-transform: lowercase;
}	

/*****************************************************
      FOOTER
*****************************************************/

 #footer { 
   bottom:0;
   width:100%;
   height:800px;   /* Height of the footer */
   background:url(imgs/footer.png) repeat-x #96C765 ;
   clear:both;
} 

#footer h3{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 30px;
	font-weight: bold;
	color:#FBF254;
	text-transform: lowercase;
	line-height:25px;
	padding:0px;
	margin:0px;
	text-align:center;

}

#foot_img {
	height:400px;
}

 #col1 {
  float: left; /* this element must precede in the source order any element you would like it be positioned next to */
  width: 33%; /* 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:5px;
}

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


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


#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FBF254;
	text-transform: lowercase;
	text-decoration:none;
	height:20px;

}

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


#footer ul{
	list-style:none;
}

#footer ul li{
	border-bottom: medium dotted #FBF254;
	padding:5px;
}

/* CATEGORIES LISTS */
#footer ul li.categories{
 	float:left; 
	width:40%; 
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FBF254;
}	


 li.categories {

 }  /* outermost list item */
 li.cat-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;
 }




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

#footnote a{
	color:#FBF254;
	text-transform: lowercase;
	text-decoration:none;
	height:20px;

}

#footnote a:hover , #footnote a:visited{
	color:#FFFFFF;
}