/* Custom elements overriding other ones */

/* Blues

light blue: #2060ae
mid blue: #165284
dark blue: #0e2f4c

*/
#logo {
	padding-left: 0px;		
	float: left;
}


a { color: #2060ae !important }
a:hover { color: #165284 !important }

h1 a {color: #000 !important; font-size: 20px; text-transform: uppercase; }

body {background: #fff; font-family: Tahoma, Verdana, Arial; line-height: 1.5em !important;}

#wrap { border: none; position: relative; }

#title { font-family: Georgia, Times, serif ;float: right; margin-top: 40px; letter-spacing: .1em; font-size: 13px; color: #595959; text-transform: uppercase }

.postcontent {text-align: justify; padding-top: 20px;}

.postcontent p {color: #595959}

#header {background: none;}

#rside li {list-style: none}

#rside li h2, #rside h2 { font-size: 11px; font-weight: 100; text-transform: uppercase; padding-left: 5px; letter-spacing: .25em; background: #F5F5F5; padding-top: 5px; margin-top: -5px; }

.full-article {
	font-size: smallest;	
}

/*.idTabs { background: #f5f5f5 } */

#menu {
	margin-bottom: 25px;
	margin-top: 20px;
	background-color:#F5F5F5;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	height:29px;
}

#menu ul{
	width: 100%;
}

#menu ul li a {
	font-size: 11px; letter-spacing: .2em; color: #222 !important;	
}

#menu ul li a:hover { color: #2060ae; }

ul#nav li ul 
{
	position: absolute;
	top: 100%;
	display: none;
	z-index: 99;
}


ul#nav li ul a { text-decoration: none; font-size: 10px;}


.searchbox {
	border: none !important;
}

.widget_tag_cloud div {
	padding: 5px 10px;
	border-bottom: 1px solid #555	
}

#homeblock {
	width: 100%;
	background: #000;
	margin-bottom: 0px;
	font-size: 14px;
}

.homeblockbottom {
	clear: both;
	background: #fff url(images/fade.png) repeat-x top left !important;
	font-size: 13px;
    line-height: 1.3em;
    letter-spacing: .1em;
    padding: 20px;
}

.homeblockbottom h1 {
	font-size: 16px; font-family: Georgia, Times; font-weight: 100; text-transform: uppercase; letter-spacing: .25em; color: #222; margin-bottom: 10px;
}

.postcontent ul li, .holygrail li {
	line-height:16px;
	word-spacing:1px !important;
	padding: 2px 0px 2px 16px !important;
	margin: 2px 0px 2px 0px !important;
	background:url(images/libg300.png) no-repeat top left !important;
}

.postcontent ul, .holygrail ul {
	list-style:none !important;
	margin:0px 0px 20px 0px;
	padding:5px 0px 10px 0px;
	/*border-bottom:1px solid #ddd;	*/
}

#posts .post .postcontent ul { width: 100% !important }

.wp-caption { margin: 0 10px !important}

.arrow {
	line-height:16px;
	word-spacing:1px;
	padding:2px 0px 2px 16px !important;
	margin:2px 0px 2px 0px;
	background:url(images/libg300.png) no-repeat top left !important;
}

#posts .post .pinfo {
	list-style:none;
	width:450px;
	height:48px;
	background: none;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #ddd;	
}


.snippit { 
	border-bottom: 1px solid #ddd;
	margin: 10px 0;
	padding: 0 0 20px 0;
}

.snippit h2 {
	margin-bottom: 10px;
	color: #333;
	font-family: Tahoma, Verdana, Arial !important;	
}




#posts {
	width: 630px;
	float:left;
	overflow:hidden;
	font-size:13px;
}
#posts .post {
	width:630px;
	overflow:hidden;
	margin:0px 0px 40px 0px;
}
#posts .post .pinfo {
	list-style:none;
	width:630px;
	height:48px;
	background: none;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#singleinfo {
	width:99%;
	background:url(images/singleinfo.png) repeat-x top left;
	border:1px solid #ddd;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 5px;
}

.addtoany_share_save_container {
	text-align: right;
}
#comments {
	width:630px;
}


