/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }

body {
	font-size: 14px;
	font-family: verdana;
	color: #000; 
	background: url(../images/body-bg.png) top center repeat-x #fff;
}

ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*JUITTER PLUGIN CSS*/

/*Juitter container*/
#juitterContainer {
}

/* UL that will contain the list of tweets */
#juitterContainer .twittList {
	margin: 0;
	padding: 0;
}

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI {
	list-style: none;
	background: #bdbdbd;
	margin: 0;
	padding: 5px 0 0 0;
	border-bottom: dashed 1px #fff;
	padding: 3px;
	clear: both;
	height: 65px;
}

#juitterContainer .twittList SPAN.time{
	color: #777;
	font-size: 0.9em;
}

/*Links inside the tweets list */
#juitterContainer .twittList A {
	color:#990000;
}

#juitterContainer .twittList A:hover {
	background: #990000;
	color: white;
}

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar {
	float: left;
	border: solid 1px #D3EECA;
	background: #FFF;
	margin-right: 5px;
	padding: 2px;
	width: 48px;
	height: 48px;
}

/*read it on twitter link*/
#juitterContainer .jRM {
	float: right;
	clear: both;
}

/*CSS for the external links*/
#juitterContainer .extLink {
}

/*CSS for the hash links*/
#juitterContainer .hashLink{
}

/*end of Juitter CSS*/
/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: white; padding: 3px 8px 5px; color: #272727; }
.button:hover						{ background: #990000; color: white; }


/*
	TYPGROGRAPHY
*/
p, li								{ font-size: 14px; line-height: 1.2em; margin: 0 0 10px 0; }
p.intro-paragraph					{ font-family: Georgia, serif; font-size: 18px; line-height: 1.4em; 
									  margin-top: 5px; }
p.intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p.intro-paragraph em				{ color: #990000; }
a									{ color: #990000; }
a:hover								{ background: #990000; color: white; }
h1									{ font-size: 20px; font-family: Georgia, serif; font-weight: normal; }
h2									{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3									{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 22px; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #900; }

/* FORMS */
input								{ padding: 3px; }



/* STRUCTURE */
#page-wrap							{ width: 960px; margin: 0px auto -250px;
									  min-height: 100%; height: auto !important; height: 100%;}
#socialsidebar 						{ width: 190px; float: left; margin-right: 15px; }
#main-col							{ width: 960px; float: left; }					
#linksidebar						{ width: 190px; float: right; }
#push								{ height: 250px; }


/*
	HEADER
*/
h1#logo								{ width: 540px; height: 100px; background: url(../images/title.png) top left no-repeat; text-indent: -9999px;
									  margin: 0 10px 8px 0; float: left; }
#main-pic							{ float: left; margin-right: 10px; }
#top-bar							{ padding: 10px 0 0 0; }
/* #top-bar p							{ color: #f4dfb8; width: 300px; float: left; } */
form#searchform						{ margin: 0 0 10px 0; float: right; }

/*
	MENU
*/
#menu-bar							{ padding-bottom: 45px;}
ul#main-nav							{ width: 580px; float: left; margin: 10px 0 0 0; }
ul#extra-nav						{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: #000; font-size: 18px; padding: 3px 8px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#amdan ul#extra-nav li.amdan a,
body#adref ul#main-nav li.adref a,
body#byw ul#main-nav li.byw a,
body#twitter ul#main-nav li.twitter a,
body#feeds ul#main-nav li.feeds a
body#flickr ul#main-nav li.flickr a,
body#cysylltu ul#extra-nav li.cysylltu a{ background: white; color: #990000; }



/*
	WIDGETS
*/
.widget .inside						{ padding: 10px; }
.widget ul							{ list-style: square outside; margin-left: 15px; }
.widget ul li 						{ margin: 0 0 5px 0; }
.widget ul li a 					{ display: block; padding: 2px; }
.widget ul li a:hover				{ background: #900; color: white; }
.thumb								{ width: 62px; }
.flickr-thumb						{ height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; }

/*
	FOOTER
*/
#footer								{ height: 250px; background: #000; border-top: 2px solid #fff; padding-top: 20px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; }
#footer ul							{ color: white; }


a img{border: 1px solid #333;padding:2px;margin:3px}
a:hover img{border: 1px solid #990000;padding:5px;}
a:hover{color: #990000;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#990000;}
a:visited { color:#CCC;}
a:hover { color:#fff;}
a:active { color:#CCC;}

#context p a:link, p#nav a:link { color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#context p a:visited, p#nav a:visited { color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#context p a:hover, p#nav a:hover{ color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #000 solid;}
#context p a:active, p#nav a:active{ color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}

.noimg {padding:5px 5px 5px 0}

div#photo p {width:500px;margin-top:20px}

#thumbs {width:960px; text-align: center;}

p#nav {font-size:1.3em;margin-top:20px;text-align: center;}
p#nav a {margin-right:1.2em}

p.note {color:#666;font-size:1em;margin-top:10px;text-align: right;}

div#context {width:175px;text-align:center;}