/*
Theme Name: Foundations
Theme URI: https://brokenkode.com/
Description: Broken Kode Version 5.1
Version: 5.1
Author: Khaled Abou Alfa
Author URI: https://brokenkode.com/
*/

/*
Obviously I can't stop you nor would I really want to stop you from seeing how 
I've done things, but be good and don't go copy paste this file and use as your 
own, it's just not cricket.

If you've got a question about how something, just drop me a line.

CoCo and Broken Kode copyright Khaled Abou Alfa 2004 - 2006.

Content  ---------------------------------------------------------------------->
Date Created: 10th of May 2006.
Date Modified: 1st of October 2006.

------------------------------------------------------------------------------->
*/

/* ----- Standard Elements ----- */
body{ margin:0; padding:0; background: #002B42; font: 62.5%/1.8em  "Lucida Grande", "Trebuchet MS", Arial,  Helvetica, sans-serif;}
h1{ padding: 0; margin: 0 0 25px 0;}
h2, h2 a{ margin:0; color:#ABE8FE; font-size: 1.2em;}
h2 a:hover{ text-decoration:none; }
h3{ margin: 0 0 10px 0;}
h4{ border-bottom: 1px solid #006699; margin: 20px 0 10px ; clear: both; text-align: left; color:#fff; }
blockquote{ border-left: 10px solid #ABE8FE ; padding:0 0 0 45px; margin:10px 0 0 0; color:#0075AF; }
img{ border: none; }

/* ----- Block Elements ----- */
.post{ margin: 0 0 40px 0; font-size: 1.2em;clear:both; width: 550px; float: left; }
.showcase{ margin: 470px 0 0 0; padding: 0 0 0 7px; }
.asides{ margin: 0 0 40px 0; font-size:1.1em; padding: 0 0 0 54px; background: url(images/star.jpg) no-repeat 0% 0%; clear:both; }
.bg-image{ background:  url(images/flowers.jpg) no-repeat top center #002B42; }
.bg-fofr{ background:  url(images/FOFR.jpg) no-repeat top center #002B42; }
.bg-shuttle{ background:  url(images/shuttle.jpg) no-repeat top center #002B42; }
#wrapper { 	margin: 0 auto; padding: 0 10px; width: 850px; color: #54A6CB; }
#body{ text-align: left; width:850px; }
#menu{ 	margin: 45px 0 55px 0; padding: 0 15px;  background: url(images/bklogo.jpg) no-repeat; }
#container{ width:550px; float:left; }
#navcontainer{ margin: 0 0 0 40px; padding: 0; }
#navlist{ 	padding: 0; margin: 9px 0; font-size: 1.3em;}
.footer{ margin: 20px 0 50px 0; width: 100%; float:left; clear:both;}
.align-left{ float: left;}
.align-right{ float: right;}
#rules{ margin: 0; width:50px; float:left; }
#searchbox{ 	padding: 0 0 5px 0; 	border-bottom:1px solid #AAE1FF;  	margin: 0 0 5px 0;  	float:right; 	width: 795px; }
.copyright{ 	margin: 0 0 0 55px;  	padding:0; 	width: 795px; 	font-size: 0.85em; }
#feed{ 	background: url(images/feed.jpg) no-repeat 100% 0%; 	text-align:left; 	width: 75px;   }
#feed a{ 	color:white; 	text-decoration:none;  }
#feed a:hover{ 	text-decoration:underline; }

/* ----- Comments Elements ----- */
.comments{ margin: 60px 0 0 0; font-size: 1.7em; }
.commentnum a{ 	font-size: 0.9em; 	color:#00557F; 	padding: 0 0 0 10px; }
.commentnum a:hover{ 	color:#0075AF;  }
.inputbox{ 	width: 215px; 	 	padding: 0 0 0 3px; }
.pushbutton{ 	font-size: 0.9em; 	padding:0; 	cursor: pointer;}
.comment-text{ 	width:550px; margin:0; 	float: left; }
.comment-user{ 	width:215px; 	float:right; margin: 13px 0 0 0; }
#commentlist{ 	margin:0; 	padding:0; 	list-style-type:none; 	clear:both; font-size: 1.2em;}
#commentlist li{ clear:both; height:_1%; overflow:hidden; margin: 0; padding: 15px 0 5px 0; 	border-bottom: 1px solid #0075AF; }
.commentboxright{ 	float:right; }
.comment-author{ 	background: url(images/authorbackground.jpg) no-repeat 100% 0%; }
#formatcomment{ width: 550px; margin: 10px 0 0 0; }
input, textarea{ font: Arial, Helvetica, sans-serif;  }
.box{ clear:both; padding: 10px 0 0 0; font-size: 1.2em;}
.formatting{ 	margin: 15px 0 0 0; 	font-size: 0.85em; }
#trackbacks{   margin: 40px 0 0 0; }
.commentbox{ 	float:left; 	clear:both; }

/* ----- Sidebar Elements ----- */
.singlesidebar{ margin:0; font-size:1.1em;} 
.cats{ 	margin: 15px 0 0 0; }
.holder{ 	width: 850px; 	clear:both; }
#sidebar, .sidebar{ 	float:right;  	margin:0 0 0 0; 	padding:0; 	width:215px;}
#sidebar img{ border: solid 1px #348DAB; }

/* ----- LISTS ----- */
#navlist li, #navlist li a { display: inline; list-style-type: none; padding: 0 10px 0 0; color: #BABABA; text-decoration:none; font-weight:bold; }
#navlist li a:hover{ color: white;  }
#sidebar li{ list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #0075AF; }
ul{ margin:0; padding:0; }
.gallery li{ list-style-type: none; }

/* ----- LINKS ----- */
a{ color:#ABE8FE; text-decoration:none; }
a:hover{ color:white; text-decoration:underline; }

/* ------- archives -------*/
#archives_list { 	margin: 0; 	padding: 0; 	width:550px; 	float:left; }
#archives_list li.year{ list-style-image: none; 	list-style-type: none; 	margin: 10px 0 0 0;	padding: 0;}
#archives_list ul.month-list { 	width: 550px;  	margin: -18px 0 15px 55px; 	padding: 0 0 0 0; 	position: relative; }
#archives_list li.month { 	list-style-type: none;  	margin: 0; 	padding: 0 0 1px 0;	border-bottom: 1px solid #0075AF; }
.archivemenu{ 	margin: 0 0 5px 0; 	border-bottom: 1px solid #0075AF; }

/* ------- Calender -------*/
#wp-calendar{ 	width: 100%;  	margin: 0 0 40px 0; 	text-align: center; 	padding: 0; }
#wp-calendar caption{ 	margin: 0 0 5px 0;  	padding: 0 0 3px 0; 	border-bottom: 1px solid #004A6F;	text-align: left; }
#wp-calendar a{ background: #004A6F; 	display: block; } 
#prev a{ 	margin: 15px 0 0 0; 	padding: 0; 	background: none; 	text-align:left; }
#next a{ 	margin: 15px 0 0 0; 	padding: 0; 	background: none; 	text-align:right; }

/* ------ Inline Formatting -----*/
.left{ 	float: left;   margin: 5px 15px 5px 0;   }
.right{   float: right;   margin: 5px 0 5px 15px;   }
.sidenotes{ width: 200px; float:left; margin: 0 15px 0 0; border: 1px solid; border-bottom: 10px solid; padding: 5px; background:#004A6F; font-size: 0.9em; }
.media{ background-color: #004567;  width: 550px; margin: 10px 0 0 0; padding: 5px 0; text-align: center; border: 1px solid; }

/* ------ Shop -----*/
.basket{ width: 600px;  }
.items{ float:left; width: 400px; }
.item-left{width:180px; float: left;}
.item-middle{width:180px; float:right; margin: 0 10px ; }
.item-right{width:180px; float:right; }
.buy{ padding: 0 0 0 5px; background: #003F5F; 	color:#ABE8FE; 	margin: 15px 0 0 0; }
.item-image{ text-align: center; padding: 5px 0; background: #003F5F;} 

/*------------ Gallery --------------*/
#holder{ width: 850px; border-bottom: 1px solid  #0075AF; text-align: center; margin: 0 0 10px 0;}
.basket{ float:left; }
.thumbnail{ 	padding: 3px 3px 10px 3px; background-color: #003F5F; border: 1px solid  #004A6F; float: left; margin-right: 12px; margin-bottom: 10px; }	
.thumbnail-last{ 	padding: 3px 3px 10px 3px; 	background-color: #003F5F; 	border: 1px solid  #004A6F; 	float: left; 	margin-right: 0; 	margin-bottom: 10px; }	
.flickr{ float:left; clear:both; background-color: #00608D;  margin: 10px 0 0 0; padding: 5px 12px 0 12px;}
.flickr li{ display: inline; float: left; margin: 0; padding:0;}