@import "css/all.css";

/*BACKGROUND IMAGE************/

body
{
	background: #f2f2f2;
	/*if you want a solid color instead, erase "url('images/bg.jpg') repeat" and write in your color code "#333333"*/

	font:13px Arial, Helvetica, sans-serif; /*ENTRY FONTS*/
	color:#000000; /*OVERALL TEXT COLOR*/
}

/*LINK STYLES****************/

a
{
	text-decoration:underline;
	color:#000;
}

a:hover { text-decoration:none; }

/*LOGO IMAGE*****************/

#logo
{
	height:150px;
	width:100%;
	image-align:center;
	background:url('images/logo.png') no-repeat left;
}

/*MENU COLORS****************/

#menu { background:#6AC9C9; }

#menu li a
{
	font:11px Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
	text-transform: uppercase;
	color:#FDFDFD;	/*MENU FONT COLOR*/
}

#menu li a:hover { color:#7a7a7a; /*MENU FONT COLOR WHEN HOVERING*/ }

/*BANNER COLORS*************/

#banner
{
	height: 325px; /*BANNER HEIGHT in case you want to change it*/
	overflow: hidden;
}

/*TWITTER / SEARCH / RSS***/

.holder { background:#BCE4E4; }

.holder .text strong
{
	display:block;
	font-size:30px;
	color:#FDFDFD;
	font-weight:normal;
	line-height:45px;
	position:align left;
	margin:4px 0 0;
}

.holder .text p
{
	font-size:14px;
	color:#666666;
	line-height:18px;
	margin:0 0 5px;
}

/*POSTS*******************/

.title
{
	/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/

	background:url(images/post-title.jpg) no-repeat;
	padding:0 0 0 44px;
	margin-top: 20px;
}

/*POST TITLE FONT STYLE**/

.ti, .title h2
{
	margin:0;
	font-size:28px;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight:normal;
	line-height:20px;
	color:#BCE4E4;
}

/*DATE AND CATEGORY FONT STYLES*/

.title span a, .title span
{
	color:#6AC9C9;
	font-size:11px;
	font-weight:normal;
	line-height:24px;
}

/*COMMENT BOX**************/

.comment { /*COMMENT BOX BACKGROUND color*/

	background:#f0f0f0; }

.text-box p span,  .text-box p a { /*COMMENTER's LINK COLOR*/

	color:#2574b6; }

.comment
{
	width:970px;
	margin:0 15px 58px;
	padding:8px 0 4px;
	height:148px;
	overflow:auto;
}

.text-box { padding:0 12px; }

.text-box p
{
	font:11px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#222121;
	margin:0;
}

/* NEXT / PREVIOUS PAGE ARROWS*/

.arrows
{
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	background:#454545;
}

.arrows li
{
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

.arrows li.prev
{
	float:left;
	padding:0 0 0 29px;
}

.arrows li.next
{
	float:right;
	padding:0 16px 0 0;
}

.arrows li a
{
	color:#fff;
	text-decoration:none;
}

.arrows li a:hover { text-decoration:underline; }

/*FOOTER LINKS*/

#footer
{
	padding:8px 0 0;
	width:100%;
 font:10px/25px:strong Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}

#footer p { margin:0; }

#footer a, #footer a:hover, #footer a:visited
{
	text-decoration: none;
	color: #b2b2b2;
}

/*NAVIGATION for single posts*/

.navigation
{
	width: 970px;
	padding-left: 15px;
}

.alignleft { float: left; }

.alignright { float: right; }

.clear { clear: both; }

/*EDIT IF YOU DARE*/







body { margin:0; }

img { border-style:none; }

input,  textarea,  select
{
	font:100% arial, sans-serif;
	vertical-align:middle;
}

form, fieldset
{
	margin:0;
	padding:0;
	border-style:none;
}

/*main container*/

#main
{
	margin:0 auto;
	width: 1000px;
	padding:33px 0 20px;
}

/*header*/

#header img { display:block; }

#menu
{
	list-style:none;
	margin:0;
	padding:0 0 0px 15px;
	height:1%;
}

#menu:after
{
	content:" ";
	display:block;
	clear:both;
}

#menu li
{
	padding:8px 30px 0px 30px;
	float:left;
}

#menu li a
{
	height:25px;
	float:left;
	text-align:center;
	text-decoration:none;
}

#menu li.hover a,  #menu li:hover a,  #menu li.hover,  #menu li:hover { position: relative; }

#menu li.hover ul,  #menu li:hover ul { display: block; }

#menu ul
{
	padding:14px 0 6px;
	margin:0;
	list-style:none;
	width:147px;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	background:#e9e6dd;
}

#menu ul li
{
	padding:0 10px 0 17px;
	width:120px;
}

#menu ul li a
{
	text-align:left;
	width:100%;
	background:none;
	color:#7a7a7a;
	line-height:18px;
	height:auto;
	display:block;
}

#menu ul li a:hover { color:#000; }

.holder
{
	padding:20px 15px 20px;
	width:970px;
	overflow:hidden;
}

.holder ul
{
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
}

.holder ul li { float:left; }

.holder .text { width:970px; }

.holder ul li.search
{
	padding:0 67px 0 95px;
	width:187px;
}

.holder ul li.search label
{
	color:#2b2b2b;
	font-size:10px;
	line-height:10px;
	display:block;
	text-transform:uppercase;
	padding:0 0 9px;
}

.holder ul li.search span
{
	background:url(images/search.gif) no-repeat;
	display:block;
	width:171px;
	height:33px;
	padding:6px 8px 0;
}

.holder ul li.search span input
{
	background:none;
	border:0;
	width:171px;
}

.holder ul li.rss { padding: 11px 0 0 49px; }

.holder ul li.rss a
{
	display:block;
	width:43px;
	height:44px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/rss.png) no-repeat;
}

/*content*/

#content
{
	width:1000px;
	background:#fff;
	padding:23px 0 0;
}

.post
{
	padding:0 15px;
	overflow:hidden;
}

.post p
{
	line-height:25px;
	margin:0 0 22px;
}

.image
{
	display:block;
	margin:0 0 19px;
}

.image img, img
{
	display:block;
	margin:0 auto;
}

.content-box
{
	width:970px;
	padding:0 15px 10px;
	overflow:hidden;
}

.coment
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	height:1%;
	position:relative;
}

.coment li
{
	background:url(images/comments-divider.gif) no-repeat 0 50%;
	padding:0 19px 0 21px;
	position:relative;
	float:left;
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	margin:0 19px 0 -21px;
}

.coment li a
{
	color:#82817d;
	text-decoration:none;
	outline:none;
}

.coment li a:hover { text-decoration:underline }

.links
{
	list-style:none;
	margin:0;
	padding:0 2px 0 0;
	float:right;
}

.links li
{
	float:left;
	padding:0 6px 0 0;
}

* html .links li
{
	float:left;
	width: 15px;
	padding:0 6px 0 0;
}

* +html .links li
{
	float:left;
	width: 15px;
	padding:0 6px 0 0;
}

/*new-comment*/

.new-comment
{
	width:640px;
	padding:0px 0 0 257px;
}

.form
{
	width:436px;
	padding:0px 35px 30px 28px;
	background:#fff;
}

.form label
{
	display:block;
	color:#4c4c4c;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
}

.form-box
{
	width:100%;
	overflow:hidden;
}

.left-box
{
	float:left;
	width:232px;
	padding:2px 0 0;
}

.right-box
{
	float:right;
	width:200px;
}

.right-box textarea
{
	width:178px !important;
	height:109px !important;
	padding:10px !important;
	overflow:auto !important;
	border:1px solid #ccc !important;
}

.form .line { padding:0 0 17px !important; }

.form .line input
{
	width:186px !important;
	border:1px solid #ccc !important;
	padding:1px 6px !important;
}

.form .cancel
{
	display:block;
	width:38px;
	height:12px;
	overflow:hidden;
	background:url(images/cansel.gif) no-repeat;
	text-indent:-9999px;
}

.form .bottom
{
	height:1%;
	overflow:hidden;
	padding:8px 0 0 144px;
}

.form .bottom input
{
	float:left;
	margin:0 19px 0 0;
	padding:2px 0 0;
}

.log_admin { padding-left: 234px; }

.title a
{
	text-decoration: none;
	color:#BCE4E4;
}

.comment_form input, .comment_form textarea, .input { border:1px solid #ccc !important; }

.comment_form
{
	padding-left: 257px;
	width: 432px;
}

.comment_form .submit { border: none !important; }

.inner { padding: 20px; }

.coment { text-transform: uppercase; }

.profilepic
{
	align: center;
	margin: 15px 15px 15px 15px;
	border: 5px solid #f2f2f2;
	padding: 5px;
}

#profileleft
{
	float: left;
	width: 485px;
}

#profileright { float: right; }

.profileimg
{
	float: left;
	margin: 0px 10px 3px 10px;
}

.profileh2
{
	font-family: "Georgia";
	color: #ffffff;
	font-weight: normal;
	font-size: 16px;
	padding: 2px;
	margin: 5px;
	text-transform: uppercase;
}

/* updated wp 3.0 native menu styles */

#masthead{
	background-color:#6AC9C9;
}

#access {
	background-color:#6AC9C9;
	text-align:left;
	width:1000px;
	display:block;
	float:left;
	
}

.menu-header,
div.menu,
#access {
	background-color:#6AC9C9;
	width: 100%;
}

.skiplink {
	position:absolute;
	left:-9000px;
}

/* start new wp 3.0 menu styles and classes - feel free to change all of the styles but leave class names! I took these styles
   from the twentyten theme */

#access .menu-header,
div.menu {
	font-size: 11px;
	margin-left: 2px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
	padding-right: 35px;
}
#access a {
	display:block;
	text-decoration:none;
	color:#ffffff;
	font-size:11pt;
	padding:0 3px;
	line-height:38px;
	width: 100%;
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;

	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	
	z-index: 99999;
	background-color:#6AC9C9;
	text-align:left;
}
#access ul ul li {
	min-width: 100px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#6AC9C9;
	height:auto;
	line-height:1em;
	padding:10px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#333333;
	/*background:#333; */
}
#access ul li:hover > ul {
	display:block;
	background-color:#6AC9C9;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	background-color:#6AC9C9;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
	background-color:#6AC9C9;
	text-align:left;
}