/*

*/

/*
	GLOBALS: used to set all the general elements
*/

/*
ASM stuff
*/

/*
Dynamic stuff that must be in this page instead of the styles.css page!
*/

a, a:visited {
	color: #CC0001;
	text-decoration: none;
} 
a:hover {
	text-decoration:underline;
} 

/*
Dynamic stuff that must be in this page instead of the styles.css page!
*/



/*
Random styles I decided to create
*/

div#my-new-fans img {
	text-align: right;
	margin: 3px 5px 3px 5px;
	border:none;
}

/*
Some old sidebar CSS that I am using
*/

div#actual-content div.right h2 {
	text-align:left;
	border-bottom:1px solid #ccc;
	color:#777;
	font-size:1.2em;
    margin: 0 0 0 0;
}

div.sidebar-block {
	margin: 0 0 20px 0;
}



    
/*

My main CSS stuff

*/

div#actual-content div.left-single {
/*	margin-left: 15px; */
/*	margin-right: 10px; */
/*	width: 712px; */
	margin-left: 10px;
	margin-right: 10px;
	width: 708px;
   	float: left;
   	font-size: 10pt;
	color:#555555;
}

div#actual-content div.left-single h1 {
	font-size:130%;
	border-bottom:1px solid #ccc;
	padding:0px 5px 3px 5px;
	margin:0;
}

div#actual-content div.left-single h2 {
	border:0;
/* 	border-bottom:1px solid #eee; */
 	border-bottom:1px solid #EFEFEF;
	padding:5px 0px 0px 10px;
	margin:0 0 0 0;
/*	color:#666; */
	color:#4A4A4A;
	font-size:110%;
}


div#actual-content div.left-single h3 {
	border-bottom:1px solid #ccc;
	padding:15px 5px 3px 5px;
	margin:0;
	font-size:100%;
	color:#555555;
}

div#actual-content div.left-single h4, div#actual-content div.left-single h5 {
	font-size:100%;
}

div#actual-content div.left-single p {
	color:#555555;
	margin: 0px 0px 0px 0px;
}


/*
	BLOGGING ENGINE
*/

div#actual-content div.left-single div.weblog-post {
	margin:20px 0 10px 0;
    width:680px;
}

div#actual-content div.left-single div.user {
	float:left;
	margin:5px 10px 10px 0;
	width:105px;
}

div#actual-content div.left-single div.user img {
	border:1px solid #eee;
	padding:2px;
}

div#actual-content div.left-single div.weblog-keywords p a {
	margin:20px 0 0 0;
	padding:0;
	clear:both;
}

div#actual-content div.left-single div.weblog-title {
	margin:10px 0 10px 115px;
    width: 550px;
}

div#actual-content div.left-single div.post {
	margin:10px 0 10px 115px;
    width: 550px;
}

div#actual-content div.left-single div.info {
    width: 550px;
	border-top:1px solid #ccc;
	margin:10px 0 10px 115px;
	clear:both;
}

div#actual-content div.left-single div.info p {
	padding:0 0 0 10px;
	margin:0;
}

div.left-single .info p a {
	font-size:0.9em;
	color:#555;
}

/* this is the thin line between the actual post and comments */

#comments-divide {
	height:1px;
	background:#ccc;
}

div#actual-content div.left-single div.comment-owner {
	border:1px solid #eee;
	background:#EFEFEF;
	padding:5px;
	margin:20px 0 5px 0;
	height:50px;
	width:550px;
}

div#actual-content div.left-single div.comment-owner img {
	margin:0px 5px 0px 0px;
	text-align:left;
}

div#actual-content div.left-single div.comment-owner a {
	background:#EFEFEF;
}

div#actual-content div.left-single div.comment-owner p {
	padding:0;
	margin:0;
}

/* END OF BLOGGING ENGINE */


/*
My content that I place in a rounded grey box
*/

div#actual-content div.left-single div.my-content {
	width:680px;
	color:#555555;
	background: url(../../mod/template/templates/Default_Template/images/my_content_background.gif) repeat-y;
}

div#actual-content div.left-single div.my-content h2 {
	background: url(../../mod/template/templates/Default_Template/images/my_content_background_h2.gif) no-repeat top;
}


div#actual-content div.left-single div.my-content-inner {
	width:650px;
	margin: 0px 5px 0px 10px;
}

