/*
THEME NAME: the Flyslip
THEME URI: http://www.theflyslip.net
DESCRIPTION: based on Sandbox
VERSION: 1.1
AUTHOR: <a href="http://awmyth.net/">Awmyth</a> &amp; <a href="http://www.theflyslip.net/">Damith S</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, three-columns, left-sidebar, right-sidebar
*/

/* LAYOUT: Three-Column
   DESCRIPTION: Three-column fixed layout with two sidebars on both sides of content
************************************************************************************/


/********************************************************** GENERAL STRUCTURE *****/

*      { margin: 0px; padding: 0px; }

body   { background: #555555 url(images/bg-main.jpg);
         vertical-align: top; text-align: left;
         color: #192832; font: 72.5%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}

abbr, acronym   { border: 0; }

address, p   { padding: 10px 0 0; }

blockquote   { background: #FFFADA url(images/bg_blockquote.gif) no-repeat 5px 7px;
	         color: #736926; margin: 10px 10px 0; }

blockquote p { padding: 10px 10px 10px 20px; }

blockquote blockquote   { background: #FFFFFF; color: #333; margin: 10px;}
blockquote blockquote p { padding: 10px; }

code { background: #f9f9f9; }

dl   { padding: 10px 0 0; }
dt   { font-weight: bold; }
dd   { padding: 0 0 5px 15px; }

hr   { clear: both; background: url(images/bg_comment_bottom.gif) no-repeat;
       width: 100%; height: 1px; text-align: left; margin: 15px 0 5px; border: 0; }

small    { font-size: 10px; }
label    { font-weight: bold;}

input, 
textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif;  padding: 2px; }

/****************************************************** HEADINGS *****/

h2, h3, 
h4, h5, h6  { font-family: Georgia, Sans-Serif; }

/********************************************************* LINKS *****/

a         {text-decoration: none; }
a:link,
a:visited { color: #8B3E2F;}
a:hover   { color: #A12A2A; text-decoration: underline; }
a:active  { color: #333333; background: #C7C1AB; text-decoration: underline; }

a img     { border: 0; }

/**************************************************** ALIGNMENTS *****/

.alignleft   { float: left; margin: 1em 1em 0 0;}
.alignright  { float: right; margin: 1em 0 0 1em;}
.aligncenter { display: block; text-align:center; margin: 1em auto;}

.clear  { clear: both; line-height: 1.5em;}
.spacer { padding: 0 10px;}

/******************************************************** IMAGES *****/

img.alignleft      { float: left; margin: 1em 1em 0 0;}
img.alignright     { float: right; margin: 1em 0 0 1em;}
img.aligncenter    { display: block; text-align:center; margin: 1em auto;}

p.wp-caption-text { font-style: italic;}

/******************************************************* STRUCTURE **************************************************/

div#wrapper   { width: 999px;  margin: 0 auto; }

div.skip-link { position: absolute; right: 1em; top: 1em;}

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

div#header    { background: url(images/headerimage.png) no-repeat center top;
	        width: 999px; height: 210px; text-align: left;
	        color: #333; margin: 0 auto; padding: 0;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px; }

#blog-title,      
#blog-title a      { position: relative; top: 24px; left: 20px;
                     color: #BD3245; font-size: 72px; font-weight: normal;
                     font-family: Georgia; font-variant: small-caps; text-transform: titlecase; text-decoration: none; letter-spacing: 1px;
                     padding: 0px; }

#blog-description  { position: relative; top: 80px; left: 50px;                     
                     color: #8CA2C3; font-size: 20px; font-weight: bold;
                     font-family: Helvetica;  text-transform: lowercase; letter-spacing: 0px;
                     padding: 0; }

/*********************************************************** MENU *****/


div#menu            { width: 100%; height: 1.0em; vertical-align: bottom;
                      background: transparent; margin: 132px 5px; }

div#menu ul         { line-height: 2.4em; list-style: none; margin: 0; padding: 0;}
div#menu ul a       { display: block; text-decoration: none; margin: 0; padding: 0;}

div#menu ul li      { background: url(images/bg_tab_right.gif) no-repeat right top;
	              float: left; color: #325b0a; font-size: 14px; font-weight: bold; margin-right: 4px; }

div#menu ul li a    { background: url(images/bg_tab_left.gif) no-repeat left top; display: block;
	              color: #325b0a;  text-decoration: none; padding: 5px 10px 0; }

div#menu ul ul      { line-height: 2.4em; list-style: none; margin: 0; padding: 0;}

div#menu ul ul ul a { font-style: italic;}

div#menu ul li ul        { left: -999em; position: absolute;}

div#menu ul li:hover ul  { left: auto;}


/****************************************************** CONTAINER *****/

div#container { float: left; width: 100%; text-align: left; margin-top: 10px;}

div#content   { width: 615px; background: url(images/mainbg.jpg) repeat-y /*left top*/; margin: 0 0 0 192px; }

.page-title { color: #5E2612; text-decoration: none; padding: 10px 0 0 10px}

/*********************************************************** ENTRY *****/

.post h2 a     { color: #5E2612; text-decoration: none;}

.entry-title   { clear: both; margin-left: 1em;}

.entry-date    { text-align: right; margin-right: 1em;}

.entry-content { margin: 1em 2em;}

.entry-meta    { clear: both; margin: 2em 1em; padding-top: 20px;}

.postbottom { background: url('images/bg-strip.gif') repeat-x 0 100%;
              margin-bottom: 20px; padding: 10px 0px;}

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

div#comments {margin: 10px 30px; padding-bottom: 20px; }

div#comments-list {padding-bottom: 20px;}

div.comments ol li { margin: 0 0 3.5em;}
div.comment-author { margin-top: 10px;}
div.comment-meta   { text-align: right;}
 
form#commentform .form-label   { margin: 1em 0 0;}

form#commentform span.required { background: #fff; color: #c30;}

form#commentform,
form#commentform p  { padding: 0;}


input#author, 
input#email, 
input#url, 
textarea#comment  { background-color: #EFECE6; border: 4px double #DCD4C7; }

input#author      { width: 50%; padding: 0.2em;}
input#email       { width: 50%; padding: 0.2em;}
input#url         { width: 50%; padding: 0.2em;}
textarea#comment  { height: 13em; width: 96%; overflow: auto; margin: 0 0 0.5em; padding: 0.2em;}


/******************************************************** GALLERY *****/

div.gallery    { clear: both; width: 100%; height: 180px; margin: 1em 0;}

div.gallery *  { margin: 0; padding: 0;}

div.gallery dl { float: left; overflow: hidden; text-align: center; margin: 1em auto;}

div.gallery dl.gallery-columns-1 { width: 100%;}
div.gallery dl.gallery-columns-2 { width: 49%;}
div.gallery dl.gallery-columns-3 { width: 33%;}
div.gallery dl.gallery-columns-4 { width: 24%;}
div.gallery dl.gallery-columns-5 { width: 19%;}


/***************************************************** NAVIGATION *****/

div.navigation     { width: 96%; height: 1.25em; font-weight: bold; margin: 0 2%;}

/***** NAV *****/

div#nav-above  { padding-top: 10px; padding-bottom: 20px;}
div#nav-below  { padding-bottom: 10px;}
div#nav-images { height: 150px; margin: 1em 0;}

div.navigation div { width: 50%;}

div.navigation div.nav-previous { float: left;}
div.navigation div.nav-next     { float: right; text-align: right;}

/******************************************************** SIDEBAR *****/

div.sidebar     {  float: left; width: 192px;
                   background: url('images/sidebarbg.jpg') repeat-y 0 0; overflow: hidden;}

div.sidebar div { margin: 0; padding: 0;}

div#primary   { text-align: left; margin: 0 0 0 -100%;  margin-top: 10px; padding: 0;}
div#secondary { text-align: left; margin: 0 0 0 -192px; margin-top: 10px; padding: 0;}

* html div#primary { left: 20px; position:relative;}

div.sidebar h3 { height: 40px; background: url(images/sidebarheader.jpg) no-repeat left top;
                 color: #5E2612; font: normal bold 1.2em Georgia; margin: 0 0 0 -1em; padding: 10px 0 0 10px;}

div.sidebar input#s { width: 120px;}

div.sidebar ul    { margin: 0 1em; padding: 0;}
div.sidebar ul li { list-style: none; margin: 0 0 2em;}

div.sidebar li form  { margin: 0.2em 0 0; padding: 0;}

div.sidebar ul ul    { margin: 0 0 0 1em; padding: 0;}
div.sidebar ul ul li { list-style: disc; margin: 0;}

div.sidebar ul ul ul    { margin: 0 0 0 0.5em;}
div.sidebar ul ul ul li { list-style: circle;}

select#cat  { width: 160px;}

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

div#footer     { clear: both; 
                 width: 999px; text-align: center;
                 background: transparent; 
	         color: #FFFFFF; font-size: 1.1em; font-style: italic; font-weight: bold; font-family: Georgia; 
	         margin: 20px auto 0px; padding-bottom: 30px; }


/********************************************************************************** PLUGINS *****/

/***** RSS FEEDS *****/

.tags     { font: normal bold 1.0em Helvetica, serif;}

.scfw_32px,
.scfw_24px,
.scfw_16px { text-align: center;}

.ctc,
.catcloud   { font-weight: bold; text-align: justify; margin: 10px;}

.cluv { margin-top: 2em;}

.dtom {float: right; margin: 20px 0 0 10px;}


#clustrmaps-widget { text-align: center;}

#widget_bdp_rss_aggregator_ul_1 {margin-left: -5px;}