/* 
Theme Name: 3C SEO
Theme URI: http://www.easywebtutorials.com/blogging-tutorial/wordpress-themes.php
Description: A basic, easily customizable and se optimized theme with 3 columns.
Author: Guido W. Stiehle
Author URI: http://www.easywebtutorials.com/
*/


/* Body Main Styles */

body {
        background-color: #ffffff;
  	font-family: arial, helvetica, sans-serif;
  	font-size: 12px;
  	color: 000000;
  	margin: 0;
  	padding: 0;
}


/* - - - - - - - - - - - - - - - - - -
   Wrapper - specify the total width, margin and border of your page layout. 
   For the width, use either a fixed value in pixels or a percentage.  
   - - - - - - - - - - - - - - - - - - */





/* - - - - - - - - - - - - - - - - - -
   Header Styles 
   - - - - - - - - - - - - - - - - - - */


#header h1 { 
	color:#aa33aa;
	font-size: 24px;
        font-family: arial, helvetica, sans-serif;
}


.blogname {
	font-family: arial, Times, serif;
	font-size: 28px;
	color: #993399;
	margin: 0 0 3px 3px;
}

.blogslogan {
	font-family: verdana, Times, serif;
	font-size: 16px;
	color: #993399;
	margin: 0 0 5px 13px;
}


/*  Hyperlinks Inside The Header  */

#header a {
	color: #663366;
        text-decoration: none;
}

#header a:visited {
	color: #993399;
        text-decoration: none;
}

#header a:hover {
	text-decoration: none;
}


/* - - - - - - - - - - - - - - - - - -
   Table Styles
   - - - - - - - - - - - - - - - - - - */

#main {
	border-collapse: collapse;
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
}


/* - - -    Content TD Cell   - - -  */

.content {
  	vertical-align: top;
  	padding: 10px;
  	margin: 0;
}


/* - - -    Sidebars = Menu TD Cells     - - - */


.leftmenu {
	width: 180px;
	vertical-align: top;
  	background-color: #330033;
}


.rightmenu {
  	width: 140px;
  	vertical-align: top;
  	padding: 4;
  	background-color: #330033;
}

.bottom {
  	width: 100%;
  	vertical-align: top;
  	padding: 0;
  	background-color: #330033;
}




/* - - - - - - - - - - - - - - - - - -
   Footer
   - - - - - - - - - - - - - - - - - -  */
   
#footer {
  	border-top: 2px solid #330033;
  	margin-bottom: 0;
  	background: #330033;
  	text-align: center;
}

/*  - -  Footer Text  - -  */

.credit {
  	color: #ffccff;
  	font-size: 80%;
  	margin: 2px;
  	padding: 2px;
}

#footer p {
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #ffccff;
  	margin: 2px;
  	padding: 0;
}



/* - - - - - - - - - - - - - - - - - -
   General Text Styles
   - - - - - - - - - - - - - - - - - -  */
   

/* - - -    Hyperlinks     - - - */

a {
	color: #3333ff;
}

a img {
	border: none;
}

a:visited {
	color: #3333ff;
}

a:hover {
	color: #3333ff;
        text-decoration: none;
}



/* - - -    Headings    - - - */

h1 {
  	font-size: 24px;
  	font-family: arial, Times, serif;
  	color: #330033;
  	margin: 0px;
 	padding-top: 5px;
 	padding-right: 15px;
}

h2 {
  	font-size: 16px;
  	font-family: arial, Times, serif;
  	color: #330033;
	margin-top: 0;
	padding-bottom: 0;
}

h3 {
  	font-size: 16px;
  	font-family: arial, Times, serif;
  	color: #330033;	
	margin-top: 0;
	padding-bottom: 0;
}




/* - - -    Other HTML Elements   - - - */


acronym, abbr {
	border-bottom: 1px dashed #336699;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	border-left: 5px solid #99CCFF;
	background: #FFFFFF;
	margin-left: 15px;
	padding: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

p, li, {
	font-size: 100%;
	font-family: verdana, sans-serif;
	color: 000000;
}

ol#comments li p {
	font-size: 100%;
}

.textarea {
  width:200px;
  margin:0;
}



/* - - - - - - - - - - - - - - - - - -
   STYLES FOR THE POSTS
   - - - - - - - - - - - - - - - - - - */
   

