/*
Theme Name: Frager Custom
Theme URI: http://dotdotcomslash.com
Description: Custome theme for frager.com
Version: 1.0
Author: Brian Hartvigsen
Author URI: http://dotdotcomslash.com
Tags:  Frager
*/

/* webkit bug */
@media screen and (-webkit-min-device-pixel-ratio:0){
	div.assoc { width: 725px !IMPORTANT; }
}
#center { margin-left: 200px; }
#sh1 {
display: block;
float: right;
margin-right: 32px;
margin-bottom: 1px;
}
#contact {
font-size: 15px;
float: right;
margin-right: 20px;
}
#contact2 {
float: left;
}


img#fa {
display: block;
}

div#copy-info {
margin-left: 75px;
}

body { background: url(images/bg.png) center; }
a { color: #2989ea; text-decoration: none; }

    #content { width: 824px; margin: 0 50px;   }
    .sidebar { margin: 0 50px; }



.menu ul .current_page_item a { background: #444; color: #fff; }
.menu ul .current_page_item a:hover { background: #444; color: #fff; }
.menu ul .current-cat a { background: #444; color: #fff }
.menu ul .current-cat a:hover { background: #444; color: #fff; }

.sidebar ul li h2 { background: #aa71b2 url(images/gray/sidebar_heading_bg.png) repeat-x top; }
.sidebar a:hover { color: #7f8650; }

.post h2 a:hover { color: #7f8650; }
.postinfo a { color: #2989ea; }
.postinfo a:hover { color: #7f8650; }

/* styling the read more link */
.entry .more-link { background: #8d50a7; }
.entry .more-link:hover { background: #413f41; }

#respond h3 { background: #93799e; }

#footer { height: 80px; background: #413f41 url(images/gray/footer_bg.png) repeat-x top; }
.footer_widget_area a { color: #b3bee0; }



div#archive {
	margin-left: 120px;
	width: 320px;
	float: left;
	display: block;
}


a.big {
	font-size: 40px;
}

div.assoc {
width: 620px;
padding-top: 20px;
padding-left: 105px;
display: table;
}
div.assoc-pic {
display: block;
float: left;
padding-top: 3px;
}
div.assoc-desc {
display: block;
float: right;
width: 500px;
}
div#brian {
color: #ccc;
font-size: 12px;
text-align: right;
}
div#brian a {
	color: #fff;
}
div.boxes {
background: #eee;
height: 135px;
display: block;
font-size: 17px;
padding: 5px;
margin-top: 20px;
margin-bottom: 35px;
}
div#box1content {
	background: #555456;
	float:left;
	color: #fff;
	width: 365px;
	height: 300px;
	padding: 10px;
}
div#box2content {
	background: #555456;
	float:right;
	color: #fff;
	width: 365px;
	height: 300px;
	padding: 10px;
}



html, body { margin: 0; padding: 0; text-align: center; font-family: Arial; font-size: 13px; color: #666; }
#wrapper { background: #fff; margin: 0 auto 0 auto; width: 924px; text-align: left; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-transform: capitalize; }
h1 { font-size: 26px; margin-bottom: 15px; }
h2 { font-size: 20px; margin-bottom: 15px; }
h3 { font-size: 24px; margin-bottom: 5px; border-bottom: 1px solid white; }
h4 { font-size: 16px; margin-bottom: 10px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
p { margin: 0; padding: 0; line-height: 100%; }
a img { border: none; }
ul, ol { margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0; }
* { outline: none; margin: 0; padding: 0; }
.clear { clear: both; overflow: hidden; line-height: 0px; height: 0px; margin: 0; padding: 0; visibility: hidden; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 8px 15px; display: inline; }
img.alignleft { padding: 4px; margin: 0 15px 8px 0; display: inline; }
blockquote { width: 500px; margin: 15px; margin-left: auto; margin-right: auto; padding: 15px; border: 1px #999 solid; color: #999; }
hr { border: none; height: 1px; background: #444; }
.wp-caption { margin: 0 15px 8px 0; border: 1px #ccc solid; padding: 6px 4px 4px 4px; background: #eee; text-align: center; }

/* Header */

#header h1 { font-family: Arial; font-size: 30px; margin-bottom: 5px; margin-left: 40px; padding-top: 50px; }
#header .description { font-size: small; margin-left: 40px; font-family: Arial; }
#header h1 a { text-decoration: none; }
  #header { background: url(images/header.png) bottom no-repeat; height: 200px; width: 924px; }  
  #header h1 { color:#fff; }
  #header h1 a { color:#fff; }
  #header .description { color:#fff; }

/* Menu */

.menu { margin: 0 0 20px 0; }
.menu ul { background: #eee; list-style: none; margin: 0; padding: 0; height: 35px; }
.menu ul li { margin: 0; padding: 0; float: left; position: relative; font-size: 13px; text-transform: capitalize; font-weight: bold; }
.menu ul li a { line-height: 25px; height: 25px; background: #eee; padding: 5px 18px; display: block; color: #333; text-decoration: none; }
.menu ul li a:hover { background: #ddd; color: #333; }
.menu ul li ul { display: none; }
.menu ul li:hover ul { display:block; position:absolute; top:35px; left:0; width:220px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li li { width: 220px; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:115px; top:0; }
.menu ul li:hover ul li:hover ul.left { left:-115px; }

/* Sidebar */

.sidebar { float: left; font-size: 12px; color: #333; }
.sidebar a { color: #777; text-decoration: none; }
.sidebar ul { list-style: none; }
.sidebar ul li { margin-bottom: 20px; }
.sidebar ul li h2 { font-family: Georgia; padding: 5px 7px; font-size: 15px; color: #fff; font-style: italic; font-weight: bold; margin-bottom: 7px; }
.sidebar ul li h2 a { color: #fff; text-decoration: none; }
.sidebar ul li h2 a:hover { color: #fff; }
.sidebar ul ul { list-style: none; }
.sidebar ul li ul li { margin: 0; border-top: 1px #ddd solid; padding: 7px; }
.sidebar ul li ul li:first-child { border-top: none; }
.sidebar ul li ul li a { width: auto; display: block; }
.sidebar ul li ul li:hover { background: #eee; }
.sidebar ul ul ul { margin-left: 7px; }
.sidebar ul li li li { border: none; padding-bottom: 0; }
.sidebar ul li li li a { background: url(images/child_li_bg.png) no-repeat left center; padding-left: 15px; }

#wp-calendar { width: 100%; border-collapse: collapse; }
#wp-calendar caption { padding: 3px 0 5px 0; font-weight: bold; }
#wp-calendar th { text-align: center; border: 1px #ccc solid; padding: 5px; }
#wp-calendar td { text-align: center; padding: 5px; }
#wp-calendar td a { background: #ddd; padding: 5px; }
#wp-calendar tfoot td { border: none; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
#wp-calendar #prev a, #wp-calendar #next a { background: none; padding: 0; }

select { background: #fff; border: 1px #777 solid; color: #777; font-family: Arial; height: 25px; margin-top: 10px; }
select option { padding: 5px; color: #777; }
.sidebar ul li select { width: 75%; }


/* Footer */

#footer { padding: 25px 25px 20px 25px; color: #fff;
background: url("images/gray/footer_bg.png") repeat-x scroll center top #413F41
 }


.footer_widget_area { float: left; width: 30%; margin-left: 40px; color: #ddd; }
.footer_widget_area a:hover { color: #fff; }
.footer_widget_area:first-child { margin-left: 0; }
.footer_widget_area ul { list-style: none; }
.footer_widget_area ul li { margin: 30px 0 0 0; padding: 0; }
.footer_widget_area ul li:first-child { margin-top: 0; }
.footer_widget_area ul li h2 { color: #fff; font-family: Arial; font-size: 18px; padding-bottom: 5px; border-bottom: 1px #ccc solid; }
.footer_widget_area ul li li { padding: 5px 0; margin: 0; }
.footer_widget_area ul li li:first-child { padding-top: 0; }

.copyright { background: url(images/fa.png) no-repeat; margin: 5px 15px 0 0; text-align: left; }

/* Content */

#content { float: left;
	padding-top: 10px;
 }

/* Posts */

.post, .page { margin-bottom: 10px; padding-top: 30px; border-top: 1px #ddd solid; }
.box-1 { padding-top: 0; border: none; }

.post h2, .page h2 { font-family: Arial; color: #444; font-size: 40px; font-weight: normal; }
.post h2 a, .page h2 a { color: #444; text-decoration: none; }

.pagetitle { font-family: Georgia; font-style: italic; font-weight: normal; border-bottom: 1px #666 solid; padding-bottom: 5px; margin-bottom: 25px; }

.postinfo { font-size: 11px; color: #999; }
.postinfo a { text-decoration: none; }
.postinfo .date { background: url(images/date_icon.png) no-repeat left center; padding-left: 18px; margin-right: 10px; }
.postinfo .comments { background: url(images/comments_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }
.postinfo .edit-link { margin-left: 10px; }
.postinfo .share { background: url(images/share_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }

#sharepanel { width: auto; margin-top: 30px; display: none; }
#sharepanel a { margin-right: 5px; }
.hidebtn { cursor: pointer; }

.postmeta { font-size: 11px; }
.postmeta .postcategory { background: url(images/category_icon.png) no-repeat left center; padding-left: 18px; text-transform: capitalize; }
.postmeta .posttags { text-transform: capitalize; }
.postmeta .posttags img { vertical-align: middle; margin-right: 6px; }

.postnavigation { margin: 35px 0; font-size: 11px; }
.postnavigation .previouspost { float: left; background: #777; color: #fff; padding: 7px; }
.postnavigation .nextpost { float: right; background: #777; color: #fff; padding: 7px; }
.postnavigation .previouspost:hover, .postnavigation .nextpost:hover { background: #444; color: #fff; }
.postnavigation .previouspost a, .postnavigation .nextpost a { color: #fff; padding: 7px 0; }
.postnavigation .previouspost a:hover, .postnavigation .nextpost a:hover { color: #fff; }

.entry { wdith: 250px; color: #666; }
.entry p { line-height: 160%; margin-bottom: 15px; } /* To modify the paragraph gap, change margin-bottom value */
/* styling the read more link */
.entry .more-link { color: #fff; text-align: center; padding: 5px; }
/* border around images */
.entry img.size-full, .entry img.size-large, .entry img.size-medium, .entry img.size-thumbnail { border: 1px #ccc solid; padding: 4px; background: #eee; }
.entry .wp-caption img { background: none; border: none; padding: 0; }
.wp-caption p { margin: 4px 0 0 0; }

.entry blockquote p { margin: 15px 0 0 0; }
.entry blockquote p:first-child { margin-top: 0; }

.entry ul, .entry ol { margin: 0 0 0 20px; padding: 0; }
.entry ul li , .entry ol li { margin: 10px 0 10px 0; padding: 0; }

.entry table { border: none; }
.entry table th { background: #444; color: #fff; padding: 6px; border: 1px #fff solid; text-transform: capitalize; }
.entry table td { padding: 6px; border: none; }

.entry input { background: #eee; border: 1px #888 solid; color: #666; padding: 2px; width: 300px; }
.entry textarea { background: #eee; border: 1px #888 solid; color: #666; padding: 2px; overflow: auto; }

/* Navigation */

.navigation-pages { margin-bottom: 30px; }
.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:11px; }
.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,
.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots
 { background: url(images/pages_bg.png) no-repeat top left; color:#777; display:block; line-height: 30px; width: 30px; float:left; margin-right: 5px; text-decoration: none; text-align:center; }
.navigation-pages a:hover { background-position: bottom left; color:#fff; text-decoration:none; }
.navigation-pages span.current { background-position: bottom left; color:#fff; }
.navigation-pages span.dots { background: none; color: #777; }

/* Comments */

.commentsanchor { line-height: 0px; visibility: hidden; height: 0px; }
#comments { list-style: none; width: inherit; }
#comments li { float: left; cursor: pointer; background: #ddd; color: #777; text-align: center; padding: 5px 8px; border: 1px #666 solid; margin-bottom: -1px; z-index: 5; }
#comments li:hover { background: #ccc; }
#comments li:first-child { border-right: none; }
#comments #writetab { float: right; }
#comments li.default { border-bottom-color: #fff; background: #fff; }
#comments li.default:hover { background: #fff; }
.content { clear: left; border: 1px #666 solid; z-index: 10; overflow: hidden; }

#trackbacklist { display: none; }

.commentlist { list-style: none; }
.commentlist ul { list-style: none; }
.comment-author { float: left; margin-right: 15px; }
.comment-author .gravatar { position: relative; }
.comment-author .gravatar img { position: relative; padding: 0; }
.comment-author .gravatar:after { content: url(images/avatar_bg.png); position: absolute; top: 0; left: 0; }
.commentlist li.odd .comment-author .gravatar:after { content: url(images/avatar_bg_alt.png); position: absolute; top: 0; left: 0; }
.comment-meta { float: left; font-size: 11px; color: #777; }
.comment-meta p { margin-top: 6px; }
.comment-meta p:first-child { margin-top: 0; }
.authorname { font-size: 14px; font-weight: bold; }
.comment-text { color: #666; font-size: 12px; margin-top: 10px; }
.comment-text p { margin-bottom: 15px; line-height: 170%; }
.comment-text blockquote p { margin: 15px 0 0 0; }
.comment-text blockquote p:first-child { margin-top: 0; }

.return-link { float: right; }

.commentlist li { padding: 15px 0 15px 15px; color: #666; }
.commentlist li.odd { background: #eee; }
.commentlist li li { padding-right: 0; padding-left: 20px; }

/* Comment Form */

#respond { background: #ddd; padding: 15px; margin-top: 20px; }
#respond h3 { font-style: italic; text-transform: none; font-family: Georgia; font-weight: normal; font-size: 20px; padding: 4px 7px; color: #eee; }
.textbox { width: 301px; height: 33px; background: url(images/textbox_bg.png) no-repeat; display: block; padding: 6px 5px; }
.textarea { width: 301px; height: 131px; background: url(images/textarea_bg.png) no-repeat; display: block; padding: 7px 5px; }
#commentform input { background: none; width: 289px; border: 0; font-size: 12px; font-family: Arial; color: #444; }
#commentform textarea { width: 289px; height: 119px; background: none; border: 0; font-family: Arial; font-size: 12px; overflow: auto; }
#commentform #submit { width: 157px; height: 28px; cursor: pointer; background: url(images/submit_btn_bg.png) no-repeat top left; color: #fff; font-size: 11px; }
#commentform #submit:hover { background-position: bottom left; }

/* Search */

.searchdivleft { height: 71px; background: url(images/searchdiv_left.png) no-repeat left; margin-bottom: 20px; }
.searchdivright { height: 54px; background: url(images/searchdiv_right.png) no-repeat right; text-align: center; padding-top: 17px; padding-left: 10px; }

#searchform { width: 221px; background: url(images/searchtxt_bg.png) no-repeat; height: 33px; display: block; padding: 7px 7px 4px 7px; margin: 0 auto 0 auto; text-align: left; }
#s { width: 150px; height: 18px; border: 0; background: none; font-family: Arial; font-size: 12px; color: #888; }
#searchbtn { width: 46px; height: 28px; cursor: pointer; margin-left: 10px; background: url(images/searchbtn_bg.png) no-repeat top left;  border: none; margin-top: -3px; font-family: Arial; color: #fff; }
#searchbtn:hover { background-position: bottom left; }