/*  
Theme Name: ARK online 2
Theme URI: http://arkonline.org
Description: Based on default WordPress theme.
Version: 0.1
Author: Ben Wise
Author URI: http://benwise.co.uk (for http://campbellhay.com)

	This theme was designed and built for arkonline.org
*/



/* Begin Typography & Colors  -----------------------------------------------------------------------------*/
body {
	background:#3F3F40 url(images/bg.png) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color: rgb(63,63,63);
	text-align: center;
	}

#page {
	background: #fff;
	text-align: left;
	}

#header {}

#content {}

#footer{
	color:#2B4E65;
	font-size:10px;
	font-weight:bold;
}

#credit, #credit a{
	color:#ccc;
	font-size:10px;
}

h1, h2, h3, h4 {
	display:block; margin:0; padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0190D5;
}

h1 {font-size:24px;}
h2 {font-size:19px; line-height:21px;}
h3 {font-size:12px;}
h4 {font-size:12px;}

h1.strap{
	font-size:22px;
	margin:0; padding:0 0 5px 0;
	font-weight:normal; letter-spacing:-1px;
	line-height: 24px;
	border-bottom: 1px solid rgb(102,102,102);
}
.rightcolumn h2 {
	margin:3px 0 0 0; padding:2px 0 0 0;
}

h2.snippet {
	border-bottom:3px solid #fff;
}

a{
	color: #0190D5;
	text-decoration: none;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

span.link { color:#0190D5; }


/* Begin Structure --------------------------------------------------------------------------------------*/
body {
	margin: 0 0 20px 0;
	padding: 0; 
	}

#page {
	background-color: white;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	border: 10px solid #fff;
	border-top-width:0;
	}

#header {
	margin: 0 0 10px 0; 
	padding: 0; 
	height: 180px; 
	width: 780px;
	}


.narrowcolumn {
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
	width: 415px; 
	border-top: 1px solid rgb(102,102,102);
	}

.widecolumn {
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
	width: 415px;
	border-top: 1px solid rgb(102,102,102);
	}

.fullcolumn {
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
	width: 630px;
	border-top: 1px solid rgb(102,102,102);
	}

.rightcolumn {
	float:left;
	width:195px;
	border-top: 1px solid rgb(102,102,102);
	padding: 5px 0 0 0;
	margin: 0 0 0 20px;
}

.post {
	margin: 0 0 40px;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

#footer {
	padding: 5px 0 15px 0;
	margin-top: 20px;
	border-top: 1px solid rgb(102,102,102);
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
	text-align:right;
}


#credit {
	margin: 0 auto;
	padding: 2px 0;
	width: 780px;
	text-align:left;
}

/* End Structure */



/* Begin Images */

/*	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 */




/* SIDEBAR NAV --------------------------------------------------------------------------------------- */

#sidebar
{
	padding: 0;
	margin-right: 20px;
	float:left;
	width: 130px;
	overflow:hidden;
	}

#sidebar form {
	margin: 0;
	}

#sidebar li, #sidebar ul{
	list-style:none;
	margin:0; padding:0;
}

/* nav */

#sidebar ul.pagenav{
	border-bottom: 1px solid rgb(102,102,102);
}


#sidebar ul.pagenav li.page_item{
	border-top: 1px solid rgb(102,102,102);
}

#sidebar ul.pagenav li.page_item a{
	padding: 2px 0 2px 4px;
	display:block; width:126px;
	font:12px Georgia, "Times New Roman", Times, serif;
	font-weight:bold; text-decoration:none; letter-spacing:-1px;
	background:#fff; color:#0190D5;
}

/* link hover */
#sidebar ul.pagenav li.page_item a:hover,
#sidebar ul.pagenav li.page_item ul li.page_item a:hover{
	background:#0190D5;
	color:#fff;
}

/* active section hilite */
#sidebar ul.pagenav li.page_item.current_page_item a
,#sidebar ul.pagenav li.page_item ul li.page_item.current_page_item a
{
	font-style:italic;
	background:#0190D5;
	color:#fff;
}

