/*
Theme Name: nssaw_blog
Theme URI: http://nssaw.llgc.org.uk
Description: Theme made for the archive of screen and sound.
Version: 1.6
Author: Dayle Rees.
Author URI: http://knightsofmidnight.com
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* END OF RESET 
input.searchBox {
	margin                     :0px;
	padding                    :4px;
	height                     :12px;
	border                     :1px solid #000;
	position                   :absolute;
	top                        :24px;
	right                      :60px;
}*/
body {
	margin                         :20px;
	background-color               :#efeae5;
	font-family                    :Verdana;
	font-size                      :12px;
}

/* The main container for the page */
div.box {
	background-color               :#fff;
}

/* The bar containing the search field and language controls. */
div.languageBar {
	background-color               :#efeae5;
	font-size                      :12px;
	padding                        :0px 10px 0px 5px;
	text-align                     :right;
	font-weight                    :normal;
	font-size                      :12px;
	height                         :30px;
}

div.languageBar A {
	color                          :#000;
	text-decoration                :none;
	font-weight                    :normal;
	font-size                      :12px;
}

div.languageBar A:hover {
	color                          :#c31722;
	text-decoration                :underline;
	font-weight                    :normal;
}

div.languageLeft {
	position                       :absolute;
	top                            :28px;
	right                          :220px;
}

div.languageRight {
	float                          :right;
}

/* The main page header container */
div.header {
	height                         :150px;
}

/* Absolute positioned film strip, placeholder for flash movie! */
div.film_logo {
	background-image               :url("images/film_logo.jpg");
	width                          :60px;
	height                         :150px;
	position                       :absolute;
	right                          :20px;
	top                            :50px;
}

/* Absolute positioned sticky note thing */
div.note_logo {
	background-image               :url("images/the_new_note.png");
	width                          :194px;
	height                         :168px;
	position                       :absolute;
	right                          :77px;
	top                            :50px;
	padding-top                    :10px;
}

/* Container for text within the sticky note */
div.noteText {
	font-style                     :italic;
	font-size                      :12px;
	margin                         :10px 45px 0px 20px;
}

div.noteTitle {
	position: absolute;
	font-weight: bold;
	font-size                      :12px;
	/*margin                         :10px 45px 0px 20px;*/
	top:134px;
	left:17px;
}

/* The bar containing the main horizantal menu. */

div.menu {
	font-size                      :12px;
	color                          :#515151;
	padding                        :5px;
	padding-left                   :7px;
	margin-top                     :10px;

}

div.menu A {
	color                          :#515151;
	text-decoration                :none;
	background-image               :url("images/saeth_llwyd.png");
	background-repeat              :no-repeat;
	padding-right                  :15px;
	background-position            :100% 3px;
}

li.navcontainer_current A {
	color                          :#16d72d;
	text-decoration                :none;
	background-image               :url("images/saeth_du.png");
	background-repeat              :no-repeat;
	background-position            :100% 3px;
	text-decoration :underline;
}

div.menu A:hover {
	color                          :#c31722;
	text-decoration                :underline;
}

/* The container for the 3 column layout. */

div.innerBox {
	background-color               :#fff;
}

div.leftColumn {
	width                          :180px;
	min-height                     :800px;
	float                          :left;
	margin-left                    :10px;
}



div.content {
	min-height                     :800px;
	margin-top                     :10px;
	margin-left                    :10px;
	margin-right                   :200px;
}

div.content A {
	color : #3d9d30;
}

div.rightColumn {
	width                          :180px;
	min-height                     :800px;
	float                          :right;
	margin-right                   :10px;
}

/* The container for the footer area */

div.footer {
	height			       :50px;
	background-color               :#fff;
	border-top                     :1px solid #b7b7b7;
	padding-top                    :3px;
}

div.footer_logo {
	float			       :right;
}

div.footer_links {
	font-size		       :11px;
	float                          :left;
	padding-top                    :17px;
	padding-left                   :40px;
}

div.footer_links UL {
	display			       :inline;
	padding-right                  :20px;
}

div.footer_links LI {
	display			       :inline;
	padding-right                  :20px;
}

div.footer_links A {
	color                          :#000;
	text-decoration                :none;
	font-weight                    :normal;
	font-size                      :12px;
}

