/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{
	margin:0;
	padding:0;
}


/* 
----------------------------------------------------------------------------- 
BASIC INLINE/TEXT STYLING
-----------------------------------------------------------------------------*/
body{
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 72.5%; /* Resets 1em to 10px */
	text-align: center;
	background:#333;
	/* DYNAMIC: 90% white on background color */
	color: #EAEAEA;
	text-shadow:0 0 0 #000;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
}

h1 {
	padding-top: 10px;
}

a img,:link img,:visited img {
	border:none;
}

hr {
	display: none;
	}

ul {
	list-style-image: url('images/bulletCross.gif');
}

ol li {
	list-style: decimal outside;
	}


small {
	font-size: .9em;
	line-height: 1.5em;
        color: #777;
	}

strike {
	color: #777;
	}
	
code {
        font: 1.3em 'Courier New', Courier, Fixed;
        display:block; 
        overflow:auto; 
        text-align:left; 
        background:#efefef; 
        border:1px solid #A6B0BF; 
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	border-bottom: 0px dashed #999;
	cursor: help;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('images/quote.png') 5% 0% no-repeat;
	border: none;
	}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.noborder {
	border: none !important;
	}

.alert {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}


/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#top {
	height:12px;
	margin:0;
	padding:0 10px 0 10px;
	background:#272727;
	font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	text-align:right;
	/*border: thin dotted #CCCCCC; */

}

#page {
	background-position: right !important;
	text-align: left;
	margin: 0 auto 0;
	padding: 0;
	position: relative;
	width: 879px;
	/*border: thin dotted #ff0000;*/
}

#divider {
	height:7px;
	width:100%;
	background-position:center center;
	background: url(images/bgDashed.gif) bottom;
	margin-top: 30px;
	margin-bottom:10px;
}

a, a:visited {
	color: #ff3d8a;
    border-bottom: none;
    text-decoration: none;
	text-shadow:0 0 #000;
}
a:hover {
	color: #ff3d8a;
    border-bottom: none;
    text-decoration: none;
	text-shadow:0 0 #000;
}
a {
       outline: none;
       }

a:active {
       outline: none;
       }

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #fff;
	text-decoration: none;
}

h2 a:hover, h2 span a:hover {
	color: #990B4F!;
    text-decoration: none;
}

.pink{
	color:#ff3d8a;
}

.gray{
	color:#999;
}

.darkGray{
	color:#333;
}

.metalinks {
	margin-top: 3px;
	}

.metalink a span {
	display: none;
	}

.metalink a:hover span {
	display: inline;
	}


/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header {
	width:879px;
	height:170px;
	margin-top:10px;
	text-align:center;
    vertical-align: middle !important;
/*    background: url('images/logo.png') no-repeat center;*/

        }

.logo{
	margin-bottom:30px;
}

#headerDashedLine {
	height:7px;
	width:859px;
	margin:0 10px 0 10px;
	background-position:center center;
    background: url('images/bgDashed.gif') center;
}

/* 
----------------------------------------------------------------------------- 
SEARCH LAYOUT
-----------------------------------------------------------------------------*/
#topPink{
	width:859px;
	height:2px;
	margin:4px 10px 0 10px;
	background-color:#ff3d8a;
}

form.search
{
	margin-left: 715px;
	width: 190px;
	background: url('images/search-bg.png') 0 100% no-repeat;

}

form.search fieldset
{
	margin:0;
	padding: 0 8px 4px 9px;
	/*background: url('images/search-topPink.gif') 0 0 no-repeat;*/

}

form.search thead
{
	display: none;
}

form.search span
{
	border: 1px solid #ff3d8a; /*external border*/
	background-color: #fff; /*internal border*/

}

form.search .s
{
	width: 100px;
	padding: 0 0 0 0;
	font-size:10px;
}


/* 
----------------------------------------------------------------------------- 
MEDIA TEMPLE PARTNERSHIP
-----------------------------------------------------------------------------*/
#mt
{
	text-indent: -9999px;
	display: block;
	width: 127px;
	height: 20px;
	background: url(/images/logo-mt.gif) 0 0 no-repeat;
	position: absolute;
	top: 4px;
	right: 183px;
}


/* 
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------*/


