/*  
Theme Name: Cat Beach
Theme URI: http://catbeach.net/b/
Description: A 2-column Wordpress theme.
Author: Nonesuch
Author URI: http://catbeach.net/b/
*/

/* ---------------- GENERAL ---------------- */

html             {position:relative;margin:0 auto;width: 1024px;}
body             {position:relative;margin:0 auto;width: 1024px;
font-family: verdana, Arial, sans-serif; font-size: 13px; color: #988E7F; line-height: 140%;  padding: 0px; 
background:#000 url(/images/cb.blogbg2.jpg) repeat-y;  width:1024px;}

#container       {position:absolute; margin:0 auto; width: 1024px;}

#content         {position:absolute;  margin:0 auto; width:  660px; top:220px; left: 40px;  padding:20px; border: 0px dotted;}

#content         {font-family:tahoma;border-right:1px solid;height:1020px; }


#header          {height: 190px; margin: 0 auto; padding:  0px; width: 95%; clear: both;}

#sitehome                {position:absolute;top:20px;left:70px;font-family:arial;font-size:14px;font-weight:bold;}
#cblogo          {position:absolute;top: 45px;left:  50px;z-index:500;width:400px;height:80px;background: url(/content/images/catbeach.logo.png) no-repeat top;}
#cblogo img      {height:50px;width:450px;}
#blog_albumtitle {position:absolute;top:115px;left:60px;width:620px;height:75px;text-decoration:none;border:0px;background: url(/content/images/site_lmol_hdr.png) no-repeat center;z-index:3000;}
#cbbloginfo      {position:absolute;top:185px;left:50px;color: #666;font-size:16px;font-style:italic;border-top:   1px solid #333;border-bottom:1px solid #333;width:670px;line-height:0px;padding:0px;padding-left:20px;}
#categorymenucontainer   {position:absolute;top:190px;left:400px;width:340px;height:20px;border:0px dotted #ff0000}
#categorymenu    li      {position:relative;top: 2px;padding-left:40px; display:inline;font-family:arial;font-size:14px;font-weight:bold; }
#categorymenu    ul      {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#searchformmodule   {}
.searchform         { position: absolute;top:40px;left:770px;width:250px;height: 20px;border:0px; }
.searchform fieldset{border:0px;}
.searchform input   { vertical-align: middle; }
.searchfield        { width: 150px; height: 15px;  	color: #666; 	padding: 3px 3px 2px 3px; }
.searchbutton       { width:  40px; height: 20px;  ; 	cursor: pointer; 	margin: 0 0 0 3px; }
.searchbutton:hover { }
#album200        {position:absolute;top:110px;left:780px;height:200px;width:200px;background: url(/images/catbeach.albumcover200x200.png) no-repeat center;}
.album200text    {  text-align:center;margin:0 auto;width:200px;margin-left:-10px;font-family:arial;font-size:11px;color:#000000;font-style:italic;}
.album200text  a  { color:#ff0000;font-style:italic;font-weight:bold;}
#album200buybuttons {position:absolute;top: 220px; width:200px;border:1 px dotted;}

#blogiconrack_wrapper{position:absolute;top:360px;left:785px;}

#tunecorewidget	{position:relative;left:-33px;}

#sidebar         {position:absolute; top:450px; left:780px; width: 200px;}
.sidebar1        {position:relative; top:  0px; margin: 0px; padding: 0px 0px 10px 0px; }

.wp-caption{font-family: verdana;font-size:9px;text-align:left;line-height:10px;font-style:italic;}
#twitthis_button a {color:#F2DFb4;}

a:link, 
a:visited        { text-decoration: none; color:#000; }
a:hover          { color:#ff0000; text-decoration: none; border-bottom: 1px dotted #fff; }

p.ads            { margin-left: 10px; }
small            { font-size: 75%; }

h1, h2, h4, h5, h6 { margin:0; padding: 0px; }

h1 {font-size: 250%; color: #988E7F; padding: 20px 10px 0 30px; font-weight:normal; }
h1 a:link, h1 a:visited, h1 a:hover { color: #988E7F; text-decoration: none; background-color:transparent;}

.description { font-size: 100%; font-weight:normal; padding: 10px 10px 0 30px; font-style:italic; color: #a1400f;}

h2 { font-size: 150%; color: #988E7F; margin-top: 10px; font-weight:normal; }
h2 a:link, h2 a:visited { text-transform:lowercase;text-decoration: none; 
color:#000; }
h2 a:hover { color:#ff0000;text-decoration: none; border-bottom: 0px dotted #fff; }

h3            {font-size: 120%;color: #988E7F;}
h4            {font-size: 100%; font-weight: normal;color: #988E7F;}
h5            {font-size: 100%;color: #988E7F;}

ul            { list-style-type: square;}
ul ul         { list-style-type: disc;}
ul ul ul      { list-style-type: none;}

p img         { padding: 4px; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright   { float: right; font-size:9px;}
.alignleft    { float: left;  font-size:9px;}
.alignright a { float: right; color: #555;}
.alignleft  a { float: left;  color: #555;}
.alignright a:hover { float: right; color: #ff0000;}
.alignleft  a:hover { float: left;  color: #ff0000;}

strong    {color: #555;}

/* ---------------- NAVIGATION ---------------- */
#nav { font-size: 80%; padding: 5px 0px 15px 10px; color: #fff; }
#nav a:link, #nav a:visited { color: #725238; }
#nav a:hover { text-decoration:underline; background-color: transparent; }
.navigation { font-size: 90%; padding: 5px 20px 5px 20px; }

/* ---------------- POST ---------------- */

.pagetitle { padding: 0px 0px 10px 10px; color:#555;}
.pagetitle h2 { padding: 60px 0px 5px 0px; font-size: 120%;color:#555; }

.post p  {font-family:tahoma}

.post    { padding:  0px 0px 10px 10px;color:#000;}
.post h2 { padding:  0px 0px 20px  0px;color:#000;font-weight:bold}
.post h3 { padding: 30px 0px  5px  0px;color:#555;}

.relatedposts       { width: 100%; float: left; color: #666; margin: 5px auto; padding: 0 20px 5px 20px; font-size: 12px; }

/* ---------------- SIDEBAR ---------------- */


#sidebar            { font-size:90%; padding: 0;}
#sidebar ul         { margin: 0; padding: 0 0 0 5px; }
#sidebar ul li      { margin: 4px 0 4px 10px; padding: 0 0 0 5px; }
#sidebar a:link, 
#sidebar a:visited  { color: #000; }
#sidebar a:hover    { text-decoration:none; color: #ff0000;}
#sidebar p          { margin-top: 0px; }

#sidebar li         { line-height:150%; margin: 0; padding: 0;}

html>body #sidebar li   {border-bottom: none;}

.sidebar1 h2        { text-align:left;font-weight: normal; margin: 0; padding: 10px 0 0 0px; height: 40px; color:#000;text-transform:lowercase; }

#sidebar img        { display: block; padding:0; margin:0; border: none; }
#sidebar img a, 
#advert img a:link, 
#advert img a:hover { border:none; }

/* ---------------- FOOTER ---------------- */

#footer          {position:relative;margin:0 auto;top: 1030px; width:800px;border: 0px dotted;clear: both; font-size:10px; padding: 0px; margin: 0;  }
#footer p        {color: #f9a175; margin-left: 15px;   text-align: center; }
#footer a, 
#footer a:link   {color: #f9a175; text-decoration: none; font-weight: bold; }
#footer a:hover  {color:#fff;text-decoration: none; }

/* ---------------- COMMENTS ---------------- */

.commentlist li, #commentform input, #commentform textarea {font-size: 100%; }
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a { font-weight: normal;font-style: normal;}
.commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
#commentform p {padding: 0 10px 0 20px; }

.commentmetadata {font-weight: normal;}

h3.comments {padding: 0 10px 0 10px; margin: 40px 10px 20px 10px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 10px;}
#commentform textarea {	width: 100%; padding: 2px;}
#commentform #submit { margin: 0;float: right;}


