/******************************************************/
/* Theme by Carl Galloway                             */
/* http://www.carlgalloway.com                        */
/* This is a structured and commented version         */
/* of the serendipity blog default theme.             */
/*                                                    */
/* Styles have been organised into the following      */
/* groups; general, header, footer, entry, comments   */
/* commentform, sidebar, calendar, image media, and   */
/* plugins.                                           */
/*                                                    */
/* My comments are inside the /*  */, these can       */
/* safely be deleted if you do not require them.      */
/******************************************************/




/********* General Styles  *********/

 /* used in entry/sidebar titles */
h4, h3 {
	margin: 0; }

img { border: 0; }

/* the input boxes used in forms */
input, textarea, select {
       font-family: arial, "bitstream vera sans", sans-serif;
       font-size: 10pt; }

div.hr {
  border-top: 1px solid #838383; 
}

/* all table headers and rows */
th, td {
	font-size: 10pt; }

/* style for lists */
ul {
      padding-left: 10px;
      padding-top: 0px;
}

li {
      background: url(templates/saw/img/bullet.png) no-repeat 0px 7px; 
      list-style-type: none;
      padding-left: 13px;
      margin-left: 10px;
}

/* style for blockquotes inserted into posts */
blockquote {
	margin: 15px 30px 0 15px;
	padding-left: 15px;
	border-left: 4px solid #de1a24; }

/* all links are blue with no underline */
a:link, a:visited, a:active {
	color: #de1a24;
	text-decoration: none; }

/* change link color to dark blue and underline when hovered over */
a:hover {
	text-decoration: underline; }

/* link with right arrow */
a.arrow {
        background: url(templates/saw/img/link_arrow_right.png) no-repeat right; 
        padding-right: 15px;

}

/* link with left arrow */
a.larrow {
        background: url(templates/saw/img/link_arrow_right.png) no-repeat 5px 7px; 
        padding-left: 20px;
}



/* used when s9y needs to center something */
.serendipity_center {
	margin-left: auto;
	margin-right: auto;
	text-align: center; }

/* warning messages from s9y */
.serendipity_msg_important {
        text-align: left;
        margin-left: 20px;
	color: red; }

/* messages letting you know something has happened eg comment saved */
.serendipity_msg_notice {
        text-align: left;
        margin-left: 20px;
	color: green; }

/* style to temporarily change something to grey */
.grey {
	color:#999; }

/********* End of General Styles *********/




/********* Structural Styles *********/

/* preset styles for entire blog unless overruled elsewhere, page footer is here as well */
body {
	direction: ltr;
	font-size: 0.9em;
	background-color: #f1f6fb;
	margin: 0;
	padding:0;
	font-family: arial, "bitstream vera sans", sans-serif; 
        background-color: #ffffff;
        margin-bottom: 20px;
     }

h5   {
       margin-left: 20px;
       font-size: 11pt;
       color: #333333;
       font-family: arial, "bitstream vera sans", sans-serif;
       margin-top: 10px;
       margin-bottom: 0px;
} 


/* wrapper for page */
#wrap {
	width: 880px;
        background-color: #ffffff;
	margin:0 auto; 
        margin-top: 15px;
      }

/* container for banner */
#serendipity_banner {
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 1px;
        cursor: pointer;
	width: 840px;
	height: 160px;
        background-color: #7ab3d4;
	}

/* container for content and sidebar */
#mainpane {
	margin: 0 auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
	width: 840px;
	border-top: 0px;
	background-color: #FFFFFF; 
}

/* container for entries column */
#content {
        background: url(templates/saw/img/gradient-b_to_w.png) repeat-x;
	padding: 20px 40px 0px 25px;
	 }

/* container for right sidebar */
#serendipityRightSideBar {
        background: url(templates/saw/img/gradient-b_to_g.png) repeat-x;
        background-color: #f9f9f9;
	width: 230px;
	padding: 20px 10px 10px 20px;
	margin:0;
	vertical-align: top; 
}


/* container for left sidebar */
#serendipityLeftSideBar {
	width: 170px;
	padding:0 10px 0 1px;
	margin:0;
	vertical-align: top; }

/* Footer styles ------------------- */

#sawPageNav {
       text-align: center;
       font-size: 0.90em;
       padding-bottom: 10px;
       padding-top: 20px;
}

#sawToplink_container {
       padding-top: 20px;
       padding-left: 20px;
       font-size: 11px;
       background-color: #f9f9f9;
       padding-bottom: 10px;
}

#sawFooter_left,#sawFooter_right {
        border-top: 1px solid #DE1A24; 
        background-color: #f9f9f9;
        font-size: 11px;
        padding-left: 20px;
        color: #838383;
        padding-top: 10px;
        padding-bottom: 10px;
}