/* 
----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
.secondary {
	font: 12px Trebuchet MS /*'Lucida Grande', Verdana, Arial, Sans-Serif*/;
	padding: 5px 0 10px 0px;
	margin: 20px 0 0px 10px;
	width: 29%;
	color: #fff;
	position: relative;
	line-height: 1.2em !important;
	/*border: thin dotted #CCCCCC; */
}

.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline !important;
}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;!important;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #999;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666;
	font-variant: small-caps;
        }
.secondary h2 a:hover { /* Secondary H2 is sidebar headlines */
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; !important;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	color: #ff3d8a !important;
	padding: 0;
	text-decoration: none !important;
}

.secondary a { /*sidebar links color*/
	color: #fff;
}

.secondary a:hover {
	text-decoration: underline !important;
}

.secondary div {
	margin: 20px 0 0;
	padding: 0;
	}

.secondary div div div {
        margin: 0;
        }

.secondary ul, .secondary ol {
	margin: 5px 0 0;
	padding-left: 0;
	}

.secondary ol {
	margin-left: 15px;
	}

.secondary ul li, .secondary ol li {
	margin: 0 0 0 15px;
	padding: 1px 0;
	list-style-image: url('images/bulletCross.gif');
	}
	
.secondary ul li {
	list-style-type: none;
	}

.secondary .metalink a, .secondary .metalink a:visited,{
	color: #999;
	font-weight: normal;
	}

.secondary span a {
	margin-left: 10px;
	}

.secondary span a, .secondary span a:visited {
	color: #999;
	font-weight: normal;
	}

.sb-links ul li {
	margin-top: 20px;
	}

.sb-links ul ul li {
	margin-top: 0;
	}

.sb-pagemenu ul {
	margin-left: 10px;
}

.sb-pagemenu ul ul {
	margin-top: 2px;
}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
}

.sb-latest2 a {
        color: #333;
        }
.sb-latest2 a:hover {
        text-decoration: underline !important;
        }
.sb-latest li {
        padding: 0 0 4px 0;
        margin-left: -40px;
        list-style-type: none !important;
        }

.sb-latest h2 {
        padding-left: 40px;
        }

.sb-latest ul {
        margin-top: -10px;
        }


.sb-about a:hover {
        text-decoration: underline !important;
        }
.sb-related a:hover {
        text-decoration: underline !important;
        }
.sb-comments li {
        padding: 0px 0 7px 0;
        list-style: none !important;
        }

.sb-comments {
        margin: -10px 0 0 -40px !important;
        text-transform: lowercase !important;
        }
div.sb-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	}

.sb-comments ul li span a, div.sb-comments ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
        line-height: 1.3em;
	}

/* 
----------------------------------------------------------------------------- 
SEARCH
-----------------------------------------------------------------------------*/	


/* 
----------------------------------------------------------------------------- 
MAIN CONTENT
-----------------------------------------------------------------------------*/
.primary {
	width: 65%;
	float: right;
	padding: 10px 0 0 0;
	margin: 20px 10px 0 0px;
	display: inline;
	/*border: thin dotted #CCCCCC; */
	}
.backhome .a, 
.backhome .a:visited,
.backhome .a:hover,
{
	color:#fff;
	text-align:right;
}
.pagetitle { /* Used on static pages and archives */
	font-size: 18px;
	text-align: left;
	margin: 15px 0 30px;
}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; !important;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	display: inline;
    color: #fff !important;
	}


.primary .item {
    margin: 0;
	padding: 0px 0 15px;
	position: relative;
	}

.primary .item .itemtext {/*- CONTENT TEXT */
	font: 1.1em Trebuchet MS ; 
	text-align: left;
	color: #999;
        padding-bottom: 10px;
        /* background: url('images/break.gif') bottom left repeat-x; */
        line-height: 150% !important;
        margin-bottom: 2px;
	}

.primary a:hover, .primary a:visited:hover{
	text-decoration: underline !important;
}


.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
	margin: 13px 0;
	}

.primary .aside .itemtext p,
.primary .aside .itemtext ul,
.primary .aside .itemtext ol,
.primary .aside .itemtext div,
.primary .aside .itemtext blockquote {
	margin: 5px 0;
	}

.primary .itemtext ul li { /* Bullet Cross in POSTS*/
	margin: 0 0 0 15px;
	padding: 1px 0;
	list-style-image: url('images/bulletCross.gif');
	}


