/*
URL: http://www.akramsideas.com
Description: Akram's Ideas version 7.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:0 auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	
	
}

img{ 
	border:none;
}

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

a:visited{
	color:#AC42AF;
}

p{
	font-size:12px;
	margin-top:5px;
	line-height:20px;}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:5px;
	margin-top:5px;
}


blockquote {
background: #FFFFB7;
padding:15px;
quotes:"\201C""\201D""\2018""\2019";
font: italic;
color:##A05018;
width:80%;
margin:10px;
border-bottom: 2px dotted #F6C949;	
border-top: 2px dotted #F6C949;	
}
blockquote:before {
color:#F6C949;
content:open-quote;
font-size:4em;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:.1em;
vertical-align:-.4em;
}


blockquote p {
display:inline;
color::#A05018;
}


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

}


/*****************************************************
    HEADER 
*****************************************************/	

#header{
	background: url(imgs/nav_bg.png) repeat-x;
	margin: 0 auto;
	height:250px;
}


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



#logo{
	float: left;
	margin:0 auto;

	
}

#topMenu{
	float: right;
	margin:0 auto;

}

#topMenu li{
	display: inline;
}

#topMenu li a{
	display: inline-block;
	color: #ffeb46;
	text-transform: uppercase;
	font-weight: bold;
	font-size:10px;
	text-decoration: none;
	padding: 15px 15px;
	border-right: 1px solid #1b5199; 
	
}

#topMenu li a:hover{
	color:#1b5199; 
	background:#FFF;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#topMenu li.home a{
	border-left: 1px solid #1b5199; 
}


/*****************************************************
      MAIN CONTAINER
*****************************************************/	
.conatiner{
	width: 95%;
	margin: 0 auto;
	z-index:400;
	position:relative;/* relative to the rest of the page*/

}


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

/*********** POST **********************************/
#mainContent { 
	margin: 0 30% 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:#666;
	text-align:justify;
	
}

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

#post_head{
	padding-top:50px;
}

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

}

#month{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	text-transform: lowercase;
	width:50px;
	height:20px;
	text-align:center;
	margin-top:5px;
}

#day{
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 20px;
	font-weight:bold;
	color: #389ed2;
	width:50px;
	height:20px;
	text-align:center;
}

/* Title */
#mainContent h1 {
	color:#3b7ca0; 
	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:#3b7ca0; 
	text-decoration: none;
}

#mainContent h1 a:visited {
	color:#3e8636; 
	text-decoration: none;
}



/***PAGE TITLES***/
#mainContent h1.page{
	color:#3e8636;
	border-bottom: 1px dotted #3e8636;
}
#mainContent h1.page a{
	color:#97CE61;
}

/***SEARCH TITLES***/
#mainContent h1.search{
	color:#f0a329;
	border-bottom: 1px solid #d1881f;
	margin-bottom:5px;
	background:url(imgs/search_results.png) no-repeat left;
	padding: 20px 5px 2px 65px;
}

.search_res{
	color:#666;
	margin-top:5px;
	padding:0px;
}

#mainContent h2.search{
	color:#3b7ca0;
	border-bottom: 1px dotted #72C2FC;	
}

#mainContent h2.search a {
	color:#3b7ca0; 
	text-decoration: none;
}

#mainContent h2.search a:visited {
	color:#3e8636; 
	text-decoration: none;
}

#search_excert{
     margin:10px;
	border-bottom: 1px dotted #72C2FC;	
}

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

/*** MAIN POST SETTINGS***/

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

#post_excert{
	height:140px;
     margin:10px;
	border-bottom: 1px dotted #72C2FC;	
}

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

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

/*Post Info*/

#info{
	width:98%;
	height:15px;
	padding:5px 5px 8px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	font-weight:bold;
	
}

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

#info a:hover{
	color:#447198;
	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 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;
}


/*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: 15px;
	color:#999;
	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: 25%;
	background:#f1f6f9;
	border: thin solid #c9dce9;
	color:#447198;
}


/*********** Search Form ***************************/

#search{
	margin: 0px auto;
	background:#e1ecf3;
	border-bottom: thin solid #c9dce9;
	padding:5px;

}

#search img{
	border: thin solid #c9dce9;

}