.postcom {
	position: relative;
}
.postcom a {
	position: absolute;
	top: -2px; left: 24px;
}

#footerboxes {
	background: #f5f5f5 !important;	
}

#footerboxes a {
	color: #666 !important;	
}
#footer h1, #footer h1 a {
	font-size: 10px;
	text-transform: uppercase;	
	letter-spacing: .5em;
}

#footer p {
	color: #ccc;
}

.book { 

	width: 130px;
	float: left;
	padding: 2px;
	margin: 2px;
	margin-top: 10px;
	line-height: 1em;
}
.book img {
	width: 80px;
}

.intro {
	line-height: 1.5em !important;
	letter-spacing: .1em !important;
	margin-top: 20px;
}

/*  HOME STUFF */

/*  Left Column width: 300px;
	Right Column width: 300px;*/ 

/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%; 				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background: #000;
	}
	/* holy grail 3 column settings */
	.holygrail {
	    /*background:#ff9;    	/* Right column background colour */
	    color: #f0f0f0;
	    background: #000 url(images/fiber.jpg) no-repeat bottom left;
	  
	}
	.holygrail h2 {
		font-family: Georgia, Times !important;
		text-transform: uppercase;
		letter-spacing: .2em;
		color: white;
		font-size: 16px;
		margin: 10px 0;
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-300px; 	/* Width of right column */
        position:relative;
        right:100%;
        /*background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        border-right: 1px solid #999;
        position:relative;
        left:600px;         	/* Left column width + right column width */
        /*background:#FFD8B7;    	/* Left column background colour */
        padding: 10px;
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:300px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 0 0 325px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	    padding: 0 20px;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:270px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:10px;         	/* Width of the left-had side padding on the left column */
        background: url(images/black-trans.png);
        padding: 0 10px;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:270px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:80px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        padding-left: 10px;
         border-left: 1px solid #999;
        left:50%;
        visibility: hidden;
        font-size: 0px;
    }
    
.less {
	font-size: smaller;
	color: #999;
}

#posts .post .pinfo li.liright h1 a {
	font-size: 18px;
}

a.archivelink {
	
	
}

span.date {
	font-size: 10px;
	text-transform: uppercase;
}

.partnergroup {
	margin: 20px 0;
}

.partnergroup h1 {
	font-family: "Georgia", serif;
	font-size: 18px;
	text-transform: uppercase;
	margin: 10px 0;
}

ul.summary b {
	font-weight: normal;
	color: black;
}

.cf {
	clear: both;
	zoom: 1;
}

@media only screen and (max-width : 1000px) {
	#wrap, #footerboxes, #footer {
		width: 98%;
		padding: 0;
	}
	#footer {
		padding: 20px 0;
	}
	#title {
		float: none;
		clear: both;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 20px;
	}
	#banner {
		height: auto;
	}
	#wrap {
		padding: 0px;
	}

	#menu, .menu, #container, #posts .post {
		width: 100%;
		height: auto;
		clear: both;
	}
	
	#rside, #posts {
		float: none;
		clear: both;
		width: 100%;
		margin: 20px 0;
		padding: 0;

	}
	#pinfo {
		width: 100%;
	}
	#footerboxes .box1,
	#footerboxes .box2,
	#footerboxes .box3 {
		clear: both;
		float: none;
		width: 100%;
		margin: 10px;
		padding: 0;
	}
	#linkcat-5,
	#text-2,
	.searchbox,
	#tabs_container {
		display: none;
	}
	
}

@media only screen and (max-width : 600px) {
	.holygrail .colleft,
	.holygrail .colmid {
		float: none;
		left: 0px;
		margin-left: 0px;
		width: 100%;
		padding: 0;
	}
	.holygrail .col1wrap,
	.holygrail .col2  {
		float: none;
		clear: both;
		width: 100%;
		border: 0;
		right: 0;
		padding: 0;
	}
	.holygrail .col1 {
		left: 0px;
		margin: 0px;
	}
	.holygrail .col2 {
		padding: 0 20px;
	}
	
	.postcontent .wp-caption {
		float: none;
	}
	ul.summary b {
		color: white;
	}
}