div#actual-content div.left-single div.my-content_bottom {
	background: url(../../mod/template/templates/Default_Template/images/my_content_background_bottom.gif) no-repeat bottom;
	height:13px;
	width:680px;
}


/*
	SYSTEM MESSAGES
*/

div#system-message{
	border:1px solid #CC0001;
	background:#FFFFFF;
	color:#000;
	padding:3px 3px 3px 3px;
	margin:0px 0px 0px 10px;
	width: 910px;

}

div#system-message p{
	padding:0px;
	margin:2px;
}


/*
  COMMENT WALL STUFF
*/

#commentwall {
   background:#fff;
   width:98%;
   padding:5px;
   margin:5px 0 10px 0;
}

.commentwall_comment {
	width:660px;
}

.commentwall_img {
   float:left;
   margin:3px;
   background:#fff;
   width:60px;
}

#commentwall_form_-1 {
  /* Background:#eee;*/
   margin:0 0 5px 0;
   padding:4px;
}

#commentwall_form_-1 textarea {
   width:98%;
   margin:5px 0 5px 0;
}

#commentwall_title {
   background:#efefef;
   border-top:1px solid #ccc; /*#4E730C;*/
  width:99%;
   height:20px;
   padding:2px;
   font-size:12px;
}
.commentwall_date {
    font-style:italic;
    font-size:0.8em;
    margin:0 0 10px 0;
    background:#efefef;
    border-bottom:1px solid #D8DFEA;
}

#commentwall #commentwall_title h2 {
   margin:0;
   padding:0;
   font-size:11px;
}

.commentwall_name {
   font-weight:bold;
   /*border-top:1px solid #4E730C;*/
}

.commentwall_details {
   border-top:1px solid #ccc;
   width:580px;

}

.commentwall_name {
   background:#efefef;
}


#commentwall_more {
    text-align:right;
    padding:4px;
    color:#000;
    font-size:10px;
}

#commentwall_more a {
   color:#000;
   text-decoration:underline;
}


.commentwall_replybar {
   border-bottom:1px solid #ccc;
   font-size:11px;
   margin:10px 0 10px 0;
   padding:2px;
   background:#fff;
   text-align:right;
   cursor:pointer;
   color:#b85b5a;
}

.commentwall_replybar p {
   padding:0;
   margin:0 10px 0 0;
}

.commentwall_replybar a {
   padding:0;
   margin:0;
}



/* 
	GLOBAL USER OPTIONS: LOGOUT AND ACCOUNT SETTINGS, TOP RIGHT
*/

div#elggtoolbar #global-menuoptions{
	float:right;
	text-align:right;
	width:300px;
	margin:4px 10px 0 0;
	font-size:0.9em;
}

div#elggtoolbar #global-menuoptions ul {
	margin:0;
	padding:0;
}

div#elggtoolbar #global-menuoptions li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}

div#elggtoolbar #global-menuoptions li a,div#elggtoolbar #global-menuoptions li a:visited{
	font-weight: normal;
	text-decoration:none;
	padding:0 10px 0 0;
	margin:20px 0 0 0;
/*	color:#000; */
	color:#FFFFFF
	background:transparent;
}

div#elggtoolbar #global-menuoptions li a:hover{
	text-decoration:underline;
}


div#elggtoolbar #global-menuoptions p {
	padding:0 10px 0 0;
}

div#elggtoolbar #global-menuoptions img {
	padding:0;
	margin:0 10px 0 0;
}

/* 
	USER NAVIGATION: THIS STYLES THE USERS MAIN NAV IN THE TOOLBAR,
	IN DEFAULT ELGG IT SITS OVER ON THE LEFT HAND SIDE
*/

div#elggtoolbar #navigation {
	height: 19px;
	margin: 3px 0 0 4px;
	padding:0;
	text-align:left;
	float:left;
}

div#elggtoolbar #navigation li {
	margin: 0; 
	padding: 3px;
	display: inline;
	list-style-type: none;
	float: left;
}

div#elggtoolbar #navigation a {
	margin: 0 2px 0 0;
	text-decoration: none;
    font-weight:normal;
	font-size:90%;
	color:#FFFFFF;
	background:none;
/*	border:1px solid #ccc; */
	padding:2px 4px 2px 4px;
}

div#elggtoolbar #navigation a:hover {
	color:#FFFFFF;
	background:#CC0001;
}

div#elggtoolbar #navigation a.selected {
	color:#FFFFFF;
	background:#CC0001;
/*	border:1px solid #ccc; */
}