/*  
	Theme Name: Marvin
	Theme URI: http://thinkdave.com/
	Description: An HTML5 framework for WordPress.
	Author: Dave Wilkinson
	Author URI: http://thinkdave.com/
	Version: 1.0
	Tags: HTML5, 2 column
*/

/* ----- Page Structure ----- */

body {background: #ffffff url(images/body_bg.png) 0 82px repeat-x;}

.fullwidth {width: 100%; clear: both;}

.fullwidth > .container {width: 923px; margin: 0 auto; padding: 0;}

/* ----- Header Area ----- */

#header_wrap {background: url(images/header_bg.png) 0 0 repeat-x;}

#header_wrap .container {margin-bottom: 1px;}

#header_wrap header {height: 82px; margin-bottom: 1px; padding: 20px 0px 0; position: relative;}

/* ----- Branding ----- */

#logo, #logo a {width: 70px; height: 37px; }

#logo {float: left; background: url(images/logo.png) 0 0 no-repeat; text-indent: -9999px; margin-left: 32px;}

#logo a {display: block;}

#tagline {display: none;}

/* ----- Primary Navigation ----- */

.menu {float: right; width: 460px;}

ul.menu {list-style: none; z-index: 50; background: url(images/navsep.png) 0 0 no-repeat; padding-left: 2px;}

ul.menu li {float: left; position: relative; line-height: 37px; background: url(images/navsep.png) right top no-repeat; padding-right: 2px;}

ul.menu li a {display: block; color: #c9cfd0; padding: 0px 20px; text-decoration: none;}

ul.menu li a:hover {color: #3BC7F3; text-decoration: none;}

ul.menu li.current-menu-item a {background: url(images/nav_current.png) 0 0 repeat-x; color: #51cdec;}

ul.menu li.current-menu-item a:hover {}

/* ------- Annoying hack for the store button ------- */

#header_wrap header ul#store {position: absolute; top: 20px; left: 783px}

ul#store li {float: left; position: relative; line-height: 37px; padding-right: 2px;}

ul#store li a {display: block; color: #ccffcc; padding: 0px 20px 0 17px; text-decoration: none; font-size: 1.2em;}

ul#store li a:hover {color: #3BC7F3; text-decoration: none;}

/* ----- Feature Box ----- */

#feature_box {background:none repeat scroll 0 0 transparent; border:medium none; height:185px; margin:4px 0; padding:0;}

#intro_box {background:url(images/featurebox_1.png) no-repeat scroll left top transparent; color:#FFFFFF; float:left; font-size:30px; height:182px; padding:3px 8px 0px; width:247px; z-index:900; line-height: 1.15em;}

.p_box1, .p_box2, .p_box3, .p_box4 {float:left; width:203px; height:185px; margin-left:-17px; line-height: 1.75em;}

.p_box1 {margin-left:-34px; z-index:800;}

.p_box2 {z-index:700;}

.p_box3 {z-index:600;}

.p_box4 {z-index:500;}

.p_box1 a, .p_box2 a, .p_box3 a, .p_box4 a {background:url(images/featurebox_2.png) no-repeat scroll left top transparent; color:#4F5151; display:block; font-size:18px; height:179px; padding-right:30px; padding-top:6px; text-align:right; width:173px;}

.p_box1 a:hover, .p_box2 a:hover, .p_box3 a:hover, .p_box4 a:hover {background-position: 0 -184px; text-decoration: none;}

/* ----- Content Area ----- */

#content_wrap {}

body.home #content_wrap {}

#content_wrap .container {background: #ffffff url(images/content_top.png) 0 0 no-repeat;}

.home #content_wrap .container, .lorem #content_wrap .container, .interim #content_wrap .container {background-image: none;}

#content_box {clear: both; margin-top: 0px; background: url(images/content_bg.png) left bottom no-repeat;}

#content {float: left; width: 661px; margin: 0 20px 20px 0;}

.no_sidebars #content {width: 100%; margin: 0 0 20px 0;}

img.post-image {margin-left: 2px; margin-top: 1px;}

.post_box {padding-top: 20px;}

.post_box {margin-left: 30px; margin-right: 30px;}

.no_sidebars.product_page .post_box {margin-left: 10px; margin-right: 10px;}

.lorem .no_sidebars.product_page .post_box, .interim .no_sidebars.product_page .post_box {margin-left: 0; margin-right: 0; padding-top: 0;}

.lorem .no_sidebars.product_page .format_text, .interim .no_sidebars.product_page .format_text {margin-left: 10px;}

.post_box.teaser {margin-left: 13px; margin-right: 20px; border: 1px solid #f1f1f1; padding: 0 10px 10px; margin-bottom: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#similar_posts {margin-bottom:30px; margin-top:20px;}

#similar_posts h3 {font-size:12px; font-weight:bold; font-family: Verdana, sans-serif;}

#similar_posts ul {margin:10px 0 0 0; padding:0; list-style: disc;}

#similar_posts li {margin: 0 0 0 16px; padding: 0 0 0 5px; line-height: 20px; font-size: 10px;}

#similar_posts li a {color:#3BC7F3; font-size:12px; padding:4px 0;}

/****** Custom Pages ******/

.twotwo h3, .threethree h3 {margin-top: 0; font-size: 1em; font-weight: bold;}

.twotwo p, .threethree p {margin-bottom: 0; font-size: 11px;}

/****** 2 Column Page ******/

.col {float: left;}

.twoone {width: 611px; margin-right: 30px;}

.twotwo {width: 207px;}

/****** 3 Column Page ******/

.threeone {width: 372px; margin-right: 40px;}

.threetwo {width: 195px; margin-right: 34px;}

.threethree {width: 209px;}

/****** Home Page ******/

#homepage-container { width: 922px; position: relative; height: 542px; margin: auto; padding: 0; background: url(images/filmstrip_bg.png) 0 100% no-repeat; }

/* HOMEPAGE */
     
.grey { color: #646464; }

.dark-grey { color: #343434; }

.light-grey { color: #979797; }

.dark-red { color: #420000; }

.pink { color: #C76190; }

.learn-more { width: 85px; position: absolute; top: 7px; right: -85px; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; }

h2 span.learn-more a:link, h2 span.learn-more a:visited { color: #000000; text-decoration: none; }

h2 span.learn-more a:hover, h2 span.learn-more a:active { color: #000000; text-decoration: none; }

/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; border: 0; position: relative; top: 0px; left: 0px; }

/* GALLERY CONTAINER */
.galleryview { width: 922px; position: relative; margin: auto; padding: 0; border: 0; }

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel { width: 922px; border: 0; }

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 32px; padding: 0; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #000; }

.panel-overlay { width: 430px;}

.panel-overlay h2 { margin: 7px 0 0 0; padding: 0; font-size: 11px; font-weight: normal; color: #666666; text-align: right; font-style: italic;}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { position: absolute; top: 30px; color: #000000; }

.panel .panel-overlay a { color: #51cdec; text-decoration: underline; font-weight: bold; padding-left: 20px;}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
ul.filmstrip { width: 450px; height: 32px; color: #616161; font-size: 10px; }

ul.filmstrip li { width: 106px; margin: 0; padding: 0; border: 0; }

ul.filmstrip img { margin: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { position: absolute; top: 60px; border-color: #DADADA; }
/* FRAME IMAGES */
.frame img { border: none; }
/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }
/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }
/* POINTER FOR CURRENT FRAME */
.pointer { border: 0 }

/****** About Page ******/

.about-us .entry-title {display: none;}

/****** Products Page ******/

.products #content article {margin-left: 50px;}

img.products_heading {position: relative; left: -13px;}

.product {float: left; width: 202px; height: 400px; padding: 0; margin: 10px 1px 1px 0; position: relative;}

.product.lorem {background: url(images/products_lorem.png) 0 0 no-repeat;}

.product.interim {background: url(images/products_interim.png) 0 0 no-repeat;}

.product.blank {background: url(images/products_blank.png) 0 0 no-repeat;}

.product h2 {font-size: 18px; font-weight: bold; margin: 0; color: #b5b1b1; padding: 7px 10px 0;}

.product h3 {font-size: 12px; font-weight: bold; margin: 0; color: #333333; padding: 0 10px;}

.product p {font-size: 12px; font-weight: normal; margin: 0; color: #333333; line-height: 14px; padding: 0 10px;}

.product a {text-decoration: none;}

.product a:hover {color: #000000;}

.product img {position: absolute; bottom: 1px; right: 1px;}

.entry-title .high {font-size: 30px; color: #000000; font-size: }

.entry-title .low {font-size: 30px; font-weight: normal; color: #afb0b0;}

.entry-title .whisper {font-size: 12px; font-weight: normal; color: #afb0b0;}

/****** Single Product Page *****/

#content_box.product_page {position: relative;}

a.buynow {background: url(images/buy_button.png) 0 0 no-repeat; display: block; width: 94px; height: 29px; text-indent: -999em; position: absolute; left: 590px; top: 390px;}

a.buynow.interim {left: 590px; top: 190px;}

a.buynow.inline.interim {position: static;}

.quarter {overflow: hidden; float: left; width: 200px; padding: 20px 11px;}

.quarter.last {padding-right: 0px;}

.quarter h3 {margin-top: 10px;}

sup {font-size: 6px; vertical-align: top;}

.four {background: url(images/4-stars.png) 0 0 no-repeat; display: block; width: 145px; height: 25px; margin-left: -4px; margin-bottom: 4px;}

.five {background: url(images/5-stars.png) 0 0 no-repeat; display: block; width: 145px; height: 25px; margin-left: -4px; margin-bottom: 4px;}

.format_text .review {color: #a19b98; font-size: 11px; padding-bottom: 0px; border-bottom: 2px solid #f4f3f3; margin-bottom: 20px;}

.format_text .summary {color: #000000; font-size: 14px; margin-bottom: 0;}

.format_text .reviewer {margin-bottom: 5px;}

.feature {margin: 20px 0; border: 1px solid #ebebeb; padding: 0 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.feature.top {margin-top: 70px;}

.format_text .feature ul {list-style: none; margin-left: 2px;}

.format_text .feature li {list-style-type: none;}

.format_text .feature a {text-decoration: none;}

.format_text .feature a:hover {color: #999999;}

ul.gallery {margin: 0; padding: 0; overflow: hidden;}

ul.gallery li {display: inline; list-style: none; margin: 0; padding: 0;}

ul.gallery li a img {float: left; width: 80px; height: 60px; overflow: hidden; padding: 3px;}

/****** Mirror effect sidebar ******/

.mirror {background: url(images/mirror.png) 0 0 no-repeat; min-height: 410px; padding: 10px; margin-top: 30px; position: relative;}

.format_text .mirror h3 {margin-top: 0; font-size: 1em; font-weight: bold;}

.mirror #bottom {position: absolute; bottom: 30px; margin-left: 19px; width: 151px;}

/****** Encipient branded sidebar ******/

.branded {background: url(images/branded.png) 0 0 no-repeat; height: 140px; padding: 85px 10px 10px 10px;}

/* ----- Article Header ----- */

.post_box .headline_area {margin: 10px 0 20px; border-bottom: 1px solid #f1f1f1;}

.entry-title {font-size: 24px; font-weight: bold;}

.headline_meta {font-size:0.9em; line-height:1.636em; letter-spacing: 1px; color: #4F5151;}

.archive_info {padding-top: 20px; margin: 0 31px 0;}

.archive_info h4 {font-weight: bold; font-size: 18px;}

/* ----- Article Body ----- */

.format_text {}

.wp-post-image {float: left; padding: 2px; border: 1px solid #999999; margin-right: 20px; margin-bottom: 10px;}

.post_box footer {}

#tags {font-size: 11px; color: #999999;}

/* ----- Article Navigation ----- */

.prev_next {clear: both; line-height: 1.6em; padding: 20px 30px; overflow: hidden;}

.prev_next .previous {float: left; width: 40%}

.prev_next .next {float: right; text-align: right; width: 40%;}

.prev_next a {font-size: 13px;}

/* ----- Comments ----- */

#comments {margin-left: 30px; margin-right: 30px;}

#comments h3 {font-family: Verdana, sans-serif; margin: 20px 0 20px; padding-top: 7px; border-top: 1px solid #e5e4e4; font-size: 15px; font-weight: bold;}

#comments-list ol {margin: 20px 0; list-style:none outside none;}

#comments-list li.alt {background:#ffffff;}

#comments-list li {background: #FAFAFA; border-bottom:1px dotted #CCCCCC; padding:19px 1.5em 0; position:relative; line-height: 1.5em;}

#comments-list ol, #comments-list ul {list-style:none outside none;}

#comments-list ul li {border:1px solid #CCCCCC; margin:0 0 19px; background: #ffffff;}

#comments-list li .avatar {left:1.5em; position:absolute; top:25px;}

#comments-list .comment-author {font-weight:bold; padding:9px 0 0 46px;}

#comments-list .comment-meta {color:#666666; font-size:11px; padding:0 0 9px 46px;}

.comment-reply-link  {font-size:11px; padding:0 0 19px; text-align:right;}

#respond {background:none repeat scroll 0 0 #FFFFFF; margin-bottom:19px; overflow:hidden; padding:19px 0 0; position:relative;}

#comments .formcontainer {padding: 10px 0;}

#comment-notes {line-height: 1.5em; margin-bottom: 10px; font-style: italic;}

#comment-notes span, span.required {color: red;}

.formcontainer .form-section {line-height: 1.7em; margin-bottom: 10px;}

.formcontainer .form-section input, .formcontainer .form-section textarea {border-width:0.083em; padding:0.25em; width:45%; background:none repeat scroll 0 0 #EEEEEE; border-color:#AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style:solid; border-width:1px; color:#444444; font-size:1em;}

.formcontainer .form-section textarea {width: 95%;}

.form-submit input#submit {background: #f2f2f2; border: 1px solid #cccccc; color: #111111; font-size: 1em; font-weight: bold; padding: 7px 5px;}

.gform_wrapper ul{ margin:0;  list-style-type:none}

.gform_wrapper ul li {list-style-type: none;}

.gfield_label {margin: 10px 0 2px; display: block;}

.ginput_left label, .ginput_right label {padding: 0 10px;}

/* ----- Sidebars ----- */

#sidebars {float: right; width: 240px;}

.sidebar {width: 100%;}

ul.sidebar_list {padding: 20px 20px 0 10px; list-style: none outside none;}

ul.sidebar_list li.widget {margin-bottom:3em; width: 100%;}

.sidebar h3 {color: #717171; font-weight: bold; font-size: 18px; font-style: normal; margin-bottom: 5px;}

ul.sidebar_list li#twitter-1 h3 {background:url(images/twitter_bg.png) no-repeat 0 0; height:43px; padding-top:8px; width:203px;}

ul.sidebar_list li#twitter-1 h3 a {color: #ffffff;}

/****** Sidebar Widget styles ******/

/* ---------- Social media icons ---------- */

a.facebook {background: url(images/facebook.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 149px; height: 51px; margin: 5px 0;}

a.twitter {background: url(images/twitter.png) 0 0 no-repeat; display: block; text-indent: -9999px; width: 149px; height: 51px; margin: 5px 0;}

#google_search {margin-bottom: 30px;}

#google_search input#search_box {width: 300px; background: url(images/search_icon.png) right top no-repeat; padding: 4px 0;}

#google_search input#button {display: none;}

ul#social_icons {margin: 20px 0 30px 10px; padding: 0; overflow: hidden; list-style: none;}

ul#social_icons li {float: left;}

ul#social_icons li a {display: block; text-indent: -9999px; width: 55px; height: 27px; background: url(images/social-icons.png) no-repeat;}

ul#social_icons li#s-twitter a {background-position: 0 -38px;}

ul#social_icons li#s-linkedin a {background-position: -62px -38px;}

ul#social_icons li#s-delicious a {background-position: -124px -38px;}

ul#social_icons li#s-stumbleupon a {background-position: -186px -38px;}

ul#social_icons li#s-rss a {background-position: -250px -38px;}

ul#social_icons li#s-twitter a:hover {background-position: 0 0;}

ul#social_icons li#s-linkedin a:hover {background-position: -62px 0;}

ul#social_icons li#s-delicious a:hover {background-position: -124px 0;}

ul#social_icons li#s-stumbleupon a:hover {background-position: -186px 0;}

ul#social_icons li#s-rss a:hover {background-position: -250px 0;}

/*------------ Search Box ------------ */

#searchform {overflow: hidden;}

#searchform label {display: none;}

#searchform input[type=text] {width: 130px; padding: 6px 5px 5px; margin-right: 5px; border: 1px solid #cccccc;}

#searchform input[type=text]:focus {background: #f1f1f1; border: 1px solid #dbdbdb;}

#searchform input[type=submit] {border: 1px solid #cccccc; padding: 5px 5px 4px;}

/* ----- Bottom Feature Box ----- */

#bfeature {clear: both; background: #ffffff url(images/bottom_feature.png) left top no-repeat; height: 141px; margin-bottom: -5px; overflow: hidden;}

#bfeature .footer-item {float: left; width: 207px; padding: 10px 7px 10px 13px; margin-right: 4px;}

#bfeature #text-327341111 {margin-right: 0;}

#bfeature h3 {margin-bottom: 10px; font-size: 16px; font-weight: bold; text-align: left;}

#bfeature p {line-height: 1.5em;}

#bfeature a:hover {text-decoration: none;}


/* ----- Footer Area ----- */

#footer_wrap {background: #ffffff url(images/footer_area.png) repeat-x left top;}

#footer_wrap.fullwidth > .container {width: 1031px; background:url(images/footer_page.png) no-repeat center top;}

/* ----- Footer ----- */

#footer_wrap footer {padding: 45px 0 20px; overflow: hidden; color:#4F5151;}

#footer_wrap a {}

#rss_subscribe {margin-bottom: 15px;}

#rss_subscribe a, #email_subscribe a {display: block;}

#rss_subscribe img {float:left; margin-right:15px; margin-top:5px; }

#email_subscribe img {float:left; margin-right:13px; margin-top:5px;}

/* ----- Below Footer ----- */

.foot {float: left; width: 380px; margin-left: 54px;}

ul.footmenu {width: 380px; padding-top: 7px;}

ul.footmenu li {float: left; border-right: 1px solid #2aa2eb; line-height: 13px;}

ul.footmenu li a {color: #2aa2eb; font-size: 1em; padding: 2px 10px; display: block;}

ul.footmenu li a:hover {color: #2aa2eb; text-decoration: underline;}

#attribution {float: right; width: 514px; margin-left: 10px; margin-right: 60px; text-align: left;}

#copyright {}

#footer_wrap nav {}

#footer_wrap nav li {}

#footer_wrap nav li a {}

#footer_wrap nav li a:hover {}