/*

Theme Name: Elegant Box

Theme URI: http://wordpress.org/extend/themes/elegant-box/

Description: Elegant Box is my first experiment in WordPress theming. Compatible with WordPress 2.7, thread comments ready.

Version: 3.2

Author: mg12

Author URI: http://www.neoease.com/

Tags: white, black, green, blue, purple, brown, two-columns, fixed-width, theme-options, right-sidebar

*/



* {

	margin:0;

	padding:0;

}

body {

	font-family:"BitStream vera Sans",Verdana,Arial,Helvetica,sans-serif;

	font-size:12px;

}

h1 {

	font-size:20px;

}

h2 {

	font-size:16px;

}

h3 {

	font-size:14px;

}

h6 {

	font-size:8px;

color:grey;

text-decoration:none;

}

img {

	border:none;

}

a {

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

}

pre {

	font-family:'Courier New', Courier, Monospace, Fixed;

	overflow:auto;

}

blockquote, pre {

	padding:5px 10px;

	margin:5px 0;

}

pre {

	overflow:scroll;

}

.clear, 

.fixed {

	clear:both;

}

small, 

.small {

	font-size:10px;

}

.more-link {

	font-size:10px;

}

.floatleft {

	float:left;

}

.floatright {

	float:right;

}

.alignleft{

	float:left;

	text-align:left;

	margin-right:10px;

}

.alignright{

	text-align:right;

	float:right;

	margin-left:10px;

}

.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.inline {

	display:inline;

}

.left {

	float:left;

	margin-right:10px;

}

.right {

	float:right;

	margin-left:10px;

}

.fontthin {

	font-weight:normal;

}

.box {

	margin-bottom:10px;

}

.box .content {

	padding:8px 10px;

}

.box h3 {

	font-size:14px;

	margin-bottom:2px;

}

.boxcaption {

	padding:5px 10px;

	margin-bottom:10px;

}

.bottom_separator {

	padding-bottom:8px;

	padding-left:5px;

	padding-right:5px;

	margin-left:-5px;

	margin-right:-5px;

}

.bottom_space {

	margin-bottom:10px;

}

.button, 

a#cancel-comment-reply-link {

	font-size:10px;

	border-style:solid;

	border-width:1px;

	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;

	text-align:center;

	padding:2px 8px;

}

a#cancel-comment-reply-link {

	padding:3px 8px;

}

a.button:hover, 

a#cancel-comment-reply-link:hover {

	text-decoration:none;

}



/* header START */

#header .inner {

	height:43px !important;

	height:44px;

}

#header .content {

	width:922px;

	margin:0 auto;

	text-align:left;

}

#header h1 {

	float:left;

	font-weight:normal;

	font-style:normal;

	padding:1px 0 0 10px !important;

	padding:2px 0 2px 10px;

	margin-top:9px;

}

#header #title {

	float:left;

	text-transform:uppercase;

	letter-spacing:-1px;

	font-family:"BitStream vera Sans",Arial,Helvetica,sans-serif;

}

#header #tagline {

	float:left;

	font-size:10px;

	margin-left:10px;

	vertical-align:bottom;

	color:#999;

}

#header #searchbox, 

#header #nav {

	float:right;

	margin-top:11px !important;

	margin-top:10px;

}

#notice {

	margin:0 -5px 10px;

}

#notice .inner {

	padding:5px 7px;

}

#notice .icon {

	float:left;

	margin-right:5px;

	margin-bottom:0;

}

#notice .content {

	float:left;

}

#notice .content .separator {

	padding-right:10px;

}

#nav img {

	border:none;

}

#navlist {

	margin-right:10px;

}

#navlist li {

	list-style:none;

	float:left;

	margin-top:1px !important;

	margin-top:3px;

	font-size:10px;

}

#navlist li a {

	display:block;

	padding:3px 5px 4px !important;

	padding:3px 5px 5px;

	border-style:solid;

	border-width:0 1px 0 0;

}

*+html #navlist li a {

	padding:3px 5px 5px !important;

}

#navlist li.current_page_item a, 

#navlist li.current-cat a {

	font-weight:bold;

}

#navlist li a#feed {

	border-width:0;

	margin-left:10px;

	padding:1px 0;

	padding:1px 0 !important;

}

*+html #navlist li a#feed {

	padding:1px 0 !important;

}

#navlist li a#feed img {

	background-position:0 0;

	width:18px;

	height:18px;

}

#navlist li a#feed:hover img {

	background-position:0 -18px !important;

}

#search_textfield {

	width:247px;

	padding-right:20px;

}

/* header END */



/* submenu START */

#navlist li ul {

	display:none;

	background:#E1E1E1;

	padding:5px;

	border:1px solid #333;

}

