/*  
Theme Name: Rounded Corners
Theme URI: http://www.business-opportunity-review.co.uk/
Description: A beautiful theme with curved edges, designed by Colin McNulty.
Version: 1.0
Author: Colin McNulty
Author URI: http://www.business-opportunity-review.co.uk/
*/





/* Zeroes Out All Padding and Margins (Easier to fine tune from this point) */

* {
	margin: 0;
	padding: 0;
}



/* Link Styling (Universal - Fine tune on your own) */

a {
text-decoration: none;
color: #255a8e;
font-weight: bold;
}

a:visited {
text-decoration: none;
color: #1C86D8;
font-weight: bold;
}

a:hover {
text-decoration: underline;
	}

a img {
	border: none;
	}


body {  
font-size: small; 
  voice-family: "\"}\""; 
  voice-family:inherit;
font-size: x-small;
	font-family: Arial, Sans-Serif; /* Great starting fonts. Exchange with whatever you desire. */
	background: url('images/bg.jpg') top repeat-x #0e1229;
	color: #000;
	text-align: center; /* Fixes centering of main body in IE. */
	}



/* Standard HTML Elements */

p {
}

small {
	}

h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, 'lucida grande', arial, sans-serif, tahoma;
	}

h3 {
font-size: 1.6em;
color: #ff8910;
}

code {
	}

acronym, abbr, span.caps {
	cursor: help;
	}

blockquote {
padding: 0 .5em 0 .5em;
border-left: solid 3px #3B98E8;
	}

blockquote cite {
	}

hr {
	}
ol 	{
	}
ul	{
	}





/* Containers */

#page {
	text-align: left; /* In order to correctly align text after above IE fix in Body. */
margin: 3em auto 0 auto; /* Centers page in standards browsers. */
width: 96em; /* Sets width to 960 px. */
background: #fff;
	}

#header {
background: url('images/main_tl.jpg') top left no-repeat #fff;
width: 100%;
display-inline;
	}
#header a {
color: #2558ae;
}
#header a:hover {
text-decoration: none;
}

#headerimg 	{ 
background: url('images/main_tr.jpg') top right no-repeat;
padding-top: 1em;
	}

#headerlogo     { 
background: url('images/wetware.jpg') top left no-repeat;
padding-top: 1em;
min-height: 112px;
height: 112px;
	}

#header h1 {
font-family: tahoma;
font-size: 3.2em;
font-weight: bold;
font-variant: small-caps;
color: #163c63;
float: left;
padding-left: 110px;
} 
#header #rss {
float: right;
margin: 2em 1em 0 0;
text-transform: uppercase;
color: #999;
font-size: 1.1em;
font-weight: bolder;
}
#header #rss a {
color: #ff9900;
}

#content {
float: left;
width: 50em;
margin: 0 0 5em 0;
	}

/* Menu */
#menu {
background: url('images/menu_bg.jpg') bottom repeat-x;
width: 100%;
float: left;
font-weight: bold;
font-size: 1.6em;
margin: 0 0 0 0;
}
#menu ul {
list-style-type: none;
float: left;
}
#menu ul li {
float: left;
margin: .4em 1em 0 1em;
}
#menu ul li:hover, #menu .current_page_item {
background: url('images/menu_li_tl.gif') top left no-repeat #bfe4fb;
}
#menu ul a {
float: left;
color: white;
font-weight: bold;
text-underline: none;
padding: .5em .8em .5em .8em;
font-size: .8em;
}
#menu ul a:hover, #menu .current_page_item a {
text-decoration: none;
color: black;
background: url('images/menu_li_tr.gif') top right no-repeat;
}





/* Sidebar */

#sidebar {
float: right;
width: 42em;
margin: 2em 0 5em 0;
	}
#sidebar ul, .announcement ul	{
	list-style: none;
	}
	
#sidebar li, .announcement li {
	list-style: none;
	}
	
#sidebar ul li, .announcement ul li {
	list-style: none;
	}


/* SIDEBAR WIDGETS */
#sidebar .widget {
width: 188px;
float: left;
color: white;
background: url('images/widget_bg.jpg') bottom repeat-x;
margin: 2em 2em 0 0;
}
#sidebar .widget h2 {
color: #2558ae;
font-weight: bold;
text-transform: uppercase;
font-size: 1.3em;
padding: .5em 0 0 1em;
background: url('images/widget_tl.jpg') top left no-repeat;
}
#sidebar .widget h2 a, a:visited {
color: #2558ae;
font-weight: bold;
}
#sidebar .widget ul, #sidebar .widget div {
margin: 1em 0 0 0;
background: url('images/widget_bl.gif') bottom left no-repeat;
font-size: 1.2em;
height: 20em;
}
#sidebar .widget div {
padding: 0 1em 0 1em;
color: white;
font-size: 1.2em;
}
#sidebar .widget ul li {
margin: 0 0 0 1em;
}
#sidebar .widget ul a {
color: white;
font-weight: bold;
}


