/*  
Theme Name: Axis Blog
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A custom two column theme based on beccary.com's Almost Spring. 
Version: 1.01
Author: Acuica Ltd & Becca Wei
Author URI: http://beccary.com
*/

/* Basics and Typography */

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 78%;
	BACKGROUND: url(images/horizontal.gif) repeat-x;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #333;
	PADDING-TOP: 0px;
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	TEXT-ALIGN: center;
	background-position: top middle;
}
P {
	FONT-SIZE: 1em;
	MARGIN: 1.2em 0px;
	LINE-HEIGHT: 1.5em;
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 1.2em 0px 1.2em 2em; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: 1.2em 0px 1.2em 2em; LINE-HEIGHT: 1.5em; PADDING-TOP: 0px
}
H1 {
	MARGIN: 1.2em 0px; COLOR: #4E97A5; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H2 {
	MARGIN: 1.2em 0px; COLOR: #4E97A5; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H3 {
	MARGIN: 1.2em 0px; COLOR: #526E83; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H4 {
	MARGIN: 1.2em 0px; COLOR: #526E83; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H5 {
	MARGIN: 1.2em 0px; COLOR: #526E83; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H6 {
	MARGIN: 1.2em 0px; COLOR: #526E83; FONT-FAMILY: "Lucida Grande", Tahoma, Arial, sans-serif
}
H1 {
	FONT-SIZE: 1.4em
}
H2 {
	FONT-SIZE: 1.4em
}
H3 {
	FONT-SIZE: 1.3em
}
H4 {
	FONT-SIZE: 1.2em
}
A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #e58712
}
A:visited {
	COLOR: #b96f17
}
A:hover {
	COLOR: #4E97A5
}
A:active {
	COLOR: #4E97A5
}
INPUT {
	BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; FONT-SIZE: 1em; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #333; BORDER-BOTTOM: #c1c0b5 1px solid; FONT-FAMILY: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #F8F9FA
}
TEXTAREA {
	BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; FONT-SIZE: 1em; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #333; BORDER-BOTTOM: #c1c0b5 1px solid; FONT-FAMILY: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #fafaf0
}
SELECT {
	BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; FONT-SIZE: 1em; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #333; BORDER-BOTTOM: #c1c0b5 1px solid; FONT-FAMILY: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; BACKGROUND-COLOR: #fafaf0
}
BLOCKQUOTE {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0px; MARGIN: 0px 20px; BORDER-LEFT: #DCE3E9 4px solid; PADDING-TOP: 0px
}
CODE {
	COLOR: #666; FONT-FAMILY: monospace
}
FORM {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BORDER-RIGHT-WIDTH: 0px;
}
.small {
	FONT-SIZE: 0.9em; COLOR: #999
}
#wrapper {
	MARGIN: 0px auto;
	WIDTH: 900px;
	TEXT-ALIGN: left;
	background-image: url(images/vertical.gif);
}
#header {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(images/axisblogtitle.gif);
	height: 150px;
	text-align: right;
	color: #FFFFFF;
}
#header H1 {
	FONT-SIZE: 1em;
	MARGIN: 0px;
	color: #FFFFFF;
}
#header H1 A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	width: 900px;
	height: 150px;
	display: block;
}
#content {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 698px; PADDING-TOP: 0px; voice-family: inherit
}
HTML > BODY #content {
	/*was 638*/
	width: 500px;
	margin-top: 10px;
	/*was 0*/
	margin-right: 130px;
}
#sidebar {
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.9em;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 200px;
	voice-family: inherit;
	padding-right: 0px;
	padding-top: 0px;
}
HTML > BODY #sidebar {
	WIDTH: 200px
}
* HTML #content {
	OVERFLOW: hidden
}
* HTML #sidebar {
	OVERFLOW: hidden
}
#footer {
	CLEAR: both; FONT-SIZE: 0.9em; TEXT-ALIGN: right
}
#footer P {
	PADDING-RIGHT: 20px; BORDER-TOP: #d8d8d8 2px solid; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#sidebar H2 {
	PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-SIZE: 1.1em; BACKGROUND: url(images/arrow.gif) no-repeat right center; PADDING-BOTTOM: 0px; MARGIN: 1.2em 0px 0.6em; PADDING-TOP: 0px
}
#sidebar UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#sidebar UL LI {
	
}
#sidebar UL UL {
	BORDER-TOP: #d8d8d8 1px solid; MARGIN: 1.2em 0px; BACKGROUND-COLOR: #FFFFFF
}
#sidebar UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #d8d8d8 1px solid
}
#sidebar UL UL LI A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -10px; WIDTH: 170px; PADDING-TOP: 2px; voice-family: inherit
}
HTML > BODY #sidebar UL UL LI A {
	WIDTH: 170px
}
#sidebar UL UL LI A:hover {
	BACKGROUND-COLOR: #EEF5F7
}
#sidebar UL UL UL {
	MARGIN: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#sidebar UL UL UL LI {
	PADDING-RIGHT: 0px; BORDER-TOP: #DCE3E9 1px solid; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -10px; PADDING-TOP: 0px; BORDER-BOTTOM-STYLE: none
}
#sidebar UL UL UL LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px -25px; WIDTH: 155px; PADDING-TOP: 2px; voice-family: inherit
}
HTML > BODY #sidebar UL UL UL LI A {
	WIDTH: 155px
}