#navlist li li {

	float:none;

	margin:0 !important;

	margin:0;

	padding:0;

	display:block;

	list-style:none;

}

#navlist li li a {

	display:block;

	padding:5px 10px;

	text-decoration:none;

	width:125px;

	font-size:12px;

	border-style:solid;

	border-width:1px 0 0;

}

#navlist li li.first a {

	border-top:none;

}

#navlist li li a:hover {

	font-weight:bolder;

}

/* submenu END */



/* main START */

#container_body {

	margin:15px auto;

	text-align:left;

	width:920px;

}

#main {

	float:left;

	padding:10px 15px 0;

}

.post img {

	max-width:600px;

}

.sided {

	padding:2px;

	margin-bottom:5px;

}

.wp-caption {

	padding:5px 0;

	margin-bottom:5px;

	text-align:center;

}

.post .content .wp-caption p {

	margin:3px 0 0;

}

.part {

	margin-bottom:10px;

}

.sidedate {

	float:right;

	font-size:10px;

}

.post .content ul li, 

.post .content ol li {

	list-style-position:inside;

	padding-left:20px;

}

.post .content ul, 

.post .content ol {

	padding-bottom:10px;

}

.post {

	margin-bottom:20px;

}

.post .title h2 {

	font-size:15px;

	font-style:normal;

	font-variant:normal;

	font-weight:bold;

	margin:0pt;

	padding:0px;

}

.post .content {

	line-height:145%;

	overflow:hidden;

}

.post .content p {

	margin:0 0 10px 0;

}

.post .comments {

	padding:3px 0 3px 22px;

	margin:10px 0 0;

	font-size:10px;

}

.post .comments_single {

	margin:10px 0;

}

#postnav {

	margin-top:20px;

}

.post .info {

	color:#999;

	font-size:10px;

	margin-bottom:8px;

	margin-top:0pt;

	padding-top:3px;

}

.post .info .edit, 

.post .info .editlinks {

	float:right;

}

#container_bottom {

	font-size:10px;

}

#container_bottom .postnav {

	float:left;

	padding:9px 10px !important;

	padding:9px 10px 0;

	width:629px;

}

#container_bottom .postnav span.right {

	margin-right:10px;

}

#container_bottom .anchor {

	float:right;

	text-align:right;

	width:251px;

	padding:11px 10px 10px;

	margin-bottom:-1px;

}

#container_bottom .anchor span {

	padding:4px 0 4px 20px;

}

/* main END */



/* sidebar START */

#sidebar {

	float:right;

	width:270px;

	height:100%;

}

#sidebar-body ul {

	padding:0 5px;

}

#sidebar-body li {

	list-style:none;

}

#sidebar-body div {

	margin:5px;

}

#sidebar-body ul div {

	margin:0;

}

#sidebar h3 {

	padding:3px 5px 4px;

	font-weight:bold;

	font-size:11px;

	margin-top:5px;

	text-decoration:none;

}

#sidebar .widget {

	margin:0;

	padding:0;

}

#styleswitcher {

	padding:5px;

}

#styleswitcher .clear, 

#styleswitcher .fixed {

	margin:0;

}

#style-text {

	float:left;

	font-size:11px;

	margin-top:1px;

	font-weight:bold;

}

#styleswitcher span.color {

	float:left;

	margin-top:2px;

	margin-left:4px;

	padding:1px;

}

#styleswitcher span.color a img {

	margin:0px;

	width:8px;

	height:8px;

}

#sidebar span.right {

	float:right;

}

#sidebar .widget_tag_cloud {

	padding:0 5px;

	margin:0px;

}

#sidebar .widget_tag_cloud h3 {

	margin-bottom:5px;

	margin-left:-5px;

	margin-right:-5px;

}

.widget ul li {

	line-height:18px;

	padding:3px 0;

}

.widget ul li span.right {

	font-size:10px;

}

.widget .box {

	padding:5px;

}

.widget ul li ul {

	padding-bottom:0;

	padding-right:0;

}

.widget ul li ul li {

	padding:3px 5px 0;

	border-bottom:none;

	line-height:18px;

	margin-top:3px;

	margin-right:-5px;

}

/* sidebar END */



/* footer START */

#footer {

	font-size:10px;

}

#footer .inner {

	margin:0;

	height:30px;

}

#footer .content {

	margin:8px auto 0;

	width:900px;

}

#footer #about {

	float:left;

}

#footer ul#admin {

	float:right;

	display:block;

	list-style-position:outside;

	list-style-type:none;

}

#footer ul#admin li {

	display:block;

	float:left;

	margin-left:12px;

}

/* footer END */



/* comments START */

#commentlist {

	margin-bottom:15px;

}

#commentlist ol {

	margin:0;

	padding-left:0;

	

}