.permalink .primary .aside .itemtext p,
.permalink .primary .aside .itemtext ul,
.permalink .primary .aside .itemtext ol,
.permalink .primary .aside .itemtext div,
.permalink .primary .aside .itemtext blockquote {
	margin: 13px 0;
	}


.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	/*letter-spacing: -1px;*/
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.primary h3 a, .primary h3 a:visited{/*TITLE POST*/
       color: #fff !important;
       font-family: Helvetica, Arial, Sans-Serif !important;
       letter-spacing: -1px;
       font-weight: bold;
       font-size: 23px;
       border-bottom: none !important;
       /*text-transform: lowercase;*/
       }

.primary h3 a:hover{/*TITLE POST*/
       text-decoration: none!important;
       color: #ff3d8a !important;
       }


.itemhead { /*POST HEADER*/
	margin-top: 10px;
	}

.primary .item .itemhead,{
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-left: 0px;
	}


.itemtext a{ /*links in main content*/
        color: #ff3d8a;
        text-decoration: none;
        font-weight: normal;
}

.itemtext a:hover{/*links in main content*/
	color: #63a5ff;
    text-decoration: underline;
    font-weight: normal;
}
.itemtext a:visited{/*links in main content*/
	color: #ff3d8a;
    text-decoration: underline;
    font-weight: normal;
}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: meta15px 0 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.1em;
	display: block;
	padding: 5px 0 0;
	}

.itemtext ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.itemtext ul{
        list-style-type: none !important;
        }

.itemtext ol li {
	margin: 0 0 3px;
	padding: 0;
	}

.itemtext ul li{
        list-style-type: none !important;
        }


.primary .metalink{ /*noteworthy edit button admin stuff*/
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-left: 5px;
	}
.primary .metalink a, .primary .metalink a:visited{ /*noteworthy admin stuff*/
	color: #999;
	font-weight: normal;
	
	}

.chronodata { /*time*/
	margin-left: 3px !important;
	padding: 0;
	color: #555 !important;
        font-family: Helvetica, Arial, Sans-Serif !important;
        letter-spacing: -1px;
        font-weight: bold;
        font-size: 23px;
        text-transform: lowercase;
        display: inline;
}

.metadata { /* Category listage for blog entries */
	font-size: 1em;
	display: inline;
	padding-top: 2px !important;
	color: #777;
    line-height: 150% !important;
        }

.metadata a, .metadata a:visited {
	color: #777 ;
	}

.metadata a:hover{
	color: #63a5ff !important;
	text-decoration: underline !important;
	}

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	}


.category {
        background: url(images/page_white.png) no-repeat left;
        padding: 2px 0 2px 18px;
        }

.primary img { /*screenshot border*/
	margin-left: 0px;
	padding: 10px;
	border: 0px solid #ccc;
	max-width: 100%;
	}

.screenshot{ /*screenshot white BG*/
	background-color: #FFFFFF;

}

.week1{
	color:#fff;
	padding: 2px 0 2px 90px;
	background: url('images/1week.gif') left center no-repeat;
	margin-left: 30px;

}
.week2{
	color:#fff;
	padding: 2px 0 2px 90px;
	background: url('images/2weeks.gif') left center no-repeat;
	margin-left: 30px;

}
.week3{
	color:#fff;
	padding: 2px 0 2px 90px;
	background: url('images/3weeks.gif') left center no-repeat;
	margin-left: 30px;

}
.week4{
	color:#fff;
	padding: 2px 0 2px 90px;
	background: url('images/4weeks.gif') left center no-repeat;
	margin-left: 30px;

}


/* 
/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
	background: #272727;
	color: #fff;
	padding: 0 0 5px 0;
	position: relative;
	text-align: center;
	margin: 30px auto 0;
	line-height: 50%;
	font-size: 10px;/*	border:thin solid #fff; */
}

#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #fff;
}


.footer_image {
        vertical-align: middle !important;
}

/* 
----------------------------------------------------------------------------- 
ADMIN CONTENT
-----------------------------------------------------------------------------*/
.editlink {
	background: url(images/pencil.png) no-repeat left;
}

/* 
----------------------------------------------------------------------------- 
GLOBAL SEARCH
-----------------------------------------------------------------------------*/

