/*  
Theme Name: Snapshot
Theme URI: http://www.woothemes.com
Description: Snapshot theme by WooThemes. Perfect for photographers and design galleries.
Version: 1.1
Author: WooThemes
Author URL: http://www.woothemes.com/
*/

/* RESET STYLES - http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; 	outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/*--------------------------*/

h1, h2, h3, h4, h5, h6  { font-weight: bold;}
small {font-size:12px;}
.grid_4 h2 { width:260px !important;}

a:hover { text-decoration:none;}
acronym { border-bottom:1px dotted; cursor:help;}

/* STRUCTURE */

#wrap { margin:0 auto;}

#header  { position: relative; height: 120px;}

#logo h1 { background: url(styles/default/logo.png) top left no-repeat; text-indent: -9999px; float: left;}
#logo h1 a{ display: block; height: 100px; width: 360px;}

#header h1.title  { display: none;}
#header h1.title a  { text-decoration: none;}
#header p.description  { display: none;}

.searchbutton  { position:absolute; text-indent:-9999px; width:64px; height:64px; background: url(images/design/search.png) no-repeat; margin:-20px 0 0 180px; border:none; cursor:pointer;}
/*.searchbutton:hover { background: url(images/design/rss-flip.png) no-repeat;}*/

.home_ad a:hover { text-decoration:underline;}

#nav  { height: 45px; color: #fff !important;}

#nav ul  { padding: 0; line-height: 45px; height: 45px; margin: 0px;}

#nav ul li  { display: inline; /*margin: 0 24px 0 0; _margin-right:23px;*/ font-family: Helvetica, Verdana, Arial, sans-serif;}

#nav ul li h3 { color:#FFFFFF; font-size:14px;}

#nav ul li a  { color: #fff; font-size: 1.1em; font-weight:bold; text-decoration: none; line-height: 45px; padding:15px; margin-left:0px !important;}

#content  { padding: 20px 0;}

blockquote { font-style:italic;}

#footer  { height: 75px; /*width:100%;*/ font-size: 1em; color: #fff;  background: #253141 url(images/design/thefooter.jpg) repeat-x;}
#footer p  { margin: 0; padding-top:10px;}
#footer img { vertical-align:middle;}
#footer .powered { text-align:left;}
#footer p a { text-decoration:underline; color:#FFFFFF !important;}
#footer .credit { text-align: right;}

/* tagline */
#tagline  { position: absolute; top: 25px; right: 20px; /*font-size:16px;*/ font-weight:bold; width:455px;}
#tagline p { color:#FFFFFF; margin-bottom: 0px; padding:5px 10px 5px 10px; text-shadow: 2px 2px 2px #000;}
#tagline a { color:#FFFFFF; text-decoration:underline;}
#tagline p img { float:left; padding:0 10px 20px 0;}