/* Widgets and Etc */

.widget_calendar h2 {
	display: none !important;
}
.widget_search div {
	margin: 1.2em 0;
}
#sidebar #s {
	margin-bottom: 2px;
	width: 180px;
}
.post {
	
}
.posttitle {
	MARGIN-BOTTOM: 0px;
	OVERFLOW: auto;
	WIDTH: 100%;
	COLOR: #fff;
}
.posttitle A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(images/posttitle.gif) #526E83 no-repeat right top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	background-color: #4E97A5;
}
.posttitle A:link {
	COLOR: #fff
}
.posttitle A:visited {
	COLOR: #fff
}
.posttitle A:hover {
	BACKGROUND: url(images/posttitle.gif) no-repeat 100% -91px;
	COLOR: #526E83;
	background-color: #dbeaee;
}
.posttitle A:active {
	BACKGROUND: url(images/posttitle.gif) #DCE3E9 no-repeat 100% -91px;
	COLOR: #999999;
	background-color: #4E97A5;
}
.postmeta {
	MARGIN-TOP: 0px; FONT-SIZE: 0.9em; BACKGROUND: url(images/postmeta.gif) no-repeat left top; COLOR: #999; PADDING-TOP: 1px
}
.postentry {
	
}
.permalink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 14px; BACKGROUND: url(images/permalink.gif) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px 1.8em 0px 0px; PADDING-TOP: 0px
}
.commentslink {
	PADDING-RIGHT: 0px; PADDING-LEFT: 17px; BACKGROUND: url(images/commentslink.gif) no-repeat left center; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.postnav {
	width: 100%;
	padding: 1.2em 0;
	overflow: auto;
}
.prev {
	float: left;
}
.next {
	float: right;
}

#commentlist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 1.2em 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #DCE3E9 1px solid; LIST-STYLE-TYPE: none
}
#commentlist LI {
	PADDING-RIGHT: 20px; BORDER-TOP: #DCE3E9 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff
}
.alt {
	BACKGROUND-COLOR: #fafaf0! important
}
.commenttitle {
	FONT-SIZE: 1.1em; MARGIN-BOTTOM: 0px
}
.commentmeta {
	MARGIN-TOP: 0px; FONT-SIZE: 0.9em; COLOR: #999
}
#comment {
	WIDTH: 98%
}
.left {
	FLOAT: left; MARGIN: 0px 10px 0px 0px
}
#logo{
	margin-bottom: 15px;
}
hr{
	color: #d8d8d8;
	height: 1px;
	border: 0px solid;
	background-color: #d8d8d8;
}

/* Image Borders */

div.image {
	margin: 1.2em 0;
}

div.imagecenter {
	margin: 1.2em 0;
	text-align: center;
}
div.imagecenter img {
	margin: 0 auto;
}

div.imageleft, img.imageleft {
	float: left;
	margin: 0 15px 0.2em 0;
	padding: 0;
}
 
div.imageright, img.imageright {
	float: right;
	margin: 0 0 0.2em 15px;
	padding: 0;
}

div.image img, img.image,
div.imagecenter img,
div.imageleft img, img.imageleft,
div.imageright img, img.imageright {
	padding: 5px;
	border: 1px solid #C1C0B5;
	background: #FFF;
}