/* style class for the post division, basically just the margins */

.post, #comments-post {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}



/* - -  For The Post Titles  - - */

.storytitle {
	margin-top: 0px;
	margin-bottom: 10px;
}

.storytitle a {
	color: #330033;
	text-decoration: none;
}

.storytitle a:hover {
	color: #330033;
	text-decoration: none;
}

.storytitle a:visited {
	color: #330033;
	text-decoration: none;
}

.storytitle a:link {
	color: #330033;
	text-decoration: none;
}



/* The following meta class styles are for the infos below each post title */

.meta {
	font-size: 12px;
        color: #000000;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #330033;
	font-weight: normal;
	letter-spacing: 0;
}


/* - -   For The Post Content   - - */


.storycontent {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
}

.storycontent a img {
border: 2px dashed #330033;
}

.storycontent a {
font-weight: bold;

}

/* The feedback class is for the comment link below each post */

.feedback {
	text-align: left;
	clear: both;
	margin-right: 30px;
	font-size: 12px;
}



/* Classes used by the_meta() */


ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}



/* - - - - - - - - - - - - - - - - - -
   Some Styles for Comments Display and the Comments Form
   - - - - - - - - - - - - - - - - - - */
   

/*  Width and Background of the Comment Form */

#commentform  #comment{
  width: 75%;
  background-color:#FFCCFF;
  margin:0;
}


/*  Other Comments Related Styles  */

#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
	background: #FFCCFF;
	border: 2px solid #330033;
	padding: 3px;
}

#comments h3 {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	color: #330033;
}

#comments p {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
}

ul#commentlist, ul#commentlist li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#commentlist li p:first-child {
    font-weight: bold;
    margin: 0;
}

#commentlist p, #commentlist li p {
    margin: 0 0 1em;
}

/*
#commentlist li {
    margin: 1em;
}
*/

#commentform textarea {
	width: 80%;
}

#commentlist li ul {
	border-left: 1px solid #330033;
	font-size: 100%;
	list-style-type: none;
}



/* - - - - - - - - - - - - - - - - - -
   All SIDEBARS NAVIGATION Styling
   - - - - - - - - - - - - - - - - - - */

/* - -  General  - - */

#nav {
  	padding-left: 0px;
}

#hmenu {
  	margin: 0;
  	padding: 0;
}

#hnav {
  	margin: 0;
  	padding: 0;
}


/* - -  Search Form - - */

#nav form {

}

#nav input#s {
	background: #FFFFFF;
	border: 2px solid #663366;
	color: #000000;
        size: 10px;
}


/* - -  The next style rule is for the sidebar section titles
        (Admin, Meta, Post and Link Categories, Pages, etc ... - - */

#nav h2, h3 { 
	color:#9999ff;
	font-size: 16px;
      font-family: arial, helvetica, sans-serif;
}

#nav ul {
	color: #000000;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: none;
}	


/* - -  And the following two rules are for the text below
        the sidebar section titles - - */

  




/* - -  The following style rules are for hyperlinks inside the sidebar
        sections, i.e. links to archive pages, meta links, etc ...  - - */

#nav li a {
	color: #ffaaff;
	text-decoration: none;
        font-size: 14px;
        font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}

#nav li a:hover {
        color: #9999ff;
	text-decoration: underline;
        font-size: 14px;
        font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}

/*
#nav li a:visited {
        color: #ffaaff;
	text-decoration: none;
        font-size: 14px;
        font-weight: normal;
	font-family: arial, helvetica, sans-serif;
}  

#nav ul ul li a {
	color: #ffff33;
	text-decoration: none;
}

#nav ul ul li a:hover {
        color: #ffff33;
	text-decoration: underline;
}

/*
#nav ul ul li a:visited {
        color: #ffff33;
	text-decoration: none;
}
*/


#nav ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}




/* - - - - - - - - - - - - - - - - - -
   CALENDAR STYLES
   - - - - - - - - - - - - - - - - - - */


#wp-calendar {
	border: 1px solid #DDDDDD;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #E0E6E0;
	color: #333333;
}

#wp-calendar caption {
	color: #999999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #444444;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #FFFFFF;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #EEEEEE;
	color: #BBBBBB;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}