/* sub nav */

#sidebar ul.pagenav li.page_item.current_page_item ul li:first-child
{
	border-top: 1px solid rgb(102,102,102); /* first subnav entry has solid top border*/
}

#sidebar ul.pagenav li.page_item.current_page_item ul li{
	border-top: 1px dotted rgb(102,102,102);
	display:block;
}
 
#sidebar ul.pagenav li.page_item ul li.page_item a{
	padding-left:8px;
	width:122px;
	font:10px Arial, Helvetica, sans-serif;
	letter-spacing:0;
	background:#fff; color:#0190D5;
}

#sidebar ul.pagenav li.page_item.current_page_item ul li.page_item.current_page_item a
{
/* active sub nav item */
	background:#fff;
	color:#2B4E65;
	font-style:normal;
	background:url(images/nav_active.png) no-repeat bottom right; 
}


#searchInput{width:127px}
.safari #searchInput{width:130px !important;}





/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}






/* HOMEPAGE --------------------------------------------------------------------------------------*/

.homeBox{
	float:left;
	width:200px;
}
.homeBox p{ margin:0; padding:0 }
.homeBox.left{
	margin-right:15px;
}
.homeBox img{ padding-bottom:2px; }
.homeBox a{
	display:block; width:200px;
	padding: 0 0 2px 0;
	margin:2px 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:rgb(102,102,102);
	font-size:16px; font-weight:bold;
	text-decoration:none;
	background:url(images/homebox_link.png) right bottom no-repeat;
}
.homeBox a:hover{
	color: #0190D5;
	background:url(images/homebox_link_hover.png) right bottom no-repeat;
}

.newsFlash h3{
	border-top:1px solid rgb(102,102,102);
	padding:3px 0;
	margin: 3px 0 6px 0;
	color:rgb(102,102,102);
	border-bottom:1px dotted rgb(102,102,102);
}


/* Category (contents) pages --------------------------------------------------------------------------------------*/

.category p {
	display:inline;
}
.category .entry {
	clear:left;
	border-top:1px dotted rgb(102,102,102);
	padding:5px 0;
}
.category .entry.first {
	border-top: 1px solid rgb(102,102,102);
	margin-top:10px;
}

.category h1{
	margin:0 0 0 0; padding:0 0 0 0;	
	
}
h1.noSubtitle {
	border-bottom:16px solid #fff;
}

.category h2{
	color:rgb(102,102,102);
	margin:0; padding:0;
}
.sub.category h2.subtitle{
	margin-bottom:-5px;
}

.category .entry h2{
	margin:0; padding:0;
}

.category img{
	display: inline;
	float:left;
	padding-right:6px;
	margin-bottom:6px;
}

/* Single (Main posts) --------------------------------------------------------------------------------------*/

.single h2.title{
	color:rgb(102,102,102);
	float:left;
}
.underTitle{
	clear:both;
	border-bottom:1px solid rgb(102,102,102);
	padding:5px 0 0 0
}
.navigation {
	float:right;
	padding-top:6px;
}

/* The Post */
.post{
	margin-top:20px;
}

.post p { margin-top:0px;margin-bottom:15px;}

.post div.copy{
	color:rgb(63,63,63);
	float:left;
	width:360px;
	margin:0;
	
}
.post h2 {
	color:rgb(102,102,102);
	padding-bottom:15px;
}
.post h3 {
	/*padding:15px 0 3px 0;*/
	margin-bottom:15px;
}
.post h4 {
	/*padding: 4px 0 2px 0;*/
	font:10px Arial, Helvetica, sans-serif;
	color:#0190D5;
}

.post div.images{
	width:250px;
	overflow:hidden;
	float:right;
	height:100%;
}
.post img{
	margin-bottom:10px;
}

.nextPage{
	padding-top:10px;
}
.nextPage a{
	margin-right:10px;
}









/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/