#sawFooter_left A,#sawFooter_right A {
        color: #333;          
}

#sawFooter_left {
       padding-left: 55px;

}

/********* End of Structural Styles *********/




/********* Header/Banner Styles *********/

/* the big link in the banner, blog name/entry title */
a.homelink1, a.homelink1:hover, a.homelink1:link, a.homelink1:visited, #serendipity_banner h1 {
	color: #fff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size : 20px;
	padding-left:15px;
	padding-top: 20px;
	margin: 0px;
	text-decoration: none; }

/* the smaller link in the banner, blog description */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2 {
	color: #fff;
	padding-left: 15px;
	font-size: 14px;
	margin: 0px;
	text-decoration: none; }

/********* End of Header/Banner Styles *********/





/********* Entry Styles *********/

/* container for the entry/post */
.serendipity_entry {
	font-family: arial, "bitstream vera sans", sans-serif; 
        line-height: 175%;
	color: #333;
	font-size: 9.5pt;
	font-weight: normal;
	margin: 0px 0 0px 0; }

/* container for entry title and date */
.serendipity_Entry_Date {
	clear:both; }

/* entry title */
.serendipity_title,h3.serendipity_date {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
	color: #333333; 
        margin-bottom: 0px;
        line-height: 90%;
        margin-left: 20px;
}