/* 
----------------------------------------------------------------------------- 
POST META
-----------------------------------------------------------------------------*/

/* 
----------------------------------------------------------------------------- 
BASIC FORM STYLES	
-----------------------------------------------------------------------------*/
form table
{
	width: 100%;
}

form span
{
	display: block;
	padding: 1px;
	/* DYNAMIC: 15% black on background color */
	border-bottom:10px solid  #333;
	border-top:1px solid  #333;
	background-color: #fff; /*internal border*/
}

form input
{
	font-size: inherit;
	vertical-align: middle;
}

form span input,
form span textarea,
form span select
{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	width: 100%;
	color: #666;
	
	/* DYNAMIC: 80% white on background color */
	background-color: #fff;
	border: 1px solid #fff;
	border-top-color: #fff;
	border-bottom-color: #fff;
}

form span input:focus,
form span textarea:focus,
form span select:focus,
form span:hover input,
form span:hover textarea,
form span:hover select
{
	background-color: #fff;
}

form span.inline
{
	display: inline-block;
	float: left;
	width: auto;
	margin-top: 3px;
	margin-right: 8px;
}

form div.inline span
{
	display: inline-block;
	vertical-align: middle;
}

form div.inline span input,
form div.inline span textarea,
form div.inline span select
{
	width: auto;
}

form span.inline input
{
	width: auto;
	border: none;
	background-color: transparent !important;
}
.secondary p:formalert{
	color: #FFFFFF;
	background-color: #3399FF;
	width: 100%;
}
/* 
----------------------------------------------------------------------------- 
COMMENT FORM STYLES
-----------------------------------------------------------------------------*/
form
{
	width: 100%;
	font-size: 12px;
	position: relative;
}

.form-bottom td
{
	padding-left: 0px;
}

.form-bottom td:first-child
{
	padding-left: 0;
}

form fieldset
{
	padding: 0px;
	border:0px;
	margin-top:10px;

}

#comment_body,
#contact_form_msg
{
	height: 120px;
}
/*
.btn-row
{
	position: relative;
	line-height: 0px;
	padding-top: 0px;
}
*/
#comment_form .form-bottom span,
#contact_form_form .form-bottom span
{
	width: 92px;
}

#remember-cc
{
	position: absolute;
	top: 10px;
	left: 240px;
	width: 120px;
}

#comment_form #remember-cc span,
#contact_form_form #remember-cc span
{
	width: auto;
}



/* 
----------------------------------------------------------------------------- 
NOTEWORTHY
-----------------------------------------------------------------------------*/

.favorite img {
    margin: 0 0 0 0 !important;
	padding: 0;
	border: none !important;
	}

/* 
----------------------------------------------------------------------------- 
DEL POST
-----------------------------------------------------------------------------*/
.delPost {
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #666;
        }

.delPost a {
        padding: 0.2em 0 !important;
        width: 100%;
        display: inline;
        text-decoration: none;
        border-top: 0px dotted #ccc;
        color: #333;
        }

.delPost a:hover {
        text-decoration: underline !important;
        }
/* 
----------------------------------------------------------------------------- 
FLICKR
-----------------------------------------------------------------------------*/
.flickr ul, .flickr li {
        padding: 0; margin: 0; border: 0; display: inline; list-style-type: none;
        }

.flickr a {}

.flickr a:hover {}

.flickr a img {
        border: 1px solid #bbb; padding: 3px; margin: 5px 5px 4px; list-style: none;
        }

.flickr a:hover img {
        border: 1px solid #bbb; background: #ddd;
        }

/* 
----------------------------------------------------------------------------- 
SOCIAL BOOKMARK
-----------------------------------------------------------------------------*/
.socialbkmark h2 {
	font-family: Helvetica, Arial, Sans-Serif !important;
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #fff;
	margin: 0 0 10px 0 !important;
	padding: 0;
	letter-spacing: -1px;
	text-transform: lowercase;
        }

.socialbkmark a {
	color: #333;
}

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

.socialbkmark li {
	list-style-type: none;
}

img.socialbkmark {
	vertical-align: middle;
	border: 0px;
	margin-bottom: 4px;
}

.secondary div.sb-comments ul li {
	margin-bottom: 3px;
	}


.socialbkmark a:hover {
        text-decoration: underline !important;
        }