/* @override http://localhost:8888/modify/wp-content/themes/flow/style.css */

/* 
	Theme Name: Flow
	Theme URL: http://www.themeweaver.net/themes/flow
	Description: A streamlined way to blog your images, thoughts and videos.  Find support at <a href="http://www.themeweaver.net/support">www.themeweaver.net/support</a>
	Author: Theme Weaver
	Author URI: http://www.themeweaver.net
	Version: 1.0
	Tags: clean, images, words, video, widgets, control panel
	
*/

/* Licensed under GNU General Public License.  Learn more at www.opensource.org */

/* @group Reset */

/* Eric Meyer's Reset Reloaded */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;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

/* @end */

/* @group Type */

h1,h2,h3,h4,h5,h6 { 

	color: #2c2c2c;
	font-weight: bold;
	text-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}

h1 { 
	font-size: 36px;
	margin-bottom: 12px;
}

h2 { 
	font-size: 24px; 
	margin-bottom: 12px; 
}

h3 { 
	font-size: 20px; 
	line-height: 1; 
	margin-bottom: 12px; 
}

h4 { 
	font-size: 18px; 
	line-height: 1.25; 
	margin-bottom: 20px; 
}

h5 { 
	font-size: 16px; 
	font-weight: bold; 
	margin-bottom: 24px; 
}

h6 { 
	font-size: 16px; 
	font-weight: bold; 
}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { 
	margin: 0;
}

/* Text Elements */

p { 
	margin: 0 0 24px;
	font-size: 14px;
	color: #000;
}

p img.left  { 
	float: left; 
	margin: 24px 24px 24px 0; 
	padding: 0; 
}

p img.right { 
	float: right; 
	margin: 24px 0 24px 24px; 
}

blockquote { 
	color: #373637; 
	font-style: italic;
	border-left: 4px solid #373637;
	background-color: #e6e6e6;
	padding: 2px 3px 0 9px;
	margin-right: 24px;
	margin-top: 24px;
	margin-left: 24px;
}

blockquote p {
	padding-bottom: 4px;
	padding-top: 2px;
}

strong {
	font-weight: bold;
}

em,dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup, sub {
	line-height: 0;
}

abbr,acronym {
	border-bottom: 1px dotted #666;
}

address {
	margin: 0 0 24px; 
	font-style: italic;
}

del {
	color:#666;
}

/* Lists */

li ul, li ol {
	margin: 0 24px;
}

ul, ol {
	margin: 0 24px 24px;
}

ul{
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

li {
	color: #000;
}

/* @end */

/* @group Global */

body {
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #8a8a8a url(images/gradient.jpg) repeat-y scroll center top;
}

#wrapper {
	margin: 0 auto;
	width: 720px;
}

a, a:visited {
	color: #12446c;
	text-decoration: none;
}

a:hover {
	color: #747474;
	text-decoration: none;
}

img {
	border-style: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* @end */

/* @group Header */

#header {
}

#text-logo {
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
}

#text-logo h1 a {
	font-size: 60px;
	color: #2c2c2c;
	font-weight: bold;
	text-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}

/* @group Navigation */

/* @group SuperFish Stlyes */

/* These styles are required by the superfish stlye menu.  To style the appearance of the actual menu, begin editing at #navigation */


.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	float: left;
}

.sf-menu {
	line-height:	1.0;
}

.sf-menu ul {
	float: left;
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	position: relative;
	display: inline;
	float: left;
}

.sf-menu a {
	float: left;
	display: block;
	position: relative;
	padding: 0 0 15px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
}

.sf-menu {
	float:			left;
}

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	display: none;
}

/* @end */

#navigation {
	height: 40px;
	float: right;
	background-color: #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}

.sf-menu a, .sf-menu a:visited {
	float: left;
	display: block;
	position: relative;
	color: #000;
	padding-top: 13px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
}

.sf-menu a:hover, .current_page_item a, .current_page_item a:visited {
	color: #12446c;
	text-decoration: none;
}