/* style for the meta box title */
.serendipity_meta_title {
	font-size: small;
	font-weight: bold;
	margin: 0; padding:0;
	color: #235587; }

/* entry title link, regular color is black */
.serendipity_title a:link, .serendipity_title a:visited {
	text-decoration: none;
	font-weight: bold;
	border: 0;
	background:none;
	color: #DE1A24; }

/*entry title link when hovered over, changes to orange */
.serendipity_title a:hover {
	text-decoration: underline;
}

.serendipity_postinfo {
        color: #838383;
        font-size: 0.90em;
        padding-left: 20px;
}


/* additional styles used for entry text */
.serendipity_entry p {
	margin: 0px;
        margin-top: 0px;
        margin-bottom: 10px;

	padding-bottom: 0px; }

.serendipity_entry_body {
        margin-left: 20px;
        padding-right: 20px;
        margin-bottom: 25px;
}

.serendipity_entry_body h1 {
       color: #555555;
       font-size: 11pt;
       margin-bottom: 5px;
}

/* style for extended body */
.serendipity_entry_extended {
	margin-top:20px; 
        margin-left:20px;
        margin-right:20px;
}

.serendipity_extended_link {
	margin-left:16px; 
}


/* prevent styling of the extended placeholder, otherwise the background image is visible */
#extended {
	background:none;
	display:none; }

/* the meta box that includes links to comments, trackbacks etc */
div.serendipity_entryFooter {
        padding-left: 0px;
        margin-top: 10px;
        margin-bottom: 25px;
        padding-top: 10px;
        padding-bottom: 6px;
        text-align: left;
	border-bottom:1px solid #838383;
	background-color:#f9f9f9;
	font-size: 0.9em;
	color: #333333;
        line-height: 160%;
        clear: both;
	}

/* style for links within the page footer */
div.serendipity_entryFooter a {
	}

/* style for hovered over links within page footer */
div.serendipity_entryFooter a:hover {
	text-decoration:underline; }

/* styles for category icon if used */
img.serendipity_entryIcon {
	float: right;
	border: 0px;
	margin-top:1px; }

/* styling the continue reading byline, needed to stop firefox making the link 100% wide */
.continue_reading {
	display:block;
	margin-top:10px;
	clear:left; }

/* styling the continue reading byline link */
.continue_reading a {
	font-weight:normal;
	background:none; }

/* styling the continue reading byline when hovered over */
.continue_reading a:hover {
	color: #5f90ba;
	background:none;
	text-decoration: underline; }

/* not used, but allows additional style to show author's posts in multi-author blogs */
.serendipity_entry_author_self {
	}

/* styles for the next/previous links above footer, includes start page and archives links */
.serendipity_pageFooter {
	clear:both;
	margin-top:10px; }

/* container for summary listings in archives */
.archive_summary {
	clear:both;
	margin:15px 0 0 10px;
	font-size:0.9em;}

/* style for entry title in summary archives overview */
.archive_summary_title {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0; padding:0; }

DIV.video {
       border: 1px solid #838383;
       display: table;
       padding: 2px;
}

DIV.image_center,DIV.image_left,DIV.image_right {
       border: 1px solid #838383;
       padding-bottom: 0px;
}

DIV.image_center IMG,DIV.image_left IMG,DIV.image_right IMG {
       padding: 5px;
}

DIV.image_left {
       float: left;
       margin-right: 20px;
       margin-top: 5px;
       margin-bottom: 10px;
}

DIV.image_right {
       float: right;
       margin-left: 20px;
       margin-top: 5px;
       margin-bottom: 10px;
}

DIV.image_center {
       display: block;
       margin-bottom: 10px;
}

A.serendipity_mag_image_link {
       display: block;
       float: right;
}

A.serendipity_mag_image_link IMG {
        padding: 0px;
}

DIV.imageComment {
       background-color: #f9f9f9;
       font-size: 8pt;
       padding: 5px;
       padding-left: 7px;
       line-height: 150%;
       padding-bottom: 3px;
}

/********* End of Entry Styles *********/




/********* Comment Styles *********/

/* container for all comments, not styled separately in default theme */
.serendipity_comments {
	}

/* comments, trackbacks and commentform titles */
.serendipity_commentsTitle {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
        margin-left: 20px;
	color: #666;
	clear:left; }

/* container for individual comments */
.serendipity_comment {
	padding: 3px; 
        padding-top: 10px;
}

.saw_trackback {
        padding-left: 20px;
        padding-right: 20px;
}

/* style for comment author, date commented etc */
.serendipity_comment_source {
        font-size: 11px;
	margin-top: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	padding-bottom: 3px; }

/* style for comment author if logged in */
.serendipity_comment_author_self {
	border-top:3px solid #e37235;
	border-bottom:3px solid #e37235; }

/* style for even numbered comments*/
.comment_evenbox {
	margin:0 0 10px 0;
	border-top:1px solid #838383;
	border-bottom:1px solid #838383;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/* style for odd numbered comments*/
.comment_oddbox {
	margin:0 0 10px 0;
	border-top:1px solid #838383;
	border-bottom:1px solid #838383;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em; }

/********* End of Comment Styles *********/



/********* Comment Form *********/

/* style for name, email etc fields in comments form */
td.serendipity_commentsLabel {
        color: #333333;
	font-size: 11px;
	vertical-align: top; 
        padding-top: 4px;
        width: 330px ;
}

td.serendipity_commentsValue {
        width: 210px;
        font-size: 11px;
        padding-bottom: 10px;

}

/* styles for input boxes in comments form */
td.serendipity_commentsValue input, td.serendipity_commentsValue select, td.serendipity_commentsValue textarea {
	vertical-align: text-bottom; 
	font-size: 12px;
	padding: 2px; 
        margin-right: 10px;
}

#serendipity_commentform_name, #serendipity_commentform_url, #serendipity_commentform_email {
        width: 200px;
}

div.serendipity_comment_captcha {
       padding-top: 10px;
}


/********* End of Comment Form *********/




/********* Sidebar Styles *********/

/* container style for individual sidebar blocks */
div.serendipitySideBarContent {
	padding-bottom: 0px;
	margin-bottom: 10px;
        line-height: 150%;
	font-size: 11px;
	font-weight:normal; }

/* style for each sidebar title */
.serendipitySideBarTitle {
	line-height:0.85em;
	color: #666;
	display:block;
	font-size:11pt;
        margin-bottom: 8px;
}

/* style for the powered by sidebar entry */
div.serendipityPlug img {
	padding-left:5px; }

/* style for the powered by link */
div.serendipityPlug a {
	text-decoration: none;
	border: 0px; }

/* style for input and select drop downs in sidebar */
.serendipitySideBarContent input, .serendipitySideBarContent select {
	width:150px; }

/* style for side bar date eg recent entries plugin */
.serendipitySideBarDate {
	line-height:0.9em; }

/********* End of Sidebar Styles *********/




/********* Calendar Styles *********/

/* style for entire table in calendar plugin */
table.serendipity_calendar {
	border-bottom:1px solid #ddecfb;
	border-left:1px solid #ddecfb;
	border-right:1px solid #ddecfb; }

/* container style for calendar table rows */
table.serendipity_calendar td {
	text-align:center;
	padding: 3px; }

/* style for calendar date links */
table.serendipity_calendar a {
	font-weight: bold;
	text-decoration:none; }

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	text-decoration: underline; }

/* style for calender header row */
.serendipity_calendarHeader {background:#235587; }

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
	border: 0;
	color:#fff;
	text-decoration: none; }

/* style for calendar weekday names */
td.serendipity_weekDayName {
     	font-size:95%!important;
	font-size:90%;
	font-weight:575;
	color:#fff;
	background:#5f90ba; }

/* style for calendar day rows */
td.serendipity_calendarDay {
	color:#888;
	font-size:90%; }

/* separate style for today's date */
td.Today {color: #444; text-decoration: overline; }

/* styles for calendar days rows */
.row1 {background: #ddecfb; }
.row2 {background: #e2eefb; }
.row3 {background: #e7f1fb; }
.row4 {background: #ecf3fb; }
.row5 {background: #f1f6fb; }
.row6 {background: #f6f8fb; }

/********* End of Calendar Styles *********/



/********* Embedded images with the s9y image manager *********/

/* container for images and text */
.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
	border: 1px solid #DDDDDD;
	background-color: #EFEFEF;
	margin: 3px;
	padding: 3px;
	text-align: center; }

/* style to center image and text within entry */
.serendipity_imageComment_center {
	margin: auto; }

/* style to left align image and text within entry */
.serendipity_imageComment_left {
	float: left; }

/* style to right align image and text within entry */
.serendipity_imageComment_right {
	float: right; }

/* styles for the images */
.serendipity_imageComment_img, .serendipity_imageComment_img img {
	margin: 0px;
	padding: 0px;
	border:none;
	text-align: center; }

/* styles for the text below the image if used */
.serendipity_imageComment_txt {
	border-top: 1px solid #DDDDDD;
	margin: 0px;
	padding: 3px;
	clear: both;
	font-size: 8pt;
	text-align: center; }

/********* End of Media Manager Styles *********/





/********* Plugin Styles *********/

/* container for search results, static page navigation and s9y no entries message */
.serendipity_search, .staticpage_navigation, .serendipity_overview_noentries {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0px;
        padding: 10px;
	padding-left:20px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
        font-size: 11px;
	clear:both; 

}

#saw_seachform {
        margin-bottom: 20px;

}

/* style for input box for quicksearch */
#serendipityQuickSearchTermField {
	width:160px;
        font-size: 11px;
	margin:0;
	padding:0; 
        padding-top: 1px;
        padding-left: 2px;
        vertical-align: bottom;

}

#serendipityQuickSearchButton {
        width: auto;
        margin-left: 3px;
        vertical-align: bottom;
}

/* style for the seearch term and number of results using quicksearch */
.searchterm, .searchresults {color:#333333;font-weight:bold; }

/* style for freetag items above entries */
.serendipity_freetag_taglist {
	margin:10px 0 20px 0;
	padding:15px;
	font-size: 80%;
	color:#505050;
	border: 1px solid #c0c0c0;
	background-color: #fafbfc;
	line-height:1.5em;
	text-align: justify; }

/* container for freetag plugin in entry footer */
.serendipity_freeTag {
        text-align: left;
        margin-left: 20px;
}

.serendipity_freeTag_related {
        padding-left: 20px;
}

/* style for the rss feed image in freetag plugin */
img.serendipity_freeTag_xmlButton {
	border:none;
	padding-left:2px; }

/* container for karma vote plugin */
.serendipity_karmaVoting {
	margin-top: 10px; }

/* allows additional styling for top exits text in karma plugin */
.serendipity_karmaVoting_exits {
	}

/* style for number of top exits in karma plugin */
.serendipity_karmaVoting_exits_num {
	}

/* style for karma plugin 'Karma for this article:' and vote links */
.serendipity_karmaVoting_text {}

/* style for vote links in karma plugin */
.serendipity_karmaVoting_links {
	display:block;
	clear:left; }

/* style for karma plugin text and vote line */
.serendipity_karmaVoting_current, .serendipity_karmaVoting_visits {}

/* style for the separator '|' in the karma plugin top exits */
.serendipity_karmaVoting_exits_sep, .serendipity_karmaVoting br {
	display:none; }

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
	color:#333; }

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
	line-height:0.5em; }

/* container for individual comment within sidebar */
.plugin_comment_wrap {
	display:block;
	margin:15px 0 0 0;
	border-top:1px solid #ddecfb;
	border-bottom:1px solid #ddecfb;
	background-color:#fafbfc;
	color:#505050; }

/* style for comment body within sidebar */
.plugin_comment_body {
	font-style:oblique; }


.container_saw_plugin_archives A,.container_saw_plugin_categories A {

        padding-left: 20px;
        line-height: 200%;
}

.container_saw_plugin_categories LI {
       background: none;
       padding-left: 0px;
       margin-left: 0px;
}

#serendipity_feed img {
        margin-right: 5px;
        vertical-align: bottom;
}

#saw_trackback_link {
}

#serendipityCommentFormC {
        padding: 20px;
	border-top:1px solid #838383;
	border-bottom:1px solid #838383;
	background-color:#f9f9f9;

}

.serendipity_entryFooter_baseInfo {
        padding-left: 20px;
}

.serendipity_date {
        margin-bottom: 5px;
        color: #333333;
}

DIV.saw_imprint_text {
       margin-left: 20px;
       margin-bottom: 15px;
       margin-top: 20px;
       line-height: 22px;
       
}

TABLE.saw_imprintdata {
        border: 0;
        border-collapse; collapse;
        margin-bottom: 20px;
        margin-left: 20px;
}

TABLE.saw_imprintdata TH {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 0px;
}

/********* End Plugin Styles *********/