/* SEARCH - Not a Widget. Sorry. */
#search {
background: url('images/search_bg.jpg') bottom repeat-x;
margin: -.5em 2em 0 0;
width: 400px;
}
#search img {
float: left;
margin: .3em 1em 0 0;
}
#searchform {
background: url('images/search_bl.jpg') bottom left no-repeat;
padding: 1.5em 0 1.5em 1em;
}
#searchimg {
}
#searchform div {
margin: 1em 0 0 1em;
}
#searchform input {
position: relative;
bottom: 1em;
}
#s {
float: left;
width: 15em;
height: 1.5em;
margin: 0 1em 0 0;
background: url('images/go_bg.jpg') bottom repeat-x;
bottom: 0;
top: 0;
border: 0;
border-bottom: thin solid #d1d1d1;
}
#go {
color: #999;
height: 1.5em;
background: url('images/go_bg.jpg') bottom repeat-x;
border: 0;
border-bottom: thin solid #d1d1d1;
}



/* Footer */
#footer {
clear: both;
width: 100%;
background: url('images/footer_bg.jpg') bottom repeat-x;
padding: 1em 0 1em 0;
	}
#footer p {
margin: 0 0 0 1em;
color: #999999;
}




/* Layout Adjustments */

.navigation {
	font-size: 1.2em;
	margin: 2em 0 0 2em;
	padding-bottom: 1em;
	}
.navigation .alignright {
	float: right;
	}
.navigation .alignleft {
	float: left;
	}


/* Announcement Box */

#ann_top {
float: left;
margin: 2em 0 0 2em;
}

.announcement {
clear: both;
margin: 0 0 0 2em;
width: 500px;
color: white;
float: left;
background: url('images/page_head_bg.jpg') bottom repeat-x;
	}
.announcement ul {
list-style-type: none;
width: 100%;
margin: 0;
}
.announcement .textwidget {
color: white;
font-size: 1em;
text-align: justify;
margin: 0 1.5em 1.5em 2em;
clear: left;
}
.announcement li {
font-size: 1.2em;
color: white;
float: left;
background: url('images/ann_bl.jpg') bottom left no-repeat;
}
.announcement li h2 {
margin: 0 0 0 0;
padding: .5em 0 0 1em;
float: left;
width: 50%;
}
.announcement .announcement_inner {
float: left;
width: 100%;
background: url('images/ann_br.jpg') bottom right no-repeat;
}


/* Posts */

.post, .widecolumn {
clear: both;
width: 48em;
margin: 2em 0 0 2em;
padding-bottom: 10px;
float: left;
border-bottom: solid 1px #EF8730;
	}
.post h1, .pagetitle {
font-size: 1.8em;
font-weight: bold;
color: orange;
}
 .pagetitle {
	margin-top:20px;
	margin-left:20px
}
.post h1 a, a:visited {
color: #255A8E;
}
.post h1 a:hover {
text-decoration: none;
}
.post small {
color: #999999;
font-size: .8em;
font-weight: bold;
}
.post p {
font-size: 1.5em;
line-height: 1.4em;
margin: 1.8em 0 0 0;
text-align: justify;
}

.post ul {
list-style-type: none;
float: left;
margin: 1em 0 1em 0;
text-align: justify;
}

.post ul li {
float: left;
margin: .4em 1em 0 .5em;
font-size: 1.3em;
padding-left:25px;
background:transparent url('images/list.jpg') no-repeat;
background-position:0 5px;
}

.postmetadata {
}

.postmetadata alt {
}

.post #searchform {
background: #fff;
background-attachement: none;
}
.post #s, .post #searchform input {
float: none;
bottom: 0;
}



/* Entries - within posts, more specific */
.entry {
}



/* Comments */

#comments {
margin: 3em 0 0 0;
}
#respond {
margin: 3em 0 0 0;
}

.commentlist .odd {
background: #ccc;
}

.commentform {
font-size: 1.5em;
}

#commentform input {
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentmetadata {
	}


ol.commentlist {
list-style-type: none;
}

ol.commentlist li {
margin: 2em 0 0 0;
}

li.alt {

}

.commentlist cite {
	}

#submit {
}



/* Alignment */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.center {
	text-align: center;
	}





/* Search Form */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}



/* Standard Wordpress Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 1em 0 0 0;
	width: 155px;
color: #000;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	width: 100%;
text-align: left;	
margin-top: 2em;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

#calendar h2 {
display: none;
}



/* Widgets */
.textwidget {
color: #000;
font-size: .8em;
font-weight: normal;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }


/* FIXES FOR IE6 */
* html #menu a:hover {
background: #bfe4fb;
background-attachment: none;
}
* html .announcement, * html .post{
margin-left: .5em;
}

* html #content, * html .announcement {
width: 49.7em;
}
* html #content {
}
*html .post {
padding-left: 1em;
}

*html #ann_top {
margin: 2em 0 0 1em;
}