.current_page_ancestor a, .current_page_ancestor a:visited{
	color: #fff;
}

.current_page_parent a,  .current_page_parent a:visited{
	color: #fff;
}

.sf-menu li ul {
	width: 160px;
	margin-top: -10px;
	padding-top: 10px;
	background-color: #999;
	-moz-border-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-box-shadow: 0px 1px 0px #e5e5ee;
}

li.category ul {
	width: 160px;
	margin-left: -71px;
}

.sf-menu li li {
	float: left;
	padding: 0px;
}

.sf-menu li li a, .sf-menu li li a:visited {
	float: none;
	font-size: 14px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 10px;
}

.sf-menu li li a:hover {
	color: #12446c;
	padding: 10px;
}

/* @end */


/* @end */

/* @group Page Items */

.list-item {
	margin-bottom: 40px;
	position: relative;
}

.list-text p{
	padding: 20px;
	background-color: #fff;
	color: #000;
	margin-bottom: 0;
	font-size: 16px;
}

.title {
	width: 500px;
}

.list {
	width: 175px;
	text-align: right;
	font-size: 12px;
	line-height: 1.4;
}

.round{
	background: url(images/image-shadow.png) no-repeat center bottom;
	padding-bottom: 50px;
}

.curl {
	background: url(images/image-shadow-curl.png) no-repeat center bottom;
	padding-bottom: 28px;
}

.right-list {
	padding-bottom: 40px;
	background: url(images/image-shadow-right.png) no-repeat right bottom;
}

.left-list {	
	padding-bottom: 40px;
	background: url(images/image-shadow-left.png) no-repeat left bottom;
	
}

.list-image img, .list-image object {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #bbb;
}

.list-item h1 {
	text-align: center;
}

/* @end */

/* @group Footer */

#footer {
	margin-top: 40px;
	font-size: 12px;
	position: relative;
	text-align: center;
}

#sidebar-ads {
	position: fixed;
	right: 0;
	top: 70px;
	width: 125px;
	list-style: none;
	background-color: #999;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
	padding: 20px 10px 10px;
}

#sidebar-ads img {
	margin-bottom: 10px;
}

/* @group Sidebar Panel */

.panel {
	position: absolute;
	top: 80px;
	left: 0;
	display: none;
	background: #999;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	width: 312px;
	height: auto;
	padding: 30px 30px 30px 90px;
	filter: alpha(opacity=95);
	opacity: .95;
	-webkit-box-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
}


a.trigger{
	position: absolute;
	text-decoration: none;
	top: 80px; 
	left: 0;
	font-size: 12px;
	color:#000;
	background:#999;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	display: block;
	-webkit-box-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
	padding: 20px 20px 20px 10px;
}

a.trigger:hover{
	color: #fff;
	padding: 20px;
}

a.active.trigger {
	background: #6a6a6a;
}

.panel .textwidget {
	color: #000;
}

.panel h2.widgettitle {
	color: #000;
	list-style: none;
	text-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
	border: none;
}

.widget {
	margin-bottom: 20px;
	list-style: none;
	border: none;
}

.widget li {
	margin-left: 0;
	padding-left: 0;
	color: #000;
	list-style: none;
	padding-bottom: 6px;
}


/* @end */


/* @end */

/* @group Images */

.wp-caption img {
	padding:5px;
	background-color:#fff;
	width: auto;
}

.wp-caption-text {
	background-color:#fff;
	color:#000;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: auto;
	font-style: italic;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 5px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #FFF;
	padding: 10px 5px 0 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #b9bbb8;
	border-right: 1px solid #b9bbb8;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 4px 5px;
	margin: 0;
	background: none;
}

/* @group Gallery Style */

.gallery-item {
	padding: 10px;
}

