/*

Theme Name: Gridline Magazine

Theme URI: http://www.graphpaperpress.com/

Description: A Wordpress magazine theme based on the Blueprint CSS Framework.

Version: 1.1

Author: Thad Allender for Graph Paper Press

Author URI: http://www.graphpaperpress.com/

Credits: http://code.google.com/p/blueprintcss/

*/



/* IMPORTANT - PLEASE READ

This theme uses the Blueprint CSS framework for

default positioning, typography, form styling, etc.

The styles below are specific for this theme

only.  Feel free to edit them as necessary.  Generally

speaking, you will will likely never need to edit

the Blueprint CSS stylesheets, which are located in:

wp-content/themes/name-of-this-theme/css/

*/



body

{

	margin-bottom: 0;

	margin-top: 5px;

	background-color: #fff;

	font-family: "sans-serif", arial;

}


#outside { background: url('images/get.png') top left no-repeat; }


blockquote

{

	font-style: normal;

	font-family: "sans-serif", arial;

	padding: 0 0 0 0;

	color: #000;

	background: url('images/quote.png') .5em top no-repeat;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #114A6E; }

a

{

	color: #C89200;

	text-decoration: none;

	font-family: "sans-serif", arial;





}

a:active, h2 a:active, h3 a:active

{

	color: #C89200;

	text-decoration: none;

	font-family: "sans-serif", arial;



}

a:hover, h2 a:hover, h3 a:hover

{

	color: #7AA319;

	text-decoration: none;

	font-family: "sans-serif", arial;

}

blockquote p { padding: 0 20px 0 30px; }

hr

{

	background: #fff;

	height: 0px;

}

img { margin: 0; }

.photo_align_left

{

	float: left;

	padding: 0 1.5em 1.5em 0;

}

a.button { float: left; }

/* Fix for buttons */

input

{

	padding-left: 0;

	border: 1px solid #c89200;

}

ol { margin-left: 35px; }

label { font-weight: normal; }

textarea

{

	height: 200px;

	width: 500px;

}

.small { font-size: .9em; }

.nomargin { margin: 0; }

a.button, button { font-weight: none; }

dl.small dd { font-size: .9em; }

span.meta_align_right

{

	color: #7aa319;

	font-size: .6em;

	font-family: "sans-serif", arial;

	float: right;

}

span.meta_align_right a { color: #C89200; }

span.meta_align_right a:hover { color: #7AA319; }

.meta

{

	color: #C89200;

	font-size: .8em;

	line-height: 1.8em;



	font-family: "sans-serif", arial;

}

.meta a { color: #7AA319; }

.meta a:hover { color: #7aa319; }

.byline

{

	color: #C89200;

	font-size: 1.3em;

	line-height: 1.0em;

	font-family: "sans-serif", arial;

}

.byline a

{

	color: #114A6E;

	text-decoration: none;

	line-height: 1.0em;



}

.byline a:hover { color: #7AA319; }

.five_posts h6 a, .five_posts h4 a, .five_posts h3 a

{

	text-decoration: none;

	margin-bottom: 0;

	font-family: "sans-serif", arial;

}

#maincontent h3

{

	color: #114A6E;

	border-bottom: 1px dotted #7AA319;

	margin-bottom: 0px;

	font-family: "sans-serif", arial;

}

h3 a

{

	color: #000;

	text-decoration: none;

	font-family: "sans-serif", arial;

}

#maincontent .post h3 { margin-bottom: 0px; }

#maincontent .content { padding: 0 0 0 0; }

#feature h3

{

	margin-bottom: 0;

	padding: 0;

	text-decoration: none;

	font-family: "sans-serif", arial;

}

#feature p img { margin: 7px 0 2em 0; }

.feature_text { margin-top: 2em; }

#home_right { padding: 0; }

#home_right .entry { padding: 0 0 2em 0; }

.author

{

	padding: 1.5em;

	margin-bottom: 1em;

	background: #fff;

}

.author img

{

	float: left;

	padding: 0 1em 1em 0;

}

.author p { margin-left: 8em; }

.author h6

{

	margin-left: 7em;

	border-bottom: 1px #7AA319 dotted;

}

.navigation, 

.navigation a { color: #7aa319; }

.alignright { float: right; }

.alignleft { float: left; }

.post { margin-bottom: 0px; margin-top: 25px;}

.entry { padding-bottom: 25px; }

/* HEADER */

#header

{

	height: 80px;

	width: 950px;

	padding: 0px 0 0px 0;

}

#header h3, #header .description

{

	padding: 0;

	margin: 0;

	line-height: .5em;

	font-family: "sans-serif", arial;

}

/* NAVIGATION IN POSTS */

.entry #nav .content

{

	padding: 5px;

	margin: auto;

}

.entry #nav

{

	margin-bottom: 10px;

	background: #114A6E;

}

.entry #nav li a

{

	color: #114A6E;

	border-right: 1px solid #7AA319;

	background: #114A6E;

}

.entry #nav li.last a { border-right: none; }

.entry #nav li a:hover

{

	background: #C89200;

	color: #114A6E;

}

/* FOOTER */

#footer

{

	text-align: left;

	font-size: .9em;

	margin: 0;

	font-family: "sans-serif", arial;

	color: #a1a1a1;

text-decoration: none;

font-weight:400

}

#footer a { font-weight:400; }

/* SEARCH */

#search { float: right; }

#search #s

{

	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;

	padding: 2px 0 2px 17px;

	width: 170px;

	color: #c89200;

	font-size: 1.2em;

	font-family: "sans-serif", arial;

	margin-right: 0px;

	margin-top: 40px;

}

#search #s:hover { color: #114a6e; }

.search-excerpt { margin: 0; }

/* COMMENTS */

.commentlist li { padding: 8px 15px; }

.comments-alt { background: #EEE; }

/* LISTS */

.bottombar { }

.bottombar h3

{

	font-size: 1em;

	font-weight: none;

	font-family: "sans-serif", arial;

	line-height: 1.8em;

	margin: 1em 0 1em;

}

ul

{

	list-style-type: none;

	margin-left: 1em;

	padding: 0;

}

ul li

{

	list-style-image: url('images/icons/li.png');

	background-repeat: no-repeat;

	border-top: 1px dotted #e5e5e5;

	line-height: 2em;

	margin: 0 0 0 1em;

	padding: 0;

}

ul li a { color: #666; }

/* COMMENT STYLES */

#comments { width: 100%; }

dl#comment_list { margin: 0 0 0 0; }

dl#comment_list dt

{

	padding: 0 0 33px 0;

	background: url('images/comment_top.gif') 0 100% no-repeat;

	font-size: 1.1em;

	line-height: 1.8182em;

	font-family: "sans-serif", arial;

	color: #999;

}

dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }

dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }

dl#comment_list dt .comment_num a:hover { color: #1F30C7; }

dl#comment_list dt strong

{

	font-size: 1.4545em;

	color: #000;

	font-family: "sans-serif", arial;

}

dl#comment_list dt strong a, dl#comment_list dt strong a:visited

{

	color: #000;

	border-bottom: 1px dotted #999;

}

dl#comment_list dt strong a:hover

{

	color: #000;

}

dl#comment_list dd

{

	padding: 20px;

	margin: 0 0 1.5385em;

	background: #ffffff;

}

dl#comment_list dd.author { background: #fffffff url('images/comment_author_bottom.gif') 0 100% no-repeat; }

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1em; }

/* COMMENT FORM */

#comment_form

{

	width: 46.8em;

	margin: 0 0 4.0em 0;

}

#comment_form a:hover { text-decoration: underline; }

#comment_form p { padding: 0.7692em 0; }

#comment_form label

{

	padding: 0 0 0 0.83333em;

	font-size: 1.2em;

	font-family: "sans-serif", arial;

}

#comment_form .text_input

{

	width: 15.3846em;

	padding: 0.23077em;

	color: #1F30C7

	font: none 1.3em Arial;

	border-top: 0.15385em solid #999;

	border-left: 0.15385em solid #999;

	border-right: 0.07692em solid #eee;



}

#comment_form .text_input:focus

{

	border-top-color: #666;

	border-left-color: #666;

	border-right-color: #ddd;



}

#comment_form .text_area { width: 32.9231em; }

#comment_form p.subscribe-to-comments { font-size: 1.3em; }

#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

#comment_form .form_submit

{

	padding: 0.5em;

	background: url('images/submit_bg.gif') repeat-x;

	color: #000;

	border: 0.21429em double #999;

	border-top-color: #fff;

	border-left-color: #fff;

	font: none 1.4em/1.0em arial;

	cursor: pointer;

}

#comment_form .form_submit:hover { color: #1F30C7; }



/* Root = Horizontal, Secondary = Vertical */

#navmenu-h { background: #000; }

#navmenu-h li.alignright { float: right; }

ul#navmenu-h

{

	margin: 0 0 1em 0;

	border: 0 none;

	padding: 0;

	width: 950px;

	/*For KHTML*/

	list-style: none;

	height: 30px;

}

ul#navmenu-h li

{

	margin: 0;

	border: 0 none;

	padding: 0;

	float: left;

	/*For Gecko*/

	display: inline;

	list-style: none;

	position: relative;

	height: 24px;

}

ul#navmenu-h ul

{

	margin: 0;

	border: 0 none;

	padding: 0;

	width: 330px;

	list-style: none;

	display: none;

	position: absolute;

	top: 30px;

	left: 0;

z-index:999

}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/

{

	clear: both;

	display: block;

	font: 1px/0px arial;

	content: ".";

	height: 0;

	visibility: hidden;

}

ul#navmenu-h ul li

{

	width: 330px;

	float: left;

	/*For IE 7 lack of compliance*/

	display: block !important;

	/*For IE*/

}

/* Root Menu */

ul#navmenu-h a

{

	padding: 2px 24px 0px 16px;

	float: none !important;

	/*For Opera*/

	/*For IE*/

	display: block;

	background: #000;

	color: #C89200;

	font: 14px/28px arial;

	text-decoration: none;

	height: auto !important;

	/*For IE*/

}

/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,

ul#navmenu-h li:hover a,

ul#navmenu-h li.iehover a

{

	background: #000000;

	color: #ffffff;

}

/* 2nd Menu */

ul#navmenu-h li:hover li a,

ul#navmenu-h li.iehover li a

{

	float: none;

	background: #C89200;

	color: #000;





}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a

{

	background: #000000;

	color: #ffffff;



}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a

{

	background: #114A6E;

	color: #FFFFFF;

}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a

{

	background: #bddef4;

	color: #FFFFFF;

}

/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a

{

	background: #114A6E;

	color: #FFFFFF;

}

/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover

{

	background: #bddef4;

	color: #FFFFFF;

}

ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul

{

	display: none;

	position: absolute;

	top: 0;

	left: 200px;

}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul { display: none; }

ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul { display: block; }

#themes h6

{

	float: right;

	padding-right: 1em;

}

ul#themeswitcher

{

	list-style-type: none;

	margin: 0;

	padding: 0;

	float: right;

}

ul#themeswitcher li

{

	list-style-image: none;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