#commentlist li.comment {

	list-style:none;

	margin-bottom:10px;

	overflow:hidden;

	position:relative;

}

#commentlist .comment p {

	margin-bottom:8px;

}

#commentlist .comment blockquote {

	margin:0 0 8px;

}

.userinfo {

	padding:5px 10px 6px;

}

.userinfo .date {

	font-size:10px;

	position:relative;

}

.userinfo .userpic {

	padding:1px;

	float:left;

	margin-right:10px;

	position:relative;

}

.userinfo .usertext {

	float:left;

	position:relative;

}

.userinfo .count {

	float:right;

	text-align:right;

	font-size:10px;

	position:relative;

}

#commentlist .comment .username {

	font-weight:bold;

}

#commentlist .comment .comment_text {

	padding:8px 10px 0;

	line-height:145%;

}

#trackbacks {

	margin-bottom:8px;

}

ol#trackbacks {

	padding-bottom:8px;

}

#trackbacks li {

	border:0;

	list-style-position:inside;

}

textarea#comment {

	width:611px !important;

	width:610px;

}

#commentlist .children {

	margin:0 0 0 20px !important;

	margin:0 10px;

}

#commentlist .children textarea#comment {

	width:591px !important;

	width:586px;

}

#commentlist .children .children textarea#comment {

	width:571px !important;

	width:562px;

}

#commentlist .children .children .children textarea#comment {

	width:551px !important;

	width:538px;

}

#commentlist .children .children .children .children textarea#comment {

	width:531px !important;

	width:514px;

}

#commentlist .children .children .children .children .children textarea#comment {

	width:511px !important;

	width:490px;

}

#commentlist .children .children .children .children .children .children textarea#comment {

	width:491px !important;

	width:466px;

}

#commentlist .children .children .children .children .children .children .children textarea#comment {

	width:471px !important;

	width:442px;

}

#commentlist .children .children .children .children .children .children .children .children textarea#comment {

	width:451px !important;

	width:418px;

}

*+html #commentlist .children {

	margin:0 10px !important;

}

*+html #commentlist .children textarea#comment {

	width:587px !important;

}

*+html #commentlist .children .children textarea#comment {

	width:563px !important;

}

*+html #commentlist .children .children .children textarea#comment {

	width:539px !important;

}

*+html #commentlist .children .children .children .children textarea#comment {

	width:515px !important;

}

*+html #commentlist .children .children .children .children .children textarea#comment {

	width:491px !important;

}

*+html #commentlist .children .children .children .children .children .children textarea#comment {

	width:467px !important;

}

*+html #commentlist .children .children .children .children .children .children .children textarea#comment {

	width:443px !important;

}

*+html #commentlist .children .children .children .children .children .children .children .children textarea#comment {

	width:419px !important;

}

#submitbox {

	margin:8px 0;

	font-size:10px;

	text-align:right;

}

#comments_rss {

	padding:2px 0 2px 22px !important;

	padding:2px 0 16px 22px;

	float:left;

	position:relative;

}

#submitbox .act {

	float:right;

}

#submitbox #submit {

	cursor:pointer;

}

#emoticon {

	margin-right:10px;

	float:right;

}

#respond .row {

	margin:0 3px 5px 0;

	text-align:left;

	font-size:10px;

}

#commentnavi {

	font-size:10px;

	margin-bottom:15px;

}

#commentnavi a.page-numbers {

	padding:0 3px;

}

#commentnavi span.pages {

	padding:0 9px 0 0;

	float:left;

}

#commentnavi span.current {

	padding:0 3px;

	font-weight:bolder;

}

/* comments END */



/* archives START */

#archive li {

	list-style:none;

	padding-left:0;

}

.postspermonth {

	margin:5px 0;

}

.srg_switcher {

	margin-bottom:10px;

}

/* archices END */



/* links START */

.post .content .linkcat ul li {

	float:left;

	width:25% !important;

	width:24%;

	list-style-type:none;

	padding-left:0;

}

/* links END */



/* image switcher START */

.imageswitcher {

	padding:5px;

}

.imageswitcher_image {

	padding:2px;

}

a.imageswitcher_button {

	float:left;

	margin-top:5px !important;

	margin-top:3px;

	margin-bottom:0px;

	margin-right:4px;

	padding:2px 5px;

	text-decoration:none;

	font-size:11px;

}

.imageswitcher a.lastbutton {

	margin-right:0;

}

a.imageswitcher_button:hover {

	text-decoration:none;

}

/* image switcher END */



/* related posts START */

#related_posts ul {

	margin-left:5px;

	margin-bottom:0;

	padding-bottom:0;

}

.post #related_posts ul li {

	padding-left:0;

}

#related_posts .excerpt {

	display:block;

}

/* related posts END */


