/*
Theme Name: 3Grey
Theme URI: http://www.skinpress.com/3grey-wordpress-theme/
Description: Download more free wordpress themes from <a href="http://www.skinpress.com/category/wordpress/">Skinpress.com</a>.
Version: 1.0
Author: Skinpress
Author URI: http://www.skinpress.com/


License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.

You cannot redistribute these templates on your website.

You cannot modify these templates and distribute them.


*/
/*+clearfix {*/
#menu_items UL LI:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#menu_items UL LI
{
	display: inline-block;
}
#menu_items UL LI
{
/*\*/
	display: block;
/**/
	_height: 1px;
}
/*+}*/
UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, BODY, HTML, P, BLOCKQUOTE, FIELDSET, INPUT
{
	margin: 0;
	padding: 0;
}
UL
{
	list-style: none;
}
A
{
	color: #7A7A7A;
	text-decoration: underline;
}
A:hover
{
	color: #0B7BC1;
	text-decoration: underline;
}
A IMG
{
	border: 0;
}
.clear
{
	clear: both;
}
BODY
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #FFFFFF url(images/bg.gif) repeat-x top center;
	color: #797979;
	text-align: justify;
}
#body_page
{
	background: none;
}
#page
{
	width: 803px;
	margin: 0px auto;
}
/*HEADER*/
#header
{
	width: 100%;
	height: 97px;
	background: none;
}
#header H1
{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#header H1 A
{
	background: url(images/logo.png) no-repeat top center;
	display: block;
	height: 122px;
}
#header H1 A
{
	color: #FFF;
	text-transform: capitalize;
}
.description
{
	font-size: 17px;
	color: #7C7C7C;
	font-style: italic;
	text-indent: -9999px;
}
/*MENU*/
#menu
{
	width: 100%;
	height: 50px;
	background: url(images/menu_bg.gif) no-repeat left top;
}
#menu_items
{
	padding-top: 16px;
	padding-left: 41px;
	float: left;
	width: 90%;
	text-transform: uppercase;
	font-size: 14px;
	font-family: Helvetica;
	color: #CCC;
	/*[empty]+placement:;*/
}
#menu_items .page-item-5
{
	border-right: 0px solid #000000;
}
#menu_items DIV
{
	/*[disabled]float:left;*/
	/*[disabled]background:url(images/menu_sep.gif) no-repeat center right;*/
	/*[disabled]padding-left:21px;*/
	/*[disabled]padding-right:28px;*/
	/*[disabled]border-right:1px solid #BA1B1B;*/
}
/*[clearfix]*/#menu_items UL LI
{
	margin-left: 0px;
	/*+placement:float-left;*/
	float: left;
	border-right: 2px solid #CE673B;
	line-height: 1.8;
	padding-right: 17px;
	padding-left: 17px;
}
#menu_items A
{
	color: #0A4B7F;
	text-decoration: none;
	font-weight: bold;
}
#menu_items A:hover
{
	color: #1F83C1;
}
/*BODY*/
#body
{
	width: 100%;
	float: left;
	background: url(images/body_bg.gif) repeat-y top left;
}
#body P
{
	line-height: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #000000;
}
#body_top
{
	width: 100%;
	float: left;
	background: url(images/body_top_bg.gif) no-repeat top left;
}
.body_top_index
{
	background: url(images/body_top_bg2.gif) no-repeat top left !important;
}
#body_left
{
	width: 780px;
	float: left;
	padding-bottom: 40px;
}
#body_right
{
	width: 419px;
	float: right;
}
#index_ads
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	background: url(images/body_bg2.gif) repeat-y top left;
}
/*left contact*/
#body_left_content
{
	width: 703px;
	padding-top: 15px;
	margin-left: 50px;
}
.post
{
	background: url(images/post-top_bg.gif) no-repeat top left;
	width: 100%;
}
.post-top
{
}
.post-date
{
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 55px;
	text-align: center;
	color: #CCD3DA;
	padding-top: 7px;
	text-transform: uppercase;
}
.post-title
{
	float: right;
	color: #707070;
	width: 635px;
}
.post-date P
{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	padding-top: 7px;
}
.post-title H2
{
	font-size: 21px;
	color: #000;
	margin-left: 10px;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 2px;
}
.post-title H3
{
	font-weight: normal;
	margin-left: 10px;
	background: url(images/dotted_line.gif) repeat-x bottom left;
	padding-bottom: 5px;
	margin-bottom: 2px;
	color: #595959;
	font-size: 10px;
}
.post-title H2 A
{
	color: #000;
}
.post-title H3 A
{
	color: #2D3091;
	font-weight: bold;
}
.post-title H3.tags
{
	color: #00315E;
	font-weight: bold;
	background: none;
	padding-top: 5px;
	padding-left: 5px;
	background: #E6E6E6;
}
.post-title H3.tags SPAN
{
	color: #000;
	font-weight: normal;
}
.post-title H3.tags A
{
	color: #000;
	font-weight: normal;
}
.entry
{
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-left: 6px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.postmetadata
{
	margin-bottom: 30px;
	height: 27px;
	background: #ECECEC;
}
.postmetadata A
{
	font-size: 10px;
	font-weight: bold;
	color: #2D2F90;
}
.postmetadata A SPAN
{
	color: #2D2F90;
}
A.readmore
{
	background: url(images/post_readmore_a.gif) no-repeat left 3px;
	color: #000;
	padding-left: 10px;
}
.postmetadata .alignleft
{
	padding-top: 6px;
	padding-left: 10px;
}
.postmetadata .alignright
{
	text-align: center;
	padding-top: 8px;
	padding-right: 10px;
}
A.readmore:hover
{
	color: #000;
}
.post-page
{
	background: url(images/post-page_bg.gif) repeat-x top left;
	padding-right: 0px;
}
.post-page H2
{
	font-size: 19px;
	color: #003360;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 2px;
}
.post-page .entry
{
}
STRONG
{
	color: #00305D;
}
/*right content*/
#body_right_content
{
	margin-left: 6px;
}
/*FOOTER*/
#footer
{
	width: 100%;
	height: 120px;
	background: url(images/footer_bg.gif) no-repeat top left;
	clear: both;
	margin: 0px auto;
}
#footer_text
{
	color: #8095AC;
	padding-left: 40px;
	padding-top: 55px;
	float: left;
	width: 50%;
}
#footer_copyrights
{
	text-align: right;
	padding-right: 40px;
	padding-top: 35px;
	float: right;
	width: 40%;
}
#footer_text A
{
	color: #8095AC;
}
/*Begin Typography & Colors*/
#wp-calendar #prev A, #wp-calendar #next A
{
	font-size: 9pt;
}
#wp-calendar A
{
	text-decoration: none;
}
#wp-calendar CAPTION
{
	font: bold 1.3em "Lucida Grande", Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar TH
{
	font-style: normal;
	text-transform: capitalize;
}
/*End Typography & Colors
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 2px 7px;
	display: inline;
}
IMG.alignleft
{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
/*End Images
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 10px 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url(images/blockquote_bg.gif) no-repeat left top;
}
BLOCKQUOTE BLOCKQUOTE
{
	background: url(images/blockquote_bg2.gif) no-repeat left top;
}
BLOCKQUOTE CITE
{
	margin: 5px 0 0;
	display: block;
}
.center
{
	text-align: center;
}
HR
{
	display: none;
}
A IMG
{
	border: none;
}
.navigation
{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight: bold;
	clear: both;
}
/*End Various Tags & Classes
Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets.*/
HTML>BODY .entry UL
{
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
HTML>BODY .entry LI
{
	margin: 7px 0 8px 10px;
}
.entry UL LI:before
{
	content: "\00BB \0020";
}
.entry OL
{
	padding: 0 0 0 35px;
	margin: 0;
}
.entry OL LI
{
	margin: 0;
	padding: 0;
}
.postmetadata UL, .postmetadata LI
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
OL LI
{
	list-style: decimal outside;
}
/*End Entry Lists
Begin Form Elements*/
#searchform
{
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}
#sidebar #searchform #s
{
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit
{
	padding: 1px;
}
.entry FORM
{
/*This is mainly for password protected posts, makes them look better.*/
	text-align: left;
}
SELECT
{
	width: 130px;
}
#commentform
{
	width: 400px;
}
#commentform INPUT
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform TEXTAREA
{
	width: 350px;
	padding: 2px;
}
#commentform #submit
{
	margin: 0;
	width: 65px;
	height: 25px;
}
/*End Form Elements
Begin Comments*/
H2#comment_title
{
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
	margin-left: 20px;
}
H3#comments
{
	font-size: 13px;
	color: #000000;
	margin-left: 20px;
}
.alt
{
	margin: 0;
	padding: 10px;
}
.commentlist
{
	padding: 0;
	text-align: justify;
	margin-left: 30px;
	color: #333;
	margin-left: 20px;
}
.commentlist LI
{
	margin: 15px 0 3px;
	padding: 5px 0px 3px;
	list-style: none;
	border-bottom: 1px solid #333366;
}
.commentlist LI LI
{
	margin: 0px;
	padding: 5px 10px;
	border-bottom: 0px solid #000000;
}
.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;
	color: #000000;
	background: #EFEFEF;
	padding: 6px 0px 6px 10px;
}
.commentmetadata A
{
	color: #333366;
	font-weight: bold;
}
#respond_box
{
	background: url(images/respond_box.gif) no-repeat top left;
	margin-top: 40px;
	margin-left: 20px;
	padding-bottom: 60px;
}
H3#respond
{
	font-size: 20px;
	color: #000;
	margin-left: 10px;
	padding-top: 18px;
	padding-bottom: 25px;
	font-weight: normal;
}
#commentform
{
	margin-left: 35px;
	color: #000000;
}
#commentform A
{
	color: #000000;
}
/*End Comments
Archives page*/
.page_archives_div
{
	padding-bottom: 60px;
}
.ar_panel
{
	width: 520px;
	background: url(images/post-page_bg.gif) repeat-x top left;
}
.ar_panel3
{
	background: url(images/post-page_bg.gif) repeat-x top left;
}
.page_archives_div H2
{
	font-size: 19px;
	color: #003360;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 2px;
	margin-bottom: 10px;
}
.ar_panel3 H2
{
	padding-top: 0px !important;
	margin-left: 10px !important;
	padding-left: 0px !important;
}
.ar_panel3 UL
{
	margin-left: 0px !important;
}
.page_archives_div UL H2
{
	border: 0px solid #000000;
}
.page_archives_div UL
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 40px;
	margin-left: 10px;
}
.page_archives_div UL LI
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
.page_archives_div UL LI UL
{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}
.page_archives_div UL LI A
{
	font-weight: normal;
	color: #000000;
	font-size: 13px;
	padding-left: 10px;
	background: url(images/page_archives_div_a.gif) no-repeat left center;
}
.page_archives_div UL LI A:hover
{
	color: #000;
}
.page_archives_div UL LI
{
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(images/dotted_line.gif) repeat-x bottom left;
}
.page_archives_div UL LI UL LI
{
	background: none;
}
/*Digital Narrator Page Style*/
.dnpage
{
}
.dnpage H2
{
	text-align: center;
	margin: 0 0px 10px;
}
.dnpage .wordtube
{
	margin: 0px 0px 10px 110px;
}
#slider
{
}
#slider UL, #slider LI
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider LI
{
	width: 696px;
	height: 241px;
	overflow: hidden;
}
#prevBtn, #nextBtn
{
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 71px;
}
#nextBtn
{
	left: 696px;
}
#prevBtn A, #nextBtn A
{
	display: block;
	width: 30px;
	height: 77px;
	background: url(images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn A
{
	background: url(images/btn_next.gif) no-repeat 0 0;
}