/*  
Theme Name: Rachel Sprague
Theme URI: http://www.rachelsprague.com
Description: Portfolio for Web Designer Rachel Sprague
Author: Rachel Sprague
Author URI: http://www.rachelsprague.com
Version: 1.1
Tags: web design, portfolio, rachel sprague
.
This work is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License
http://creativecommons.org/licenses/by-nc-nd/3.0/us/
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
        margin: 0;
		background: #FFF url(images/grassbg.jpg);
		background-repeat: repeat;
		color:#666;
		min-width:1000px;
}

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

#main-wrapper {
		background: #000 url(images/dirtbg.jpg);
		margin: inherit;
		padding: 20px;
		width: 600px;
		float:left;
	    border:2px solid #000000;
		z-index:1000;
}

a:link, a:visited, a:active {
	color:#3693cc;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#36c1e5;
	text-decoration:none;
	font-weight:bold;
}

/* =Header
-------------------------------------------------------------- */

#branding {
        margin: 0 0 1.5em 0;
}

#blog-title {
		background: url(images/header_small.png);
		background-repeat: no-repeat;
		width: 319px;
		height: 106px;
		padding-bottom:20px;
}

#blog-description {
		display: none;
}


/*Dynamic Menu
-------------------------------------------------------------- */
#dmenu {
	margin-top:75px;
	width:100px;
	float:left;
	z-index:0;
}

ul#navigation {
    margin: 0px;
    padding: 0px;
    top: 5px;
    left: 0px;
    list-style: none;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
	margin-top:20px;
    width: 100px;
    height: 70px;    
    background-color:#36c1e5;
    background-repeat:no-repeat;
    background-position:center right;
    border:2px solid #000000;
	border-left:none;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.80;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#navigation .home a{
    background-image: url(http://blog.rachelsprague.com/images/home.png);
}
ul#navigation .blog a      {
    background-image: url(http://blog.rachelsprague.com/images/blog.png);
}
ul#navigation .work a      {
    background-image: url(http://blog.rachelsprague.com/images/work.png);
}

/* =Menu
-------------------------------------------------------------- */

#access {
        margin: 0 0 1.5em 0;
        overflow: auto;
		display:none;
}
.skip-link {
        display: none;
}
.menu ul {
        list-style: none;
        margin: 0;
}
.menu ul ul {
        display: none;
}
.menu li {
        display: inline;
}
.menu a {
        display: block;
        float: left;
}


/* =Content
-------------------------------------------------------------- */

#main {
	margin:inherit;
	width:550px;
	background:#FFF;
	opacity:0.85;
	filter:alpha(opacity=85);
	padding:10px;
	z-index:2000;
	min-height:1000px;
}

.post {
        margin: 0 0 3em 0;      
}
.entry-content, .entry-summary {
        margin: 1.5em 0 0 0;
		line-height: 1.5em;
}

.entry-title a{
	color:#666;
	text-decoration:none;
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

.entry-meta{
	margin-top:-20px;
}

.entry-date, .comments-link {
	font-size:.75em;
}

/* =Navigation
-------------------------------------------------------------- 

.navigation {
        margin: 0 0 1.5em 0;
        overflow: auto; 
}

*/


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
		list-style: none;
        margin-left: 0;
}
		
.widget-area ul ul {
		list-style: none;
		background:url(http://blog.rachelsprague.com/images/black_trans.png);
		min-height: 100px;
		margin-left: 1.1em;
		margin-right: 1.1em;
}
.widget-area ul ul ul {
        margin-left: 2.5em;
}

.widget-container {
		background: url(http://blog.rachelsprague.com/images/woodpost_body.gif) repeat-y;
		width:217px;
		min-height:133px;
		font-size:.85em;
}

.widget-container a {
	text-decoration:none;
}

.widget-area {
	margin-top:250px;
	float:left;
	display:inline;
	width:300px;
	color:#ceedf5;
}

.widget-area h3 {
	margin: 0 0 0 10px;
}

.widget-area ul ul li {
	padding:5px;
	margin-left:-30px;
}

.widget-area form {
	background: url(http://blog.rachelsprague.com/images/black_trans.png);
	min-height:100px;
	margin-left:1.1em;
	margin-right:1.1em;
}

.widget-title {
font-weight:bold;
color:#fff;
}

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

#footer {
	margin:inherit;
	margin-top:10px;
	width:550px;
	background:url(http://blog.rachelsprague.com/images/blue_trans.png);
	padding:10px;
	color:#CCC;
	font: .8em Arial, Helvetica, sans-serif;
}


/* Footer Widgets */
#footerwidgets {
	display: block;
}
#footer-left {
	width: 230px;
	float: left;
	margin: 0px;
	padding: 10px;
}
#footer-right {
	width: 230px;
	float: left;
	margin: 0px;
	margin-left:20px;
	padding: 10px;
}

#footer ul {
	list-style:none;
	padding-left:0;
}

#footer li {
		height:300px;}

.widgettitle{
	font: bold 1.5em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFF;
}

#colophon{
	text-align:center;
	font-size:.8em;
}

.code {
	font-family:monospace;
	margin:0 25px 0 25px;
	border: dashed 1px;
	padding:5px;
	overflow-x:auto;
}

.entry-utility {
	margin-top: 50px;
	font-size: 12px;
}