/*  

Theme Name: A-1 Scuba

Theme URI: http://www.a1scuba.com/blog/

Description: The custom A-1 Scuba blog design.

Version: 1.0

Author: Idea Shop

Author URI: http://www.ideashop.com

*/





/* -------------------------------------

Basic Elements

--------------------------------------*/



body {

	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0px;
	padding: 0px;

}

a {
	color: #E9700A;
}

a:hover {
	color: #333333;
}

p {
	line-height: 150%;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}



/* -------------------------------------

Layout Containers

--------------------------------------*/

.wrapper {

	margin: 0px auto;

	padding: 0px;

	height: auto;

	width: 880px;

}

.content {
	background: url(images/a1content.png) repeat-y left top;
	margin: 0px;
	padding: 0px 10px 50px 20px;
	height: auto;
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.content a:link {color:#003399; text-decoration: underline}
.content a:visited {color:#003399; text-decoration: underline}
.content a:hover {color:#CC0000; text-decoration: underline}
.content a:active {color:#CC0000; text-decoration: underline}

.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	clear: both;
}

.content h2 a:link {color:#000000; text-decoration: none}
.content h2 a:visited {color:#000000; text-decoration: none}
.content h2 a:hover {color:#CC0000; text-decoration: underline}
.content h2 a:active {color:#CC0000; text-decoration: underline}


.clear {

	clear: both;

	height: auto;

	width: auto;

	display: block;

}



/* -------------------------------------

Headers

--------------------------------------*/

#headerimage {
	padding: 0 0 8px 0;
}

.description {

	font-size: 0.9em;

	color: #FFFFFF;

	text-align: right;

	margin: 0px;

	padding: 0px 50px 0px 0px;

	width: auto;

	font-weight: bold;

}


/* -------------------------------------

Footer

--------------------------------------*/

.footer {

	width: auto;
	padding: 0 0 0 0;
	font-size: 1.0em;

}
.footer a {

	font-weight: bold;

	color: #FFFFFF;

}

/* -------------------------------------

Posts

--------------------------------------*/

.posts {

	float: left;

	margin: 0px;

	padding: 0px;

    padding-top:20px;

	height: auto;

	width: 600px;

}

.postentry {

	display: block;

	height: auto;

	width: auto;

	padding-bottom: 20px;

}

.postentry h2, h2 a {

	color: #179AF2;

	font-weight: bold;

}

.entrybody {

	margin: 0px;

	padding: 10px;

	height: auto;

	width: auto;

}

.postentry small {
	text-align: left;
	display: block;
	color: #999999;
	font-weight: bold;
}

.navigation {
	clear:both;
	font-weight: bold;
	display: block;
	color: #179AF2;
	border-top:#999999 dashed 1px;
}



.textleft{

	float: left;



}

.textright{

	float: right;

        clear:right;

}



h2.pagetitle {

        padding-bottom:20px;

	display: block;

	color: #999999;

	font-weight: bold;

}

/* -------------------------------------

Sidebar

--------------------------------------*/

.sidebar {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 11px ! important;
}

.sidebar h3, .sidebar h2{

	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	font-family: "Arial", Helvetica, sans-serif;
	padding-top: 15px;
    margin-bottom:3px;
}


.sidebar ul li ul a:link {color:#003399; text-decoration: none}
.sidebar ul li ul a:visited {color:#003399; text-decoration: none}
.sidebar ul li ul a:hover {color:#CC0000; text-decoration: underline}
.sidebar ul li ul a:active {color:#CC0000; text-decoration: underline}

.sidebar ul li a:link {color:#003399; text-decoration: none}
.sidebar ul li a:visited {color:#003399; text-decoration: none}
.sidebar ul li a:hover {color:#CC0000; text-decoration: underline}
.sidebar ul li a:active {color:#CC0000; text-decoration: underline}

/* -------------------------------------

Search

--------------------------------------*/

#searchform {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	}
#searchform p {
	margin: 0 0 0 0;
	}

#sidebar #searchform #s {
	width: 120px;
	padding: 3px 2px 3px 2px;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	border: #87abdb solid 1px;
	}
#sidebar #searchsubmit {
	padding: 1px;
	}

#searchform a:link {
	background-color:#258ae8;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}
#searchform a:visited {
	background-color:#258ae8;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}
#searchform a:hover {
	background-color:#78aa15;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}
#searchform a:active {
	background-color:#78aa15;
	margin: 0 0 0 0;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}


/* -------------------------------------

Comments

--------------------------------------*/

.comments{

	display: block;

	height: auto;

	width: auto;

	padding-bottom: 30px;



}

.commentlist{

	width: auto;

	padding: 10px;



}

.comments small {

	text-align: left;

	color: #999999;

	font-weight: bold;





}



.comments h2{

	color: #999999;

	font-weight: bold;

}

.alt{

	background: url(images/para.gif) no-repeat left top;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}

.even{

	background: #f4f4f4;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}

.dottedLineNoRightMargin {
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	width: 600px;
	border-bottom: #258ae8 dotted 1px;
	clear: both;
}

/* 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 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */