/*

Theme Name: ProMag

Description: Great looking mag theme with 2 sidebars and a whole lot of room for your articles. Great colors make this theme amazing!

Version: 1.0

Author: Bingo Web Design

Author URI: http://www.bingowebdesign.info

Tags: blue, green, white, light, three-columns, fixed-width

License: GPL



*/



body {

	margin: 0;

	background: #e6f3f5 repeat-x url(images/bckbody.gif);

	font-family: Arial, Helvetica, sans-serif; font-size: 12px;

	color: #000;

}

#container:after, #content .post .entry:after, #content .navigation:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.menu {

	position: absolute;

	left: 0;

	margin: 0; padding: 0;

	list-style-type: none;

	height: 25px;

	overflow: hidden;

}

.menu li {

	float: left;

	margin: 0 15px 0 0; padding: 3px 15px 2px 0;

	background: right top no-repeat url(images/bckmenuli.gif);

	font-size: 15px; font-weight: bold;

	text-transform: uppercase;

}

.menu li a {

	float: left;

	color: #fff;

	text-decoration: none;

	cursor: pointer;

}

.menu li a:hover {

	background: #fff right top no-repeat url(images/bckmenuliahover.gif);

	color: #666 !important;

}

.menu li a span {

	float: left;

	padding: 0 5px;

	height: 20px; line-height: 20px;

}

.menu li a:hover span {

	background: no-repeat url(images/bckmenuliahoverspan.gif);

}

.rss {

	position: absolute;

	right: 10px;

	margin: 0; padding: 0;

	list-style-type: none;

}

.rss li {

	float: left;

	margin: 0 0 0 30px; padding: 10px 0 0 45px;

	height: 30px;

	background: no-repeat;

	font-size: 14px; font-weight: bold;

}

.rss .posts {

	background-image: url(images/bckrssposts.png);

}

.rss .comments {

	background-image: url(images/bckrsscomments.png);

}

.rss li a {

	color: #fff;

	text-decoration: none;

}

#wrapper {

	background: left bottom repeat-x url(images/bckwrapper.gif);

}

#page {

	margin: 0 auto;

	width: 984px

}

#header {

	position: relative;

	padding: 9px 0 0 0;

	height: 104px;

	color: #fff;

}

#header h1 {

	float: left;

	margin: 0; padding: 0 0 0 110px;

	line-height: 48px;

	background: no-repeat url(images/us_flag.jpg);

	font-size: 36px;

}

#header h1 a {

	color: #fff;

	text-decoration: none;

}

#header p {

	display: inline;

	margin: 0 0 0 15px;

	line-height: 48px;

	font-size: 14px;

}

#header .menu {

	top: 79px;

}

#header .rss {

	top: 22px;

}

#header form {

	position: absolute;

	top: 77px; right: 10px;

}

#header form * {

	vertical-align: middle;

	border: 0;

}

#header form .text {

	margin: 0 5px 0 0; padding: 5px 5px 0 6px;

	width: 165px; height: 22px;

	background: no-repeat url(images/bckheaderformtext.gif);

}

* html #header form .text {

	background-attachment: fixed;

}

#header form .btn {

	width: 76px; height: 27px;

	background: no-repeat url(images/bckheaderformbtn.gif);

	font-size: 14px; font-weight: bold;

	cursor: pointer;

}

#container {

	margin: 10px 0;

	width: 100%;

}

#content {

	float: left;

	width: 560px;

}

#content a {

	color: #000;

}

#content .post {

	position: relative;

	margin: 0 0 5px 0; padding: 18px 13px 18px 67px;

	width: 476px;

	background-color: #fff;

	border: #b2dd58 2px solid;

}

#content .page {

	padding-left: 13px;

	width: 530px;

}

#content .post .title {

	display: inline;

	margin: 0;

	vertical-align: middle;

	font-size: 18px;

}

#content .post .title a {

	color: #666;

	text-decoration: none;

}

#content .post .author {

	margin: 0 0 0 5px; padding: 0 0 0 5px;

	vertical-align: middle;

	border-left: #666 2px solid;

	font-size: 14px; font-weight: bold;

	color: #666;

}

#content .post .author a {

	color: #81b713;

	text-decoration: none;

}

#content .post .categories, #content .post .tags {

	padding: 0 0 0 20px;

	background: left 2px no-repeat;

	color: #9e9e9e;

}

#content .post .categories a, #content .post .tags a {

	color: #9e9e9e;

	text-decoration: none;

}

#content .post .categories {

	margin: 10px 0 0 0;

	background-image: url(images/bckcontentpostcategories.gif);

}

#content .post .tags {

	margin: 5px 0 0 0;

	background-image: url(images/bckcontentposttags.gif);

}

#content .post .entry {

	margin: 10px 0 0 0;

	width: 100%;

}

#content .post .comments {

	margin: 10px 0 0 0;

	text-align: right;

	background: left 4px repeat-x url(images/bckcontentpostcomments.gif);

	font-size: 10px;

	text-transform: uppercase;

}

#content .post .comments a {

	padding: 0 0 0 25px;

	background: #fff 7px top no-repeat url(images/bckcontentpostcommentsa.gif);

	color: #82b713;

	text-decoration: none;

}

#content .post .date {

	position: absolute;

	left: 13px; top: 18px;

	width: 43px; height: 43px;

	text-align: center; line-height: 21px;

	background: no-repeat url(images/bckcontentpostdate.png);

	font-size: 18px; font-weight: bold;

	color: #fff;

}

.sidebar {

	float: left;

	margin: 0 0 0 5px; padding: 0;

	list-style-type: none;

	width: 207px;

}

.sidebar ul {

	margin: 0; padding: 0;

	list-style-type: none;

}

.sidebar li {

	margin: 0 0 5px 0; padding: 8px;

	background-color: #fff;

	border: 2px solid;

}

.sidebar li li {

	margin: 0; padding: 0 0 0 25px;

	background: left 3px no-repeat url(images/bcksidebarlili.gif);

	border: 0;

}

.sidebar li li a {

	text-decoration: none;

}

.sidebar a {

	color: #000;

}

.sidebar h3 {

	margin: 0 0 15px 0; padding: 0 0 0 5px;

	line-height: 23px;

	background: no-repeat;

	font-size: 14px;

	color: #fff;

}

.sidebar-first li {

	border-color: #6dbafc;

}

.sidebar-first h3 {

	background-image: url(images/bcksidebar-firsth3.png);

}

.sidebar-second li {

	border-color: #323e4e;

}

.sidebar-second h3 {

	background-image: url(images/bcksidebar-secondh3.png);

}

#footer {

	position: relative;

	padding: 58px 0 0 0;

	height: 35px;

}

#footer a {

	color: #fff;

	text-decoration: none;

}

#footer .menu {

	top: 11px;

}

#footer .rss {

	top: 53px;

}



#content .navigation {

	margin: 15px 0;

	width: 100%;

	font-weight: bold;

}

#content .navigation a {

	text-decoration: none;

}

#content .postnavigation {

	margin: 15px 0 0 0;

}



.commentlist, .children {

	margin: 0; padding: 0;

	list-style-type: none;

}

.children {

	margin: 10px 0 0 10px;

}

.commentlist .comment {

	margin: 0 0 15px 0; padding: 5px;

	background-color: #fdfdfd;

	border: #6dbafc 1px solid;

}

.commentlist .avatar {

	float: right;

	margin: 0 0 5px 5px;

	border: #6dbafc 1px solid;

}

#author, #email, #url, #comment {

	margin: 0 5px 0 0; padding: 2px;

	background-color: #fff !important;

	border: #323e4e 1px solid;

}

#comment {

	width: 300px;

}

#comments, #respond h3 {

	font-size: 15px;

}

a#cancel-comment-reply-link {

	font-weight: bold;

}



/* A few generic styles used across the site */



a img {

	border: 0;

}



td {

	vertical-align: top;

}



input, textarea, select {

	vertical-align: middle;

	font-family: Tahoma, Geneva, sans-serif; font-size: 12px;

	color: #666;

}

input[type="text"], input[type="password"] {

	padding: 2px;

	background-color: #fff !important;

	border: #323e4e 1px solid;

}

textarea, select {

	padding: 2px;

	background-color: #fff !important;

	border: #323e4e 1px solid;

}



acronym, abbr, span.caps {

	cursor: help;

}



acronym, abbr {

	border-bottom: 1px dashed #323e4e;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #323e4e;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}



.clear {

	clear: both;

}



.center {

	text-align: center;

}



.hidden {

	display: none;

}



.screen-reader-text {

     position: absolute;

     left: -1000em;

}



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;

	}



img.middle {

	vertical-align: middle;

}



.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	color: #000;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}
