/*
Theme Name: Creamy Grape v.2
Version: 2.0
Description: Custom 2-column theme for my personal art site <a href="http://www.officially-dead.net">OfficiallyDead</a>
Author: Jen
Author URI: http://www.officially-dead.net
*/

/*
	Officially Dead
	http://officially-dead.net

	White:		#ffffff
	Grey:		#dcdcde
	Lite Purple:	#545e8f
	Med. Purple:	#2f3142
	Dark Purple:	#1c1e2b
	Grey SideText:	#666666
	Purp. BodyTxt:	#9999cc
*/

/*
	RESET
*/

*		{ margin: 0; padding: 0; }
html		{ overflow-y: scroll; }
html, body	{ height: 100%; }
body		{ font-size: 62.5%; font-family: Helvetica, sans-serif; color: #; background: url(images/body-bg2.png) top center repeat-x #e4e4e5;}
ul		{ list-style: square inside; }
ol		{ list-style: decimal inside; }
a		{ outline: none; text-decoration: none; }
a img		{ border: none; background: none; }
img		{ vertical-align: middle; }
table		{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft	{ float: left; }
.floatRight	{ float: right; }
.clear		{ clear: both; }
.button		{ border: 1px solid #000000; background: #dcdcde; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 000000; }
.button:hover	{ background: #9999cc; color: white; }

/*
	TYPGROGRAPHY
*/
p, li			{ font-size: 1.2em; line-height: 1.3em; margin: 0 0 10px 0; }
td {font-size: 12px;}
p#intro-paragraph	{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; }
p#intro-paragraph span		{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em		{ color: #990000; }
a				{ color: #9999cc; }
a:hover		{ color: #9999cc; text-decoration: underline; }
h1		{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }
h2		{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3		{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; }
h4		{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4	{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #900; }
h5 { font-family: Century Gothic; font-size: 18px; color: #1c1e2b; font-weight: normal; padding-bottom: 15px;}
h6 { font-family: Century Gothic; font-size: 18px; color: #1c1e2b; font-weight: normal;}

/*
	STRUCTURE
*/
#page-wrap	{ width: 892px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%;}
#page-wrap2	{ width: 892px; background: #dcdcde; margin: 0px auto}
#push		{ height: 150px; }
#main-col	{ width: 540px; float: right; padding-right: 30px; padding-top: 20px; padding-bottom: 50px; }
#main-col blockquote { margin:20px; padding:1px 10px 1px 70px; background:#dcdcde url(images/quote.gif ) top left no-repeat; }
#sidebar	{ width: 230px; float: left; padding-left: 30px; padding-top: 10px; padding-bottom: 50px;}
#sidebar2	{ width: 230px; float: left; padding-left: 30px; padding-top: 10px; padding-bottom: 50px;}
#gallery { width: 770px; padding: 20px 60px 20px 60px; }
#gallerypics{ width: 450px; margin: 0 auto; } 
#gallerypics img{ width: 75px; height: 75px; padding-bottom: 0px; margin-bottom:4px; margin-right:4px; margin-top:4px;} 

.breaking { padding: 10px; margin-bottom: 15px; }  
.breaking .info { color:#99c; font-size:1em; border-top:1px dotted #99c; font-style:normal; display:block; padding: 2px 0 0 0; margin-top: 2px;}
.breakingimg { float: left; width: 75px; height: 75px; padding-bottom: 0px; border: 3px solid white;} 
.breaking ul.news li { font-size:12px; list-style:none; padding:0 0 10px; border-bottom:1px dotted white;}

.breaking ul.news li a:hover { color: #9999cc; text-decoration: underline; }

#flashcontent {
		height: 100%; }

.postspermonth { margin: 5px 0 10px 0; list-style: none; padding-left: 15px;}
/*
	HEADER
*/


/*
	MENU
*/
#menu-bar	{ width: 892px; height: 253px; padding-top: 0px; margin-bottom: 0px; position: center; background: url(images/header-bg2.jpg) top center no-repeat;}
ul#main-nav	{ width: 415px; float: left; margin: 18px 0 0 0; }
ul#extra-nav	{ width: 440px; float: left; margin: 18px 0 0 0; }
#search-nav { width: 200px; float: right; text-align: right; margin: 50px 0 0 0;}

ul#main-nav li, 
ul#extra-nav li,
ul#search-nav li		{ display: inline; }

ul#main-nav li a, 
ul#extra-nav li a,
ul#search-nav li a 	{ color: white; font-size: 1.2em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

ul#main-nav li a:hover,
ul#extra-nav li a:hover,
ul#search-nav li a:hover {background: #9999cc; color: white; text-decoration: none; }

/*
	WIDGETS
*/
.widget		{ font-size:12px; width: 230px; margin: 0 0 15px 0; padding-left: 0px; }
.widget .inside	{ padding-top: 20px; }
.widget .inside img { margin: 10px 5px 0 0; }
.widget .inside a:hover { text-decoration: none; }
.widget ul		{ list-style: none; margin-top: 10px; font-size: 1.2em; }
.widget ul li 		{ margin: 0 0 5px 0; list-style: none; }
.widget ul li a 	{ display: block; padding: 0px; }
.widget ul li a:hover	{ color: #9999cc; text-decoration: underline; }
.thumb			{ width: 62px; }
.photo-thumb		{ margin: 0 0 10px 15px; }
#gallery-stream img { }
.widget ul.news li { font-size:12px; list-style:none; padding:0 0 10px; border-bottom:1px dotted white;}

.widget ul.news li a:hover { color: #9999cc; text-decoration: underline; }
.widget .visit { font-size:12px; color: #666; }



/*
	BLOG ENTRIES
*/
.post			{ margin: 0 0 45px 0; }
.info { color:#99c; font-size:1em; border-top:1px dotted #99c; font-style:normal; display:block; padding:4px 0 15px 0; }
ol.commentlist {width: 540px; margin:0; padding:0; }
.commentlist li {list-style:none; margin-bottom:20px; }
.commentlist cite { padding: 7px; display:block; font-style:normal; background: #dcdcde; color:#666666; padding-bottom:10px;}	
.commentlist a:link, .commentlist a:visited { color:#9999cc; }
.commentlist a:hover, .commentlist a:active { color:#9999cc; }
.commentlist cite img { padding:1px; border:1px solid #a6add6; float:left; margin-right:9px; }
.commentlist .author { font-weight: bold; padding-left:10px; }
.commentlist .time { background: url(http://www.officially-dead.net/bg_clock.gif) no-repeat 10px; padding-left:25px;}
.commenttext { background: #dcdcde; border-bottom:1px dotted white; padding: 10px 20px 10px 60px; font-size: 10px; font-family: Helvetica, sans-serif; color: #666; }
#commentform { padding-bottom: 50px; }



/*
	FOOTER
*/
#footer		{ height: 120px; background: #1c1e2b; border-top: 2px solid #9999cc; padding-top: 20px; color: white;}
#footer li { line-height: 14px;}
#footer-inside	{ width: 892px; margin: 0 auto;}
#footer-1	{ width: 75px; float: left; margin-right: 0px; margin-left: 160px;}
#footer ul { list-style: none; }
#footer-2	{ width: 75px; float: left; margin-right: 0px; border-right: 1px dotted white;}
#footer-3	{ width: 75px; float: left; margin-left: 20px; border-right: 1px dotted white;}
#footer-4	{ width: 300px; float: left; margin-left: 20px; }




#twitter_badge_container{width: 230px; background: #dcdcde;}
#twitter_badge_inner{}
#twitter_badge_via {font-size: 10px }
#twitter_badge_via a {color #9999cc}

/* defaults */
#my_twitter_status{color: #666; font-size: 14px; font-family: century gothic; font-style: italic;}
#my_twitter_status_time{color: #000000; font-size: 10px;},