div.footer_links A:hover {
	color                          :#c31722;
	text-decoration                :underline;
}

ul.navcontainer {
	display                        :inline;
	margin-left:0px;
	padding-left:0px;
}

ul.navcontainer LI {
	display                        :inline;
	padding                        :7px 5px 7px 4px;
	font-size                      :12px;
}

ul.navcontainer A {
	font-size                      :12px;
}

div.content P {
	font-size                      :12px;
	padding                        :5px;
	line-height                    :17px;
}






/* Color Scheme Specific */


div.header {
	background-color               :#000;
	background-image               :url("images/header_BLOG_RANTS.jpg");
	background-repeat              :no-repeat;
	height                         :150px;
}


div.header2 {
	background-color               :#000;
	background-image               :url("images/header_BLOG_CAD.jpg");
	background-repeat              :no-repeat;
	height                         :150px;
}

div.header3 {
	background-color               :#000;
	background-image               :url("images/header_BLOG_DERB.jpg");
	background-repeat              :no-repeat;
	height                         :150px;
}

div.header4 {
	background-color               :#000;
	background-image               :url("images/header_BLOG_NEWYDDION.jpg");
	background-repeat              :no-repeat;
	height                         :150px;
}

div.header5 {
	background-color               :#000;
	background-image               :url("images/header_BLOG_RANTS.jpg");
	background-repeat              :no-repeat;
	height                         :150px;
}

div.titleBar {
	font-size		       :12px;
	height                         :22px;
	background-color               :#16d72d;
	color                          :#fff;
	font-weight                    :bold;
	background-image               :url("images/overlay.png");
	padding-top                    :6px;
	padding-left                   :5px;
}

div.sideBox {
	background-color               :#ebebeb;
	margin-bottom                  :10px;
	font-size                      :12px;
	font-weight                    :normal;
	padding                        :5px;
}

div.sideBox A {
	color                          :#3d9d30;	
}

div.sideBox A:hover {
	color                          :#3d9d30;	
}

div.sideBoxClear {
	margin-bottom                  :10px;
	font-size                      :12px;
	font-weight                    :normal;
	padding                        :5px;
}

div.csc-header {
	height                         :20px;
	font-size		       :12px !important;
	background-color               :#ee1220;
	color                          :#fff;
	font-weight                    :bold !important;
	background-image               :url("images/overlay.png");
}

h1.csc-firstHeader {

	font-size		       :12px;
	padding                        :6px 4px 6px 4px;
	font-weight                    :bold;
	background-color               :#ee1220;
	background-image               :url("images/overlay.png");

}

input.searchBox {
	margin                     :0px;
	width:160px;
	padding                    :4px 19px 4px 4px;
	height                     :15px;
	border                     :1px solid #000;
	position                   :absolute;
	top                        :23px;
	right                      :20px;
}

input.searchButton {
	position                   :absolute;
	top                        :24px;
	right                      :21px;
}

A.joinLink {
	color                      :#fff !important;
	text-decoration            :none;
	font-weight                :bold !important;
}

A.joinLink:hover {
	color                      :#fff !important;
	text-decoration            :underline;
	font-weight                :bold !important;
}

div.sideBox UL {
	padding:0px;
	padding-left:18px;
	margin:0px;
}

div.sideBox LI {
	padding:0px;
	margin:0px;
}

div.titleBar A {
	color:#fff;
	text-decoration: none;
}

div.crumb {
	margin-left:12px;
	margin-top:20px;
}


div.crumb A {
	color : #16d72d;
	text-decoration: none;
}

div.crumb A:hover{
	text-decoration: underline;
}
/*
.alignleft {
	float: left;

}
.alignright {
	float: right;

}*/








/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.alignleft {
	float: left;

	}
/* End Images */




/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;breaks sidebar
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	margin-left: 5px;
}

.wp-caption p.wp-caption-text {
	text-align: center;
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


.avatar {
	border:1px solid #c0c0c0;
	-moz-border-radius: 5px;
}

#wp-calendar {
	margin: 0 auto;
}

#wp-calendar td {
	font-size:10px;
	background-color: #6f6f6f;
	padding:3px;
	text-align: center;
	color: #fff;
}

td.pad {
	background-color: transparent !important;
}

#wp-calendar A {;
	color: #0f0;
}