.gallery {
    margin: auto;
    /* gallery clearing*/
    overflow: hidden;
    width: 100%;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
    margin-left: 0;
}
.gallery br { clear: both }
.col-2 { width: 50% }
.col-3 { width: 33.333% }
.col-4 { width: 25% }
.col-5 { width: 20% }
.col-6 { width: 16.666% }
.col-7 { width: 14.285% }
.col-8 { width: 12.5% }
.col-9 { width: 11.111% }

/* @end */

/* @end */

/* @group Comments */

#comments {
	width: 700px;
	float: left;
	padding: 15px 0 20px 0;
	margin: 0 0 10px -23px;
}

#reply_form {
	width: 696px;
	margin: 0 0 0 0;
	padding: 8px;
	float: left;
}

.comment-author {
	font-weight: normal;
}

.comment-meta {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.avatar {
	float: right;
	width: 80px;
	border: 1px solid #999; 
	padding: 5px; 
	background: #ccc;
	margin: 2px 0 15px 15px;
}

ol.commentlist {
	margin: -22px 0 0 0;
	padding: 0;
}

ol.commentlist a:link, ol.commentlist a:visited {
}

ol.commentlist a:hover {
}

ol.commentlist cite, ol.commentlist cite a, ol.commentlist cite a:visited {	
	color: #686868;
	font-weight: bold;
	text-shadow: 0px 1px 0px #e5e5ee;
	filter: dropshadow(color=#e5e5ee,offX=0,offY=1);
	font-size: 26px;
}

ol.commentlist li.alt {
	padding: 25px 0 20px 20px;
}

ol.commentlist li {
	padding: 25px 0 12px 20px;
	list-style: none;
}

ol.commentlist li div.reply {
	cursor: pointer;
	border: none;
	width: 39px;
	height: 20px;
	padding: 2px 5px;
	margin: 0;
}

* + html ol.commentlist li div.reply {
	padding: 3px 0 0 4px;
}

ol.commentlist li div.reply a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	background-color: #999;
	padding: 2px 5px;
}

ol.commentlist li div.reply a:hover {
	color: #000;
	background: #fff;
}

ol.commentlist li ul.children { 
	list-style: none; 
	text-indent: 0; 
}

ol.commentlist li ul.children li {
	padding: 20px 0 5px 20px;
	background: none;
}

ol.commentlist li ul.children li.alt {
	padding: 20px 0 5px 20px;
	background: none;
}

ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4, ol.commentlist li ul.children li.depth-5{ 
	margin:0;
}

#comments-last-item {
	float: left;
	margin: -1px 0 0 0;
	background: #FBFBFB;
	width: 700px;
	height:1px;
}

input#submit {
}

input#submit:hover {
}

#comment {
	border: 1px solid #CACBCB;
	width: 700px;
	height: 215px;
	padding: 5px;
}

#author {
	border: 1px solid #CACBCB;
	width: 154px;
	height: 20px;
	padding: 4px 5px 0 5px;
}

#email {
	border: 1px solid #CACBCB;
	width: 154px;
	height: 20px;
	padding: 4px 5px 0 5px;
}

#url {
	border: 1px solid #CACBCB;
	width: 154px;
	height: 20px;
	padding: 4px 5px 0 5px;
}

.fieldset {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fieldset li {
	margin: 0;
	padding: 0;
}

.says {
	display:none;
}

#respond {
	width: 585px;
	float: left;
	padding: 0 0 20px 0;
	margin: 30px 0 0;
}
/* @end */

/* @group Page Navigation */

.page-navigation {
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #4a4a4a;
}

.wp-pagenavi {
	
	font-family: 'Grablau', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.wp-pagenavi a:hover {
	color: #fff;
	background-color: #033853;
}

.wp-pagenavi a:active {
	padding: 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #ccc;
	background-color: #fff;
}

.wp-pagenavi span.pages {
	padding: 2px 4px; 
	margin: 2px;
	color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
	color: #033853;
	padding: 2px 4px;
	margin: 2px;
	background-color: #fff;
}

.wp-pagenavi span.extend {
	padding: 2px 4px; 
	margin: 2px;	
	color: #000;
}

/* @end */