/* top pages nav */
.topp {width:500px; height:26px; position:absolute; top:0; right:0; color:#FFFFFF; line-height:23px; font-size:12px; text-align:right; cursor:default;}
.topp ul li { display:inline; padding-left:5px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
.topp ul li a { color:#FFFFFF; text-decoration:none;}
.topp ul li a:hover { color:#F1BB20;}
.topp ul li:after { content:" /"}
.topp ul li:last-child { color:#1f3243;}

/* searchform */
#searchform #s { position:absolute; top:130px; color:#1F3243; font-size:12px; font-weight:bold; height:20px; width:199px; padding:6px 0 0 4px;}

/* BLOG CSS */
.post { margin-bottom:10px;}
.post .info { border: 1px solid #DDDDDD; width:668px; height:200px; padding:15px;}
.info p { font-size:12px !important;}
.post p.categories { margin-bottom:15px;}
.post p.categories span { padding: 5px; margin-top: 50px;}
.post p.categories a  { font-weight: bold; text-decoration:none;}
.post p.categories a:hover  { text-decoration:underline;}
.post_seperator  { margin-bottom:10px; height:1px; border-bottom:1px dotted #A6B3B9;}

#description {width:700px; margin:10px 0 0 0;}

.feature-list-left {float:left; padding:0 10px 0 0;}
.feature-list-right {float:left;}
.related-themes {float:left; height:214px; padding:0 0 0 25px; margin:-6px 0 0 15px; border-left:1px solid #CCCCCC;}
.related-themes ul li { list-style-type:none !important;}

h2.title  { font-size:22px; margin-bottom:15px;}
h2.theme_title  { font-size:28px; margin-bottom:20px; line-height:28px;}
h2.title .date  { padding-top: 0; padding-right: 0;  padding-bottom: 0; padding-left: 10px; font-size:12px;}
h2.title a  { text-decoration: none;}

/* entry meta graphics - features, description, mightlike */

.features { background: url(images/design/features.png) no-repeat scroll 0 2px; padding-left:35px; color:#1F3243; font-size:25px;}
.description { background: url(images/design/description.png) no-repeat scroll 0 2px; padding-left:35px; color:#1F3243; font-size:25px;}
h3.features, h3.description { font-size:25px !important;}
.mightlike { /*background: url(images/design/related.jpg) no-repeat scroll 0 5px; padding-left:24px;*/ color:#1F3243; margin:-4px 0 0 -7px; font-size:13px;}

.post ul, #leftcontent ul { margin-left:15px; list-style:disc !important; line-height:23px;}
#leftcontent ol { margin-left:17px; line-height:23px;}
#leftcontent h3 { font-size:18px;}

.related { list-style-image:none; list-style-type:none; margin:7px 0 0 -7px;}
.related li { line-height:27px; width:210px;}
.related li a {text-decoration:none; border-bottom:1px solid #CCCCCC; display:block; /*background: url(images/design/related_list.png) no-repeat scroll 0 3px; padding-left:20px;*/ font-weight:bold;}
.related li a:hover { border-bottom:1px solid #999999;}

.post p.comments a  { padding: 0 0 0 22px; font-weight: bold; text-decoration: none;}

p.continue  { float: left; display: inline-block;}
p.continue a  { font-weight: bold; text-decoration: none;}

.widget { margin-bottom:20px; background: #eeeeee; width:262px;}
#leftwidget  { width: 262px; margin-right: 0;}
.widgetlist  h3  { margin: 0; padding: 5px 0 5px 5px; font-weight: bold; font-size: 13px; text-transform: uppercase;}
.widgetlist ul  { margin: 4px 0 0 0;}
.widgetlist ul li  { margin: 0;	 list-style: none; font-size: 12px; border-bottom: 1px dotted #9cb9d7;}
.widgetlist ul li a:link, .widgetlist ul li a:visited  { text-decoration: none; display:block; line-height:30px; padding: 0px 0px 0px 10px; }
.widgetlist ul li a:hover, .widgetlist ul li.current-cat  { text-decoration: underline; background:#FEBE01;}


/* STYLES */

.fix { clear: both;}
.bordered  { border: 1px solid #000;}
.floatleft  { float: left;}
.floatright  { float: right;}
img.alignright  { float: right; background:#E0E0E0; margin-left:10px; padding:5px; border:1px solid #CCCCCC;}
img.alignleft { float: left; margin-right:10px; margin-bottom:5px; background:#E0E0E0; padding:5px; border:1px solid #CCCCCC;}
img.alignnone  { background:#E0E0E0; padding:5px; border:1px solid #CCCCCC;}
.alignr  { text-align: right;}
blockquote { font-size:14px; margin-bottom:15px; color:#4F4F4F;}

/* INDIVIDUAL THEME LISTING */
.theme h2 { font-size: 12px !important; margin: 0px !important;}

.large-screenshot { margin-bottom: 5px; border: 1px solid #dddddd; padding: 4px; width: 690px;}
.screenshot { margin-bottom: 10px; border: 1px solid #dddddd; padding: 4px; width: 330px; height: 190px;}
.screenimg { width: 100%; height: 100%; float:left; position: relative;}

.screenimg span { position: absolute; font-size:11px; right: 0px; top: 7px;}
.screenimg span a { padding: 8px; text-decoration: none; color: #fff;}

.theme .date { font-size: 9px;	padding-top: 3px; text-align:right; color:#263749;}
.theme p { margin: 0px 0px 2px !important;}

.tags { padding-left: 22px; background: url(images/tag.jpg) center left no-repeat;}
.theme .tags a { font-size: 11px; text-decoration: none;}
.theme .tags a:hover { text-decoration:underline;}

.theme .rating { font-size: 11px !important; width: 100% !important;}
.post-ratings-text { font-size: 11px !important;}

/* COMMENTS */
#comments { border-top: 1px solid #dddddd; padding-top:15px; margin-top:30px;}

#comments h2  { margin: 0px 0px 20px; font-size: 18px !important; line-height: 24px; font-weight: normal !important;}
.commentlist li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 20px; padding:10px 10px 0px;}
.commentlist p { margin-bottom:10px;}
.commentlist .gravatar { float:right; margin:0px 5px 5px 20px;}

.gravatar { width:65px; height:65px; float:right; margin-left:10px; margin-right:5px; margin-bottom:10px;}
.gravatar img { background-color: #FFFFFF; padding: 4px; border: 1px solid #cccccc;}

.commentlist cite { font-weight: bold; font-size: 14px; font-style: normal; margin-bottom:10px;}
.commentlist cite a:hover { text-decoration: none !important;}

.commentlist .metadata { color:#000 !important; text-decoration: none !important; font-weight: normal !important; font-size:11px !important;}
.commentlist .metadata:hover { /*text-decoration: underline !important;*/}

#commentform input { padding: 5px; 	margin-right: 10px; border:2px solid #263749; background:#F7F7F7;}
#commentform input:focus { border:2px solid #999999;}
#commentform #submit { font-size:14px;}
#commentform textarea {  padding: 10px; width:558px; _width:540px; border:2px solid #263749 !important;}
#commentform textarea:focus { border:2px solid #999999 !important;}
#commentform p a:hover { text-decoration:none;}

.wp-pagenavi {  margin-top:20px; padding-top:20px; border-top: 1px solid #dddddd;}

/* captions */
p.wp-caption-text { font-size:11px; text-align:center; margin:0 !important; padding-top:4px;}
div.wp-caption { background:#E0E0E0 none repeat scroll 0 0; border:1px solid #CCCCCC; padding:4px; width:auto !important; margin-bottom:10px;}
div.wp-caption.alignleft { float:left; margin-right:5px;}
div.wp-caption.alignright { float:right; margin-left:5px;}
div.wp-caption.alignnone { float:left; margin-right:100px;}


/*	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/
/* =Containers
--------------------------------------------------------------------------------*/
.fullspan  { margin-left: auto; margin-right: auto; width: 1024px;}
.container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px;}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16
{ display: inline; float: left; margin-left: 10px; margin-right: 10px;}

.container_12 .grid_3, .container_16 .grid_4 { width: 220px;}
.container_12 .grid_6, .container_16 .grid_8 { width: 460px;}
.container_12 .grid_9, .container_16 .grid_12 { width: 700px;}
.container_12 .grid_12, .container_16 .grid_16 { width: 940px;}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha { margin-left: 0;}
.omega { margin-right: 0;}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 { width: 60px;}
.container_12 .grid_2 {	width: 140px;}
.container_12 .grid_4 {	width: 300px;}
.container_12 .grid_5 {	width: 380px;}
.container_12 .grid_7 {	width: 540px;}
.container_12 .grid_8 {	width: 620px;}
.container_12 .grid_10 { width: 780px;}
.container_12 .grid_11 { width: 860px;}
/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1 {	width: 40px;}
.container_16 .grid_2 {	width: 100px;}
.container_16 .grid_3 {	width: 160px;}
.container_16 .grid_5 {	width: 280px;}
.container_16 .grid_6 {	width: 340px;}
.container_16 .grid_7 {	width: 400px;}
.container_16 .grid_9 {	width: 520px;}
.container_16 .grid_10 { width: 580px;}
.container_16 .grid_11 { width: 640px;}
.container_16 .grid_13 { width: 760px;}
.container_16 .grid_14 { width: 820px;}
.container_16 .grid_15 { width: 880px;}
/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 240px;}
.container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 480px;}
.container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px;}
/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left: 80px;}
.container_12 .prefix_2 { padding-left: 160px;}
.container_12 .prefix_4 { padding-left: 320px;}
.container_12 .prefix_5 { padding-left: 400px;}
.container_12 .prefix_7 { padding-left: 560px;}
.container_12 .prefix_8 { padding-left: 640px;}
.container_12 .prefix_10 { padding-left: 800px;}
.container_12 .prefix_11 { padding-left: 880px;}
/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .prefix_1 { padding-left: 60px;}
.container_16 .prefix_2 { padding-left: 120px;}
.container_16 .prefix_3 { padding-left: 180px;}
.container_16 .prefix_5 { padding-left: 300px;}
.container_16 .prefix_6 { padding-left: 360px;}
.container_16 .prefix_7 { padding-left: 420px;}
.container_16 .prefix_9 { padding-left: 540px;}
.container_16 .prefix_10 { padding-left: 600px;}
.container_16 .prefix_11 { padding-left: 660px;}
.container_16 .prefix_13 { padding-left: 780px;}
.container_16 .prefix_14 { padding-left: 840px;}
.container_16 .prefix_15 { padding-left: 900px;}
/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 240px;}
.container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 480px;}
.container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px;}
/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right: 80px;}
.container_12 .suffix_2 { padding-right: 160px;}
.container_12 .suffix_4 { padding-right: 320px;}
.container_12 .suffix_5 { padding-right: 400px;}
.container_12 .suffix_7 { padding-right: 560px;}
.container_12 .suffix_8 { padding-right: 640px;}
.container_12 .suffix_10 { padding-right: 800px;}
.container_12 .suffix_11 { padding-right: 880px;}
/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .suffix_1 { padding-right: 60px;}
.container_16 .suffix_2 { padding-right: 120px;}
.container_16 .suffix_3 { padding-right: 180px;}
.container_16 .suffix_5 { padding-right: 300px;}
.container_16 .suffix_6 { padding-right: 360px;}
.container_16 .suffix_7 { padding-right: 420px;}
.container_16 .suffix_9 { padding-right: 540px;}
.container_16 .suffix_10 { padding-right: 600px;}
.container_16 .suffix_11 { padding-right: 660px;}
.container_16 .suffix_13 { padding-right: 780px;}
.container_16 .suffix_14 { padding-right: 840px;}
.container_16 .suffix_15 { padding-right: 900px;}
/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { clear: both; content: '.'; display: block;  visibility: hidden; height: 0;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}

/*	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT.
*/
/* =Basic HTML
--------------------------------------------------------------------------------*/
body { font: 13px/1.5 Arial, Helvetica, sans-serif;}
a:focus { outline: 1px dotted invert; }
hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}
/* =Headings
--------------------------------------------------------------------------------*/
h1 { font-size: 25px;}
h2 { font-size: 28px;}
h3 { font-size: 18px;}
h4 { font-size: 19px;}
h5 { font-size: 17px;}
h6 { font-size: 15px;}
/* =Spacing
--------------------------------------------------------------------------------*/
ol { list-style: decimal;}
ul { list-style: square;}
p, dl, hr, h1, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 15px; font-size:14px;}