/*  
Theme Name: Cactuus Blue
Theme URI: http://www.infektia.net/
Description: A simple theme that's easy on the eyes. Available as a Wordpress theme or as a plain XHTML template.
Version: 2.0 
Author: Malin at infektia.net
Author URI: http://www.infektia.net/
*/

body {
 background: #ffffff;
 color: #444444; 
 font: 0.8em/1.5em Verdana, Arial, Sans-serif; 
}


/* Let's make the links look pretty */ 	
a:link, a:visited, a:active   { color: #447F94; text-decoration: none; } 
a:hover { color: #000000; text-decoration: none; }


#container { 
 width: 90%; 
 margin: 0px auto; 
}


/* The header */ 
#topbar {
 width: 100%; 
 padding-left: 5px; 
 background-image:url(online-casino-for-money.jpg); 
 height: 10px; 
}

#header {
 width: 100%; 
 background-color:#87C6DD; 
 color:#FFFFFF; 
 font-weight: bold; 
 padding-left: 5px; margin:0; 
}

.header {
 width: 50%; 
 float:left; 
 font:4em "Times New Roman", Tahoma, serif;  
 font-style: italic; 
 font-weight: bold; 
 padding: 40px 0px 0px 25px; 
 height: 100%; 
}
 
 
 
/* Let's make the navigation look pretty */ 
#navbar {
 width: 100%; 
 background-color:#66ACC6; 
 height: 25px; 
 margin-bottom: 15px; 
 padding: 5px 0px 0px 5px;
 color:#FFFFFF; 
 font-weight: bold; 
 font-size:1em;
 text-align: left; 
}

ul#navlist {
 margin-left: 0;
 padding-left: 0;
 white-space: nowrap; 
}

#navlist li {
 display: inline;
 list-style-type: none; 
}

#navlist a { 
 padding: 3px 10px; 
}

#navlist a:link, #navlist a:visited {
 color: #FFFFFF;
 background-color:#66ACC6;
 text-decoration: none; 
}

#navlist a:hover {
 color: #FEEA43;
 background-color:#66ACC6;
 text-decoration: none; 
}
 
 

/* The content area */ 
#content { 
 width: 63%; 
 float:left; 
 padding: 0px 3px 0px 3px; 
}
 
 
/* Lets do some makeup on the posts - from the title to the date-text */ 
.title {
 width: 99%; 
 padding: 5px 1px 5px 5px; 
 background: #FEF9FB; 
 border-top: 1px solid #D5D5D5; 
 border-bottom: 1px solid #D5D5D5; 
}
 
.title a:link, .title a:visited { 
 color: #E04D92; 
 text-decoration: none; 
}
 
 .datencomments { 
 font-family: Tahoma, Arial, Sans-Serif; 
 color: #686868; 
}
 
.postfooter {
 background: #FCFEF9; 
 border-top: 1px solid #D5D5D5; 
 border-bottom: 1px solid #D5D5D5; 
 padding: 5px 10px 2px 10px;  
 margin: 0 0 15px 0; 
 color: #A2A2A2; 
}



/* The headers */

h1 { 
 font: 1.4em/1em Verdana, Sans-Serif; 
 color:#E04D92; 
 font-weight: bold;
 margin:0; 
 padding-bottom: 5px; 
}
 

h2 { 
 font: 1.3em/1.3em Verdana, Sans-Serif; 
 color:#2A7693; 
 font-weight: bold;  
 margin:0; 
 padding-bottom: 3px; 
}


h3 { 
 font: 1em/1.2em Tahoma, Sans-Serif; 
 color:#E04D92; 
 font-weight: bold; 
 margin-top: 0px; 
 margin-bottom: 2px;  
}
 
 
/* We have to have a sidebar */
#sidebar { 
 width: 33%; 
 float:right; 
 padding: 0px 3px 0px 5px; 
 font-size: 0.85em; 
}

#sidebar h2 { 
 width: 99%;
 display: block;
 font-size: 1em; 
 background-color:#98C666; 
 margin:0; 
 padding: 3px 0px 3px 5px; 
 color:#FFFFFF; 
 font-weight: bold; 
 text-transform: uppercase; 
} 
 
#sidebar ul li ul li {  margin: 0; list-style-type: square; padding-left: 15px; }
#sidebar ul, ul {  margin: 0; list-style-type: square; padding-left: 17px; }


/* Styling the input boxes and textareas */
input {
 font-size: 1em; 
 color: #444444;
 border: 1px solid #C0C0C0; 
 background: #F3F3F3; 
 padding-left: 3px; 
}

textarea, option, select {
 font-family: verdana, arial, Sans-Serif; 
 font-size: 1em; 
 color: #444444;
 border: solid 1px #C0C0C0; 
 background: #F8F8F8; 
 padding-left: 3px; 
}
 

/* Styling the blockquote and code */
blockquote {
 background: #F5F5F5; 
 border-top: 1px solid #BBBBBB; 
 border-bottom: 1px solid #BBBBBB; 
 padding: 5px 10px 0 10px;  
 margin: 0 0 15px 0; 
 color: #5B7083; 
}

code { 
 color: #009007; 
 font-family: "Courier New", Courier, monospace; 
 font-style: italic; 
}


/* Taming the lists */ 
ul {
 margin: 0;
 padding-left: 20px;
 list-style-type: square;
}

ul li {
 margin: 0;
 padding: 0;
 list-style-type: square;
}

li {
 margin: 0;
 padding: 0;
 list-style-type: square;
}

ol {  margin: 0; list-style-type: decimal; padding-left: 20px; }
ol li {  margin: 0; list-style-type: decimal; padding-left: 0px; }



/* The footer that puts it all together */
#footer { 
 width: 100%;
 clear: both;
 height: 25px;
 background-color:#66ACC6;
 margin-top: 10px; 
 padding: 5px 0px 0px 5px;
 font-size: 10px; 
 color:#FFFFFF;
 text-align:center;
} 

#footer a:link, #footer a:visited { 
 color: #FFFFFF; 
 text-decoration: none;
 background-color: transparent; 
}

#footer a:hover { 
 color: #FEEA43; 
 text-decoration: underline; 
}


/* Makeup for the comments */
.comment {
 color: #4F4F4F;
 font-size: 1em;
 margin: 0 0 0 0;
 padding: 5px 5px 15px 5px;
 background: #F7F7EB;
 border: 1px solid #CFCFCF;
 position: relative; 
}

.commentinfo {
 color: #1D638B;
 font-size: 0.9em;
 background: #E1EDF4;
 border: 1px solid #CFCFCF;
 position: relative;
 padding: 1px 1px 1px 5px;
 margin-bottom: 3px; 
}


 
/* Lets position the images */
img.left {
 float:left;
 margin:0 5px 0 0;
 border: 1px solid #AAAAAA; 
}

img.right {
 float:right;
 margin:0 0 0 12px;
 border: 1px solid #AAAAAA; 
}

img.center {
 display: block;
 margin:0 auto;
 border: 8px solid #AAAAAA; 
}


/* Some makeup for the Gravatars */ 
.gravatar {
 position: relative;
 float: right;
 margin: 0 0 2px 5px;
 padding: 0;
 clear: both;
 border: 1px solid #d9e9c9; }