#search table{
	width:100%;
}

#search td{
	vertical-align:top;
	padding-right:2px;

}

#searchform{

	
}


#s{
	
	background:#FFF;
	border: thin solid #c9dce9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color::#333;
	margin:0px auto;
	height:38px;
	width:100%;
}

#searchsubmit{
	background:#eff5f9;
	border: thin solid #c9dce9;
	color:#a8c6d9;
	font-weight:bold;
	font-size: 12px;
	height:42px;
	width:100%;
	
}

#searchsubmit:hover{
	cursor:pointer;
	color:#447198;
}

/*********** Login ***********************/

#login{
	margin:10px;
	background:#eff5f9;
	border: thin solid #c9dce9;
	padding:5px;
	color:#447198;
	height:40px;
	
}

#login table{
	padding:0;
}

#login td{
	vertical-align:middle;
	padding-right:2px;

}

#login a{
	color:#3e8636;
}

#login:hover{
	background:#e1ecf3;

}

/*********** RSS ***************************/

#rss{
	margin: 0px auto;
	border-bottom: thin solid #c9dce9;
	border-top: thin solid #c9dce9;
	padding:5px 5px 5px 10px;

}

#rss a{
	color:#3e8636;
}

/***********Tweets ***********************/

#tweet{
	margin: 0px auto;
	border-bottom: thin solid #c9dce9;
	padding:5px 5px 5px 10px;

}

#tweet a{
	color:#3e8636;
}

/*tweet plugin*/
.aktt_tweets{
	margin:0 auto;
	font-size:12px;
	margin-top:5px;
	line-height:20px;
}


.aktt_tweets ul{
	margin:0 auto;
	list-style:square;
}

.aktt_tweets ul li{
	margin-bottom:5px;
}


/***********Gallery ***********************/

#gallery{
	margin: 0px auto;
	border-bottom: thin solid #c9dce9;
	padding:5px 5px 5px 10px;

}

#gallery a{
	color:#3e8636;
}

#gallery table{
	width:100%;
}

/*deviant plugin*/

.deviant-thumbs{
	list-style:none;
	width:80%;
	margin:0 auto;
	padding:0;
}


.deviant-thumbs img{
	border:medium solid #c9dce9;
	width: 100%;
}
	
/***********Tags***********************/

#tags{
	margin: 0px auto;
	border-bottom: thin solid #c9dce9;
	padding:5px 5px 5px 10px;

}

#tags a{
	color:#3e8636;
}

#tags table{
	width:100%;
}


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

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

#comment_info{
	padding:5px 5px 8px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#999;
	font-weight:bold;
	
}

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

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

/****** User Comments ****/

ol.commentlist {
	margin:0;
	padding:10px 0px 5px;
	border-bottom: #3e8636 dotted thin;
	border-top: #3e8636 dotted thin;
	}

.commentlist li {
	list-style:none;
	margin-bottom:20px;
	}

.commentlist table{
	width:100%;
}

.commentlist td{
	border:1px solid  #3e8636;
	background:#E4F1DC;
}
.commentlist th{
	border:1px solid  #3e8636;
	background:#fff;
	text-align:left;
}
.comment_stat {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.comment_stat img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}


.commenttext {
	margin:0 auto;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}


td.alt {/*Alternate Comment */
	background-color:#c7e5b8;
}
	
	
	
#author{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#3e8636;
	padding:5px 5px 8px 5px;
	vertical-align:middle;
	margin-bottom:20px;
	/*background:url(imgs/user.png) center left no-repeat;*/ /*Not using bg at this time*/
}

#author a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#3e8636;
	text-decoration:none;
}	

#author a:hover{
	text-decoration:underline;
}	

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

#respond{
	background:#E4F1DC;
	border: thin solid #3e8636;
	padding:10px
}

#comment_form{
	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:#447198;
	vertical-align:middle;
}	

#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:#c7e5b8;
	border: thin solid #3e8636;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3e8636;
	font-weight:bold;
}	

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


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

 #footer { 
   bottom:0;
   height:800px;   /* Height of the footer */
   overflow:hidden;
   background:#96C765 url(imgs/footer.png) repeat-x;
   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